Webフロントエンド開発経験の概要

Webフロントエンド開発経験の概要
  1. XMLファイルは、可能な限りutf-8でエンコードする必要があります。gb2312には、?など、保存できない文字があります。保存できたとしても、変換する必要があり、面倒です。UTF-8は国際標準にも準拠しています。
  2. CSSでは、:hover疑似クラスは:visitedの前に置かれると無効になります。
  3. <a> タグに href 属性がない場合、:hover などのすべての CSS 疑似クラスは無効になります。
  4. js ファイルでは、参照形式として document.write("<script language='javascript' src='" + file + "'></" + "script>" を使用し、ファイルの相対パスは js を参照する HTML のパスになります。

    たとえば、a.htm が x\b.js を参照し、b.js が x\c.js を参照する場合、ファイルは b.js を基準とした直接パス c.js ではなく、x\c.js である必要があります。ただし、この問題は CSS の @import および url() 参照では発生しません。
  5. テーブルの幅を100%に設定すると、スクロールバーの右側に空白スペースができることがあります。<body style="overflow:auto"> を設定してください。
  6. よく使用される画像の場合、img タグは使用しないでください。<span><a> を使用し、CSS を使用して背景、幅、高さを指定します。動的な画像 (上に移動すると背景が変わる) の場合は、<a> を使用するのが最適です。追加のコードは必要ありません。疑似クラス :hover を使用するだけです。CSS を使用する利点は、すべての変更を一度に行うことができることです。これは、スキンを変更するアプリケーションでうまく使用できます。
  7. @フォントフェイス {
    フォントファミリー:comic;
    src:url(http://valid_url/some_font_file.eot);
    }
    ローカルで利用できないフォント名を定義し、<span style="font-family:comic;font-size:18pt>aa</span> を呼び出します。
  8. いくつかのCSS
    div { オーバーフロー: 非表示; テキストオーバーフロー: 省略記号; }
    td { 垂直位置揃え : 中央; }
    オーバーフローを強制的に発生させて省略記号の値を適用するには、作成者はオブジェクトの white-space プロパティをnowrapに設定する必要があります。
    行の折り返しの機会がない場合(たとえば、オブジェクト コンテナーの幅が狭く、適切な改行のない長いテキストがある場合)、 nowrapを適用しなくてもオーバーフローが発生する可能性があります。
    省略記号の値を適用するには、このプロパティを非表示領域を持つオブジェクトに設定する必要があります。最善のオプションは、overflow プロパティをhidden に設定することです。
  9. Firefox の document.createElement はコンテンツ内の HTML タグをサポートしておらず、innerText もサポートしていませんが、innerHTML はサポートしており、innerHTML を使用してそのコンテンツを指定できます。
  10. .net コントロールの DropDownList の幅は Firefox では色分けされないため、style='width:10px;' を直接定義する必要があります。
  11. FirefoxのCSSカーソルはハンドをサポートしていません。代わりにポインタを使用してください。
  12. iframe 内のスクロールバーは、body だけでなく、style='overflow:hidden' の iframe タグ内に設定する必要があります。そうしないと、Firefox で問題が発生します。
  13. onpropertychangeイベントでは、プロパティ変更イベントをフィルタリングするためにevent.propertyNameを使用することに注意してください。このイベントを設定すると、onpropertychangeプロパティが実際に変更されるため、1回だけ自動的に実行されます。
  14. js5.6のXSLサポートバージョンは低く、ドキュメント機能がサポートされていない
  15. スライス関数は、配列のスライスを取得するために直接ループするよりも遅いです。
  16. nextSibling が次のオブジェクトを取得するときは、2 つのノード間にスペースがあってはならないことに注意することが重要です。そうしないと、正しいオブジェクトを取得できない可能性が高くなります。
  17. CreateTextFile を使用する場合、中国語のテキストが含まれている場合は、3 番目のパラメータを true に設定する必要があります。そうしないと、中国語のテキストを書き込むことができず、書き込み時にエラーが発生します。
  18. 中国語のテキストを保存するときは ADODB.stream を使用してください。FSO は utf-8 形式をサポートしていないため、fso は使用しないでください。

<<:  JavaScript スロットリングとアンチシェイクに関する簡単な説明

>>:  HTML シンプルな Web フォーム作成例の紹介

推薦する

nginx+WordPressで個人ブログを構築するプロセス全体の詳細な説明

0x00 はじめにWordPress は、世界で最も人気のある CMS システムです。PHP と M...

SQL 文における複合主キーと結合主キーに関する予備的研究

1. 複合主キーいわゆる複合主キーとは、テーブルの主キーが複数のフィールドで構成され、ビジネス上の意...

JavaScript 事前分析、オブジェクトの詳細

目次1. 事前分析1. 変数の事前解析と関数の事前解析1. 変数の事前解析2. 機能事前分析2. 事...

ウェブページを作成するために最もよく使用されるHTMLタグ

1. よく使われるHTMLタグの最適化HTML は Web 編集者にとって基本的なスキルであるべきで...

Linuxシステムでノードプロセスを実行しているが、プロセスを強制終了できない問題を解決します

まず、Linux システムで実行されているノード プロセスはプロセスを強制終了できないことを紹介しま...

Vueのレスポンシブシステムの原理の詳細な説明

目次Vueのレスポンシブシステムの基本原則1. Object.definePropertyの使い方を...

jQuery は、画像を切り替えるための左ボタンと右ボタンのクリックを実装します。

この記事では、左ボタンと右ボタンをクリックすることで画像を切り替えるjQueryの具体的なコードを例...

mysql8.0.0 winx64.zip 解凍バージョンのインストールと設定のチュートリアル

この記事はmysql8.0.0 winx64.zip解凍版のインストールチュートリアルを記録していま...

Centos7 ベースの Nginx Web サイト サーバーの構築の詳細説明 (仮想 Web ホストの構成を含む)

1. Nginx サービス基盤Nginx (エンジン x) は、パフォーマンスの最適化のために特別...

Vue のスロットスコープの詳細な理解(初心者向け)

Baidu には slot-scope に関する記事が既にたくさんありますが、以前よく学習しておら...

MySQL 結合テーブルと ID 自動増分の例の分析

結合の書き方左結合を使用する場合、左側のテーブルが必ず駆動テーブルになりますか? 2 つのテーブルの...

MySQL 8.0 のデフォルトのデータディレクトリを変更する (設定なしの簡単な操作)

使用シナリオ: Alibaba Cloud を使用しており、データディスクを別途購入しました (大容...

CentOS 8 カスタム ディレクトリ インストール nginx (チュートリアルの詳細)

1. ツールとライブラリをインストールする# PCRE は、Perl 互換の正規表現ライブラリを含...

Webpackプラグインを書いてnpmに公開するための80行のコード

1. はじめに最近、 Webpackの原理を勉強しています。これまでは Webpack の設定方法し...

IE8 と Chrome でテーブルの幅を修正する方法

IE8 や Chrome で上記の設定を使用すると、画面の最大幅に合わせて表示が統一され、各列の幅は...