原创 02_移動端適配

meta標籤 <meta name="viewport" content="width=device-width,initial-scale=1.0, minimum-scale=1.0,maximum-scale=1.0,u

原创 01_移動端基礎

基本概念: 屏幕尺寸: 屏幕對角線長度(英寸) 1英寸=2.54cm 屏幕分辨率: 橫縱向上像素點數(物理像素) 屏幕密度: 每英寸上物理像素個數 高清屏: 一種具備超高像素密度的液晶屏; 同樣大小屏幕上顯示物理像素點數由一個變爲多

原创 04_Font Boosting

什麼是Font Boosting Font Boosting是Webkit 給移動端瀏覽器提供的一個特性: 當我們在手機上瀏覽網頁時,很可能因爲原始頁面寬度較大, 在手機屏幕上縮小後就看不清其中的文字了。 而 Font Boostin

原创 05_一物理像素的實現

一物理像素的實現 rem+系統縮放 1.主體適配採用rem適配 並放大rem的基值(dpr倍) 2.再通過系統縮放 縮回dpr倍,initial-scale=1/dpr (function(){ var dpr = window

原创 03_移動端事件基礎

移動端事件基礎 queryselector的坑 queryselectorAll:靜態列表 queryselector:靜態列表的第一個 移動端事件 移動端事件:觸屏事件、指針時間(用的少) 移動端: touchstart to

原创 5_CMD-SeaJS模塊化

sea.js簡單使用 使用seajs: 1. 引入sea.js庫 2. 如何定義導出模塊 : define() exports module.exports 3. 如何依賴模塊: require() 4

原创 11_javascript線程機制與事件機制

進程與線程 進程: 程序的一次執行, 它佔有一片獨有的內存空間 可以通過windows任務管理器查看進程 線程: 是進程內的一個獨立執行單元 是程序執行的一個完整流程 是CPU的最小的調度單元 進程與線程 * 一個進程中一般至少

原创 08_javascript閉包

引子實例 // 需求: 點擊某個按鈕, 提示"點擊的是第n個按鈕" // html: <button>測試1</button> <button>測試2</button> <button>測試3</button>

原创 04_javascript函數

什麼是函數? 具有特定功能的n條語句的封裝體 只有函數是可執行的, 其它類型的數據是不可執行的 函數也是對象 爲什麼要用函數? 提高代碼複用 便於閱讀和交流 如何定義函數? 函數聲明 表達式 如何調用(執行)函數?

原创 6_ES6模塊化

ES6-Babel-Browserify使用 創建項目結構 |-js |-libs |-src |-app.js |-module1.js |-module2.js |-module3.js

原创 01_javascript數據類型

數據類型分類(2大類) 基本(值)類型 * Number: 任意數值 * String: 任意文本 * Boolean: true/false * undefined: undefined * null: null 對象(引用)類型

原创 4_AMD-RequireJS模塊化

AMD-RequireJS模塊化 1. 下載require.js, 並引入 官網: http://www.requirejs.cn/ github : https://github.com/requirejs/requirejs

原创 02_javascript數據, 變量與內存

什麼是數據? 存儲於內存中代表特定信息的'東東', 本質就是0101二進制 具有可讀和可傳遞的基本特性 萬物(一切)皆數據, 函數也是數據 程序中所有操作的目標: 數據 算術運算 邏輯運算 賦值 調用函

原创 14_JSON

JSON JavaScript Object Notation JS對象表示法 // notation [nəʊ'teɪʃ(ə)n] n. 符號;樂譜;註釋;記號法 JS中的對象只有JS自己認識,其他的語言都不認識; JSON就

原创 06_javascript執行上下文與執行上下文棧

變量提升與函數提升 變量聲明提升 通過var定義(聲明)的變量, 在定義語句之前就可以訪問到 值: undefined 函數聲明提升 通過function聲明的函數, 在之前就可以直接調用 值: 函數定義(對象) 面試題 : va