原创 標準盒模型和IE盒模型
大家好像對盒模型還不是很清楚，我來總結一下。 盒模型分爲兩種：標準盒模型和怪異盒模型（可惡的IE瀏覽器） 一.標準盒模型 在標準盒模型中一個盒子實際所佔的位置大小爲：margin + padding + border + conte
2018-08-22 06:18:22
1
原创 常見瀏覽器兼容問題
所謂的瀏覽器兼容性問題，是指因爲不同的瀏覽器對同一段代碼有不同的解析，造成頁面顯示效果不統一的情況。在大多數情況下，我們的需求是，無論用戶用什麼瀏覽器來查看我們的網站或者登陸我們的系統，都應該是統一的顯示效果。所以瀏覽器的兼容性問題是前
2018-08-22 06:18:22
2
原创 css link和@import標籤的區別
差別1：老祖宗的差別。link屬於XHTML標籤，而@import完全是CSS提供的一種方式。link標籤除了可以加載CSS外，還可以做很多其它的事情，比如定義RSS，定義rel連接屬性等，@import就只能加載CSS了。差別2：加載順
2018-08-22 06:18:22
4
原创 JSONP跨域的原理解析
JavaScript是一種在Web開發中經常使用的前端動態腳本技術。在JavaScript中，有一個很重要的安全性限制，被稱爲“Same-Origin Policy”（同源策略）。這一策略對於JavaScript代碼能夠訪問的頁面內容做
2018-08-22 06:18:22
原创 清除浮動的方法及其利弊
1、採用僞類:after進行後續空制的高度位零的僞類層清除 2、採用CSS overflow:auto的方式撐高 3、採用CSS overflow:hidden的方式產生怪異適應 4、採用display:table將對象變成table形式
2018-08-22 06:18:22
2
原创 @media screen 針對不同移動設備
概念: device-pixel-ratio：定義輸入設備屏幕的可視寬度與可見高度比率。 device-width：輸入設備屏幕的可視寬度。 orientation ：屏幕橫豎屏定向。landscape 是橫向，port
2018-08-22 06:18:22
3
原创 Js各種繼承方法總結
//原型鏈方式 function ClassA() { } ClassA.prototype.color = "red"; ClassA.prototype.sayColor = function ()
2018-08-22 06:18:22
原创 前端工作面試HTML相關問題
Q: doctype（文檔類型）的作用是什麼？ A: 在HTML中 doctype 有兩個主要目的。 對文檔進行有效性驗證:它告訴用戶代理和校驗器這個文檔是按照什麼DTD 寫的。這個動作是被動的，每次頁面加載時，瀏覽器並不會下載DTD
2018-08-22 06:18:22
1
原创 js經典面試題
問題1: 作用域 看一下下面的代碼： (function() { var a = b = 5; })(); console.log(b); 結果會輸出什麼? 答案： 5 這個問題考查的要點是兩個不同的
2018-08-22 06:18:22
2
原创 javascript閉包
一、什麼是閉包： 簡單的說：父函數，包着子函數。子函數可以引用父函數的參數和變量,參數和變量不會被垃圾回收所收回，看下面的例子。function a(cc){ var aa = 5; function b(){ alert(c
2018-08-22 06:18:20