原创 JS進階第一天

函數節流 JS基礎講過事件,有這麼一個窗口事件,窗口改變時觸發 window.onresize 滾動條觸發事件 window.onscroll    函數節流(throttle)當達到了一定的時間間隔就會執行一次;可以理解

原创 css 3D

css 2D回顧 轉換:屬性在2D和3D之間切換-翻譯:更改兩個參數代表x軸到y軸的變換-比例:縮放兩個參數代表x軸到y軸的縮放順序-旋轉:旋轉-傾斜:傾斜 <!DOCTYPE html> <html lang="en"> <

原创 JQuery第四天

滾動異性輪播圖 <!DOCTYPE html> <html> <head> <meta charset="UTF-8"> <title></title> <style type="text/css"> *{ma

原创 JS進階第四天

js實現鼠標拖拽 首先子元素必須使用絕對定位 這個步驟非常重要 獲取元素的id值 設置鼠標按下事件(執行事件的元素) 鼠標移動事件(document) 鼠標鬆開時間(執行事件的元素) 窗口改變事件(document) 獲

原创 ES5第二天

map方法 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=

原创 JS進階第二天

JQuery節點創建 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="w

原创 ES5第三天

嚴格模式下必須使用var聲明 非嚴格模式下,變量可以不使用var聲明 嚴格模式下,變量必須使用var聲明,否則報錯:ReferenceError: num is not defined 也就是變量必須先聲明,再使用 函數體內開啓

原创 模塊化開發第二天

seajs部分 seajs實現異步加載 注意事項    瀏覽器端去加載圖片,需要去服務器端請求數據,這個過程被稱爲異步的。    seajs中爲了實現這個功能,添加了require.async方法     這個方法的用法和s

原创 JS進階第三天

獲取視口寬度和高度的兼容性寫法 onload:頁面或圖片加載完成時執行的操作 兼容性寫法 一般要寫body的寬(高)度 根元素的寬(高)度 文檔顯示區的寬度和高度 <!DOCTYPE html> <html lan

原创 ES5第一天

JSON ES5新增JSON全局對象來實現序列化和反序列化 JSON.stringify() 對象的序列化,js對象(數組)轉換爲json對象(數組) JSON.parse() 對象的反序列化,json對象(

原创 JS進階第五天

scrollTop問題 scrollLeft 此屬性可以獲取或者設置對象的最左邊到對象在當前窗口顯示的範圍內的左邊的距離,也就是元 素被滾動條向左拉動的距離。被左邊捲去的距離。 scrollTop 此屬性可以獲取或者設置對象的最

原创 ES5第四天

ES5嚴格模式 聲明兩點 eval()和with()作用域的不同之處 eval()會創建一個獨立的作用域 而with()會改變作用域 會傳入一個對象 <!DOCTYPE html> <html lang="en"> <hea