ホームページ > 記事 > ウェブフロントエンド > 基本的な問題の整理_html/css_WEB-ITnose
!! | |||||||||||
utf8_unicode_ci和utf8_general_ci | |||||||||||
计算运行时间(性能) | |||||||||||
width: 100%的应用 | |||||||||||
nth-child和nth-of-type的区别 | |||||||||||
document.addEventListener | |||||||||||
offsettop的问题 | |||||||||||
在手机上测试网页遇到的问题 | |||||||||||
什么是Unicode,什么是UTF-8 | |||||||||||
手机屏幕分辨率和手机浏览器分辨率 | |||||||||||
| |||||||||||
!! | |||||||||||
类型转换 将对应的类型转换为boolean型 !!b指的是将b转换为boolean值 去两次非是因为将b转换位boolean值后取了一次非,所以得到的值正好相反,再取一次反回来 | |||||||||||
utf8_unicode_ci和utf8_general_ci | |||||||||||
具体的说: 1、对于一种语言仅当使用utf8_unicode_ci排序做的不好时,才执行与具体语言相关的utf8字符集校对规则。例如,对于德语和法语,utf8_unicode_ci工作的很好,因此不再需要为这两种语言创建特殊的utf8校对规则。 2、utf8_general_ci也适用与德语和法语,除了‘?’等于‘s’,而不是‘ss’之外。如果你的应用能够接受这些,那么应该使用 utf8_general_ci,因为它速度快。否则,使用utf8_unicode_ci,因为它比较准确。 用一句话概况上面这段话:utf8_unicode_ci比较准确,utf8_general_ci速度比较快。通常情况下 utf8_general_ci的准确性就够我们用的了,在我看过很多程序源码后,发现它们大多数也用的是utf8_general_ci,所以新建数据 库时一般选用utf8_general_ci就可以了 | |||||||||||
计算运行时间(性能) | |||||||||||
使行属性标签既可以设置宽高,又可居中 =============================== span{ width:85px; height:24px; display: inline-block; } //父级 #main span{ Width: 100%; text-align: center; } | |||||||||||
nth-child和nth-of-type的区别 | |||||||||||
els:nth-child(n) 1.往上找父级 2.父级下的第n个元素若为els======选中 els:nth-of-type(n) 往上找父级,父级下的第n个els元素=======被选中 zero 上の例では、.demo li:nth-child(2) は | |||||||||||
document.addEventListener | |||||||||||
1.バブルと沈み document.addEventListener(" イベント名", function, false); 最後addEventListener のパラメータは、イベントの応答順序を決定します。 ----- true の場合、イベントの実行順序は addEventListener -> ラベルの onclick イベント -> document .onClick (シンキング)
ラベル付きの onclick インシデントが False の場合 — & gt; document.onClick-& GT;イベントリスナー (バブル)
他のコードの呼び出し入り口として理解する 2. 1つのjsイベントに複数の関数を実行させる問題を解決するdocument.onclick=function(){ alert('a'); } document.onclick=function(){ alert('b'); } --- >bのみ出力 ** **************** document.addEventListener("click", function (){ alert ('a'); }, false ); document.addEventListener("click",function (){ alert('b'); },false) ; --->出力 a,b 3.概要 true のトリガー順序は常に false; | 複数のものが true の場合、外側のレイヤーは内側のレイヤーの前にトリガーされます。|||||||||||
複数のものが false の場合、内側のレイヤーは外側のレイヤーより先にトリガーされます。 |
応答順序: | 白いブロック: 2||||||||||
緑ブロック: 1 |
黄色のブロック: 3
| 白いブロック: 1||||||||||
緑のブロック: 2 |
黄色のブロック: 3
| 白いブロック: 3 ||||||||||
緑色のブロック: 2 |
黄色のブロック: 1
| 白いブロック: 2||||||||||
緑のブロック: 3 | 黄色のブロック: 1|||||||||||
| |||||||||||
offsettopの問題
| 1.|||||||||||
ative | 2.offsettop|||||||||||
テスト中に発生した問題携帯電話の Web ページ
1.まずコンピュータのファイアウォールをオフにします | 2.|||||||||||
| 3.|||||||||||
Unicode とは、UTF -8 とは何ですか Unicode とは?によって開発された文字エンコード方式世界中のあらゆる文字や記号を扱うことができる国際組織です。 Unicode は、0 ~ 0x10FFFF の数値を使用してこれらの文字をマップし、最大 1114112 文字、または 1114112 コード ポイントを収容できます。コード ポイントは、文字に割り当てることができる番号です。 UTF-8、UTF-16、および UTF-32 はすべて、数値をプログラム データに変換するためのエンコード スキームです。 中国語の範囲 4E00-9FBF UCS-2、UCS-4 とは UCS-2 は 2 バイトでエンコードされ、UCS-4 は 2 バイトでエンコードされます4バイトコーディング。 UCS-2 基本多言語プレーンとも呼ばれます。 UCS-2 UCS-4 への変換は、前に 2 バイトの 0 を追加するだけです。
UTF-8とは UTFは、Unicode文字セット変換形式に変換できる エンコーディング
0x00 ~ 0x7F の文字の場合、UTF-8 エンコードは ASCII エンコードとまったく同じです。 UTF-8 エンコードの最大長は 4 バイトです。上の表からわかるように、4 バイトのテンプレートには 21 個の x があり、21 個の 2 進数を収容できることを意味します。 Unicode の最大コード ポイント 0x10FFFF は、わずか 21 ビットです。 携帯電話の画面解像度とモバイルブラウザの解像度 | |||||||||||
携帯電話の画面解像度 | |||||||||||
@media screen (最小デバイス幅: 640px) および (max-device-width:960px) モバイルブラウザの解像度 @メディア画面および (min-width:320px) および (max-width:480px)
document.write(" ブラウザの解像度は "+document.documentElement.clientWidth+"*"+document.documentElement.clientHeight ); document.write("画面の解像度は" +window.screen. width+"*"+window.screen.height); |