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

推薦する

VantフレームワークをWeChatアプレットに導入するプロセス全体の記録

序文WeChat ミニプログラムのネイティブ UI が少し物足りないと感じることがあるので、サードパ...

JavaScript プリミティブデータ型シンボルの詳細な説明

目次導入説明名前の競合私有財産要約する導入シンボル変数を作成する最も簡単な方法は、Symbol() ...

Vue プロジェクトで addRoutes を使用する際の問題の解決策

目次序文1. 404 ページ1. 原因2. 解決策2.白い画面を更新する1. 原因2. 解決策3. ...

純粋な JS を使用して vue.js で双方向バインディング機能を実装する方法

目次まず、双方向バインディングを実装するアイデアについて説明します。これらの機能を実装するための j...

Vueのプラグインの仕組みとインストールの詳細を深く理解する

序文: Vue を使用する場合、多くの場合、カスタム プラグインをいくつか使用して記述し、 Vue....

Apache Tika を使用してファイルが破損しているかどうかを検出する方法

Apache Tika は、さまざまな形式のファイルからファイル タイプを検出し、コンテンツを抽出す...

WeChatアプレットは左にスワイプしてリスト項目を削除する効果を実現

この記事では、WeChatミニプログラムの具体的なコードを共有し、左にスワイプしてリスト項目を削除す...

MySQLのレプリケーションの詳細な分析

1.MySQLレプリケーションの概念これは、プライマリ データベースの DDL および DML 操作...

Nginx の realip モジュールの使い方の基礎学習

序文nginx モジュールには、公式とサードパーティの 2 種類があります。nginx のインストー...

ウェブページのメモリ使用量とCPU使用量を削減する方法

一部の Web ページは大きく見えなくても開くのに非常に時間がかかる場合があります。一方、他の We...

無効な Nginx クロスドメイン設定 Access-Control-Allow-Origin の解決策

nginx バージョン 1.11.3次の構成を使用すると、検証は無効になり、クロスドメインの問題が依...

MySQL sql99構文の内部結合と非等価結合の詳細な説明

#事例: 従業員の給与水準を照会する 選択 給与、等級 から 従業員 参加する ジョブグレード g ...

ダウンロードにおすすめの氷と雪のフォント 33 種類 (個人用および商用)

01 ウィンターフレーク(個人のみ) 02 スノートップキャップ(業務用) 03 モディウス「フリ...

ボタンの権限判定を実装するためのVueカスタムv-has命令

アプリケーションシナリオバックグラウンド管理システムを例にとると、各ユーザーには異なるボタン権限があ...

Angularフレームワークのビュー抽象定義の詳細な説明

序文「大規模なフロントエンド プロジェクト向け」に設計されたフロントエンド フレームワークである A...