WEBサイト制作では様々な問題に遭遇するのは避けられませんが、開発中に遭遇したトラブルとその経験、遠回りを避けるための経験談をご紹介します。 1. xml ファイルはできるだけ utf-8 でエンコードする必要があります。gb2312 では保存できても utf-8 に変換する必要があるため、さらに面倒です。国際規格にも準拠しています。 2. CSS の疑似クラス :hover は、:visited の前に配置すると無効になります。 3. <a> タグに href 属性がない場合、:hover などの CSS 疑似クラスはすべて無効になります。 例: a.htm は xb.js を参照し、b.js は xc.js を参照します。この場合、ファイルは c.js ではなく xc.js (b.js に対する相対パス) である必要があります。 、および css の @import 、 url() 参照にはこの問題はありません 5. ページ上で、テーブルの幅を 100% に設定すると、右側のスクロール バーに空白が残る場合があります。<body style="overflow:auto"> を設定してください。 6. よく使用される画像の場合は、img タグを使用せず、CSS を使用して背景、幅、高さを指定します (背景を変更するには上に移動します)。 <a> は、追加のコードを記述せずに、 pseudo-class:hover を使用するだけです。 CSS を使用する利点は、すべてを一度に変更できることです。これは、スキンを変更するアプリケーションでよく使用されます。 7. @font-face {font-family:comic;src:url(http://valid_url/some_font_file.eot);} ローカルで使用できないフォント名を定義するには、<span style="font-family:comic;font-size:18pt>aa</span> を呼び出します。 8. いくつかの CSS ここに引用があります: オーバーフローを強制的に発生させて省略記号値を適用するには、作成者はオブジェクトの空白プロパティを nowrap に設定する必要があります。 改行の機会がない場合 (たとえば、オブジェクト コンテナの幅が狭く、適切な改行がない長いテキストがある場合)、nowrap を適用しないとオーバーフローする可能性があります。 省略記号の値を適用するには、このプロパティを非表示領域を持つオブジェクトに設定する必要があります。最良のオプションは、オーバーフロー プロパティを非表示に設定することです。 9. Firefox の document.createElement は、コンテンツ内の HTML タグや innerText をサポートしていませんが、innerHTML をサポートしており、innerHTML を使用してそのコンテンツを指定できます。 10. .net コントロールの DropDownList の幅は、Firefox では色付けされません。style='width:10px;' を直接定義する必要があります。 11. Firefox の CSS カーソルはハンドをサポートしていないため、代わりにポインターを使用します。 13. onpropertychange イベント中に、event.propertyName を使用してプロパティ変更イベントをフィルターすることに注意してください。このイベントを設定するときは、onpropertychange プロパティが実際に変更されているため、自動的に実行されます。 14. js5.6 での XSL サポートのバージョンは比較的低く、たとえばドキュメント機能はサポートされていません。 16. nextSibling が次のオブジェクトを取得するときは、2 つのノードの間にスペースがあってはいけないことに注意してください。そうしないと、正しいオブジェクトの取得に失敗しやすくなります。 17. CreateTextFile に中国語の文字が含まれる場合、3 番目のパラメータを true に指定する必要があります。そうしないと中国語の文字を書き込むことができず、Write が報告されるとエラーが発生します。 18. FSO は utf-8 形式をサポートしていないため、中国語のテキストを保存する場合は、fso の代わりに ADODB.stream を使用します。
4. document.wirte("<script language='javascript' src='" + file + '></" + "script>" の形式の参照が js ファイルで使用され、その相対パスがファイルは js html パスを参照します。
div { オーバーフロー: 非表示; テキストオーバーフロー: 省略記号 }
td { 垂直整列 : 中央 }
12. iframe 内のスクロールバーは iframe タグに style='overflow:hidden' を設定する必要があります。これは Firefox では問題を引き起こします。
15. スライス関数は、配列フラグメントを取得するために直接ループするよりも遅くなります。