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

推薦する

データベース内のSQL整合性制約ステートメントの分析

整合性制約整合性制約はテーブル データの正確性を保つためのものです。データが正しくない場合は、そもそ...

nginx のロケーションと書き換えの使用法の詳細な説明

1. 位置情報の利用状況の概要ロケーションは、さまざまな処理方法に対してさまざまな種類のリクエストを...

Vue v-model 関連の知識のまとめ

​v-model は、入力とフォーム データ間、または 2 つのコンポーネント間の双方向データ バイ...

Reactは、読み込み、読み込み完了、読み込み失敗の3つの段階の原則分析を実装します。

最近ブログに書いたのですが、プロジェクトリストの中に写真がたくさんあり、最初は読み込みが遅いので、ス...

CSS3 で作成した本のページめくり効果

結果:実装コード: html <!-- よろしければハートを付けてください! --> &...

HTML 5 プレビュー

<br />オリジナル: http://www.alistapart.com/artic...

「いいね!」文がインデックスに登録されないのはなぜですか?

序文この記事は、最も人気のある言語で最も退屈な基礎知識を説明することを目的としていますこのトピックは...

Javascript 共通高階関数の詳細

目次1. 一般的な高階関数1.1、フィルター1.2、地図1.3、減らすHigher Order fu...

プライベートDockerリポジトリであるHarborをインストールするための詳細な手順

Harborのインストールは非常に簡単ですが、Dockerログインで行き詰まってしまいました。このブ...

Node.js でのブレークポイント再開の実装

序文通常のビジネスニーズ: 写真、Excel などをアップロードします。結局のところ、数 MB のサ...

Vue ミックスインの使用方法とオプションのマージの詳細な説明

目次1. コンポーネントでの使用2. オプションのマージ要約する1. コンポーネントでの使用Mixi...

ウェブサイトにファビコンを追加するためのヒント: URLの前の小さなアイコン

いわゆるファビコンは、Favorites Icon の略で、中国語ではウェブサイトアバターと呼ばれて...

複数の .sql ファイルを MySQL に効率的にインポートする方法の詳細な説明

MySQL には、複数の .sql ファイル (SQL ステートメントを含む) をインポートする方法...

Vue+Openlayer をベースに geojson を動的に読み込む方法

1つ以上の機能をロードする <テンプレート> <div id="map&...

nginx + セカンダリドメイン名 + https サポートを使用する

ステップ1: Alibaba Cloudプライマリドメイン名にセカンダリドメイン名を追加する2 番目...