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 フォーム作成例の紹介

推薦する

Windows Server 2016 に Docker をインストールするプロセスと発生した問題

前提条件Windows Server でコンテナーを実行するには、Windows Server (半...

JS を使用してクリップボード内の Excel コンテンツを解析する方法

目次序文1. イベントとクリップボードを貼り付ける2. クリップボード内のコンテンツ形式3. HTM...

docker を使用して複数のネットワーク インターフェースを持つコンテナーを起動する方法の例

コンテナにネットワークインターフェースを追加する1 デフォルトのネットワークモードでコンテナを実行す...

JavaScript のモジュール性の説明

目次序文: 1. コンセプト2. モジュール化の利点3. 複数のスクリプトタグを導入した後の問題1....

MySQLアカウントのパスワード変更方法(概要)

序文:データベースを日常的に使用すると、パスワードが単純すぎて変更する必要がある場合、パスワードの有...

CentOS7 環境での DHCP 設定チュートリアル

目次CentOS7環境での設定コマンド手順1. DHCP設定ファイルを設定する2. グローバル構成を...

Docker Gitlab+Jenkins+Harborは永続的なプラットフォーム運用を構築します

CI/CD の概要CIワークフロー設計Gitコードバージョン管理システムはコマンドラインでのみ管理で...

WindowsシステムでPhPStudy MySQLの起動に失敗する問題を解決する

エラーを報告するApache\Nginx サービスは正常に起動しましたが、MySQL は起動に失敗し...

Zabbix動的実行監視収集スクリプトの実装原理

Zabbix カスタム スクリプトを使用して監視データを収集する場合、通常、次の問題が発生します。サ...

geo モジュールを使用して Nginx でホワイトリストを設定する例

元の構成: http { ...... limit_conn_zone $binary_remote...

モバイルレイアウトにvw+remを使用する方法

まだ rem フレキシブルレイアウトを使用していますか?圧縮された js コードの大きなセクションを...

カレンダー効果を実現するための Bootstrap+JQuery

この記事では、カレンダー効果を実現するためのBootstrap+Jqueryの具体的なコードを参考ま...

製品を選択した後、右下隅に√記号を表示するための純粋なCSS

おすすめの記事: CSS 疑似クラスの右下隅をクリックすると、選択を示すチェックマークが表示されます...

Centos8 システムの VMware インストール チュートリアル図 (コマンド ライン モード)

目次1. ソフトウェアとシステムイメージ2. 仮想マシンを作成する3. CentOS8をインストール...

TypeScript 2.0 マーク付き共用体型の詳細な説明

目次タグ付きユニオン型を使用した支払い方法の構築タグ付きユニオン型を使用した Redux アクション...