先端開発面接筆記試験知識小結
8120 ワード
参考:先端开発面接问题
フロントエンド統合
1.Web規格の理解
Web規格は、構造規格(XHTML/HTML)、表現規格(CSS)、および動作規格(ECMAScript/DOM/BOM)の一連の規格の集合である.これらのコードの書く基準もあります.
実装するWeb標準は、構造化ドキュメント;内容、表現、行為の3つの間の分離.
2.ブラウザカーネルの違い
IEブラウザのカーネルTrident、MozillaのGecko、ChromeのBlink(WebKitのブランチ)、Operaカーネルは元々Prestoであり、現在はBlinkとなっている.
HTML
1.HTMLの,いわゆる「厳格モード」と「混在モード」
（1）<!DOCTYPE> ， <html> 。 ， 。
（2） JS 。
（3） ， 。 。
（4）DOCTYPE 。
2.
<link>と@importの違い（1）<link> XHTML ， @import CSS ;
（2） ，<link> ， @import CSS ;
（3）import IE5 ， <link> XHTML ， ;
（4）<link> @import 。
3.ブロックレベル要素、行内要素、空(void)要素はどれらがありますか?
（1） 。 display block。div ul ol li dl dt dd h1 h2 h3 h4…p。
（2） 。 display inline。a b span img input select strong。
（3） 。 ， 。<br> <hr> <img> <input> <link> <meta>
4.よくあるHTMLブラウザの互換性の問題
（1） 。
IE , , getAttribute() ;Firefox , getAttribute() 。
: getAttribute() 。
（2）even 。
IE ,even x,y , pageX,pageY ;Firefox ,event pageX,pageY , x,y 。
：var x = (event.x ? event.x : event.pageX)
5.HTMLの意味化
（1） ！
（2）html ， 、 ；
（3） CSS ， 。
（4） ， SEO。
（5） ， 。
6.iframeの欠点
（1）iframe Onload ；
（2）iframe ， ， 。
： iframe 。 iframe， javascript iframe src ， 。
HTML5
1.HTML 5のオフラインストレージ
localStorage ， ；
sessionStorage 。
2.cookies,sessionStorageとlocalStorageの違い
（1）cookie ， sessionStorage localStorage 。
（2）sessionStorage localStorage 。
（3）sessionStorage localStorage 。
（4）sessionStorage localStorage 。
3.ブラウザ内の複数のラベル・ページ間の通信をどのように実現しますか?(アリ)
localstorge、cookies
4.webSocketはどのように低ブラウザと互換性がありますか?(アリ)
Adobe Flash Socket 、 ActiveX HTMLFile (IE) 、 multipart XHR 、 XHR
CSS
1.レイアウト
Table ，Div+CSS ， 。
2.ケースモデル
（1） ， IE 、 W3C ；IE content border pading;
（2） ： (content)、 (padding)、 (margin)、 (border).
3.セレクタの優先度と使用
1.id （ # myid）
2. （.myclassname）
3. （div, h1, p）
4. （h1 + p）
5. （div > p）( <div> <p> 。)
6. （li a）
7. （ * ）
8. （a[rel = "external"]）
9. （a: hover, li: nth - child）
：
1.!important > id > class > tag
2.important
4.CSS 3新特性
CSS3 （border-radius:8px）， （box-shadow:10px）， （text-shadow、）， （gradient）， （transform）、
scale(0.85,0.90)， translate(0px,-30px)， skew(-9deg,0deg)
CSS rgba
5.CSS定義の重み
1，class 10，id 100。
/* 100+1=101*/
#id1 div{
}
/* 10+1=11*/
.class1 div{
}
/* 10+10+1=21*/
.class1 .class2 div{
}
6.手動でアニメーションを書く必要がある場合、最小時間間隔はどのくらいだと思いますか.なぜですか.(アリ)
60Hz， 1 60 ， 1/60＊1000ms ＝ 16.7ms
7.display:inline-block表示ギャップの除去?(携程)
、 margin 、 font-size:0、letter-spacing、word-spacing
8.CSSのブラウザ互換性
Chrome 12px 12px , CSS -webkit-text-size-adjust: none; 。
margin padding 。 *{margin:0;padding:0;} 。
JavaScript：
1.Node.jsの適用シーン?
、 、
2 Javascriptはどのように継承を実現しますか?
3.Thisオブジェクトの理解
this js ， ，this 。
， this 。
this ： Global。 ， this
4.オブジェクトがクラスに属しているかどうかをどのように判断しますか?
instanceof （ ）
if(a instanceof Person){
alert('yes');
}
5.newオペレータは具体的に何をしましたか?
1、 ， this ， 。
2、 this 。
3、 this ， this 。
var obj = {};
obj.__proto__ = Base.prototype;
Base.call(obj);
6.Javascriptには、実行時にオブジェクトを検索すると、プロトタイプを検索することはありません.この関数は?
hasOwnProperty
7.JSONの了解?
JSON(JavaScript Object Notation) 。
JavaScript 。 , ,
{'age':'12', 'name':'back'}
8.ドメイン間の問題をどのように解決しますか?
jsonp、 iframe、window.name、window.postMessage、
9.モジュール化はどうしますか.
,
var module1 = (function(){
var _count = 0;
var m1 = function(){
//...
};
var m2 = function(){
//...
};
return {
m1 : m1,
m2 : m2
};
})();
10.documen.writeとinnerHTMLの違い
document.write
innerHTML
11.call,applyメソッドの違い
call, apply , , call , apply , .
: call, apply arguments
12.jQueryの最適化方法
（1） Class Id ， DOM 。
（2） DOM， 。 Jquery 。
：var str=$("a").attr("href");
（3）for (var i = size; i < arr.length; i++) {}
for (arr) .length ， ， ：
for (var i = size, length = arr.length; i < length; i++) {}
13.それらの操作によってメモリが漏洩しますか?
。
（1） ， 。 0（ ）， ， 。
（2）setTimeout ， 。
（3） 、 、 （ ， ）
14.現在のスクリプトがブラウザまたはnode環境で実行されているかどうかを判断します.(アリ)
Global window， window，