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

推薦する

CSS スタイルを HTML 外部スタイルシートにインポートする方法

リンクインスタイルとは、すべてのスタイルを 1 つ以上の外部スタイルシート ファイルに配置することで...

Jenkinsを使用してプロジェクトを別のホストにデプロイするプロセス

環境ホスト名IPアドレス仕えるジェンキンス192.168.216.200トムキャット、ジェンキンスサ...

MySQL 自動インクリメント ID のオーバーサイズ問題のトラブルシューティングと解決策

導入Xiao A がコードを書いていたところ、DBA Xiao B が突然、「急いでユーザー固有情報...

Nginx_geo モジュールを使用して CDN スケジュールを設定する方法

NginxのGeoモジュールの紹介geo ディレクティブは、ngx_http_geo_module ...

一定期間の日ごと、時間ごとの統計データを取得するMySQLの詳しい説明

毎日の統計情報を取得するプロジェクトを実行する際、プロジェクト ログを分析する必要があります。要件の...

Vueはel-tree遅延読み込みを使用して、追加、削除、変更、クエリ機能を実装します。

Vue のツリー表示については、プロジェクトが使用されています: エフェクト ダイアグラムがツリー...

MySQL クイックデータ比較テクニック

MySQL の運用と保守において、R&D の同僚が 2 つの異なるインスタンスのデータを比較...

Tomcat8はcronologを使用してCatalina.Outログを分割します

背景tomcat によって生成された catalina.out ログ ファイルが分割されていない場合...

HTMLで特殊記号を表示する(特殊文字対応表付き)

問題の再現HTML を使用して編集する場合、特殊記号によってエラーが表示されることが多く、極端な場合...

jQueryは、マウスをドラッグしてdivの位置とサイズを変更する方法を実装しています。

Windows フォームと同様の効果を得るには、中央をドラッグして div の位置を変更し、端をド...

CSS3 天子グリッドリストのスタイルの書き方

多くのプロジェクトでは、中央に灰色の分割線があり、両側に分割線がないグリッド表示の機能を実装する必要...

Vueフレームワークで習得しなければならない重要な知識を学びます

1. Vueとは何かVue は、ユーザー ページを構築するためのプログレッシブ フレームワークです。...

MySQLデータベースとOracleデータベース間のバックアップをインポートする

OracleデータベースからエクスポートされたデータをMySqlデータベースにインポートします。 1...

JavaScript 関数のコンテキストのルールは何ですか?

目次1. ルール 1: Object.Method() 1.1 ケース1 1.2 ケース2 1.3 ...