## 盒模型
`margin(外邊距)`\- 清除邊框外的區域，外邊距是透明的。
`border(邊框)`\- 圍繞在內邊距和內容外的邊框。
`padding(內邊距)`\- 清除內容周圍的區域，內邊距是透明的。
`content(內容)`\- 盒子的內容，顯示文本和圖像。
## W3C的標準盒模型
> **在標準的盒子模型中，width指content部分的寬度**
## IE的盒模型
> **在IE盒子模型中，width表示content+padding+border這三個部分的寬度**
## css如何設置兩種模型
這里用到了CSS3 的屬性 box-sizing
~~~
/* 標準模型 */
box-sizing:content-box;
/*IE模型*/
box-sizing:border-box;
~~~
- 概述
- js插件
- 輪播圖插件swiper
- 二級城市插件
- 三級城市插件
- SuperSlide（文字滑動效果）
- 手風琴效果（純js）
- 視頻播放插件
- 彈層插件
- 百度編輯器（大型）
- ACE編輯器（輕巧）
- 上傳圖片（裁剪功能）
- 頁面加載效果插件（初次加載）
- 全選、反全選各種效果
- 京東樓層效果
- 懶加載
- 移動端上拉加載下拉刷新插件
- 前端資源
- vue視頻教學
- 微信小程序開發視頻
- Linux教學視頻
- 349套自適應模板
- 黑馬python全課程講解
- 前端學習書籍（全）
- PHP課程全講解（黑馬）
- 珠峰培訓視頻
- 小甲魚零基礎入門學習python（全96集）
- 機器學習（前端進階）
- React視頻學習資源
- 最新TypeScript精講視頻教程
- js算法（基礎）
- 數組去重
- 冒泡排序
- 快速排序
- 遞歸
- 算法進階（趣味）
- 數組輸出A[i]*i
- 二進制求1有多少個
- 快速求最大值最小值
- reduce累加器
- 快速反轉
- 數組旋轉
- 二分查找
- 高階函數接收
- 冒泡排序（高級）
- 保留前三后四位字符（手機號*格式）
- 微信小程序開發
- 初識小程序
- 1.注冊小程序
- 2.微信開發者工具
- 3.小程序與普通網頁開發的區別
- 4.小程序尺寸單位rpx
- 5.樣式導入（WeUI for）
- 6.選擇器
- 7.小程序image高度自適應及裁剪問題
- 8.微信小程序長按識別二維碼
- 9.給頁面加背景色
- 10.微信小程序獲取用戶信息
- 11.代碼審核和發布
- 12.小程序微信認證
- 13.小程序申請微信支付
- 14.小程序的目錄解構及四種文件類型
- 15.小程序文件的作用域
- 16.小程序常用組件
- 1.view
- 2.scroll-view
- 3.swiper組件
- 4.movable-view
- 5.cover-view
- 6.cover-image
- 小程序基礎
- 17.授權得到用戶信息
- 18.數據綁定
- 19.列表渲染
- 20.條件渲染
- 21.公共模板建立
- 22.事件及事件綁定
- 23.引用
- 24.頁面跳轉
- 1.wx.switchTab
- 2.wx.reLaunch
- 3.wx.redirectTo
- 4.wx.navigateTo
- 5.wx.navigateBack
- 25.設置tabBar
- 26.頁面生命周期
- 27.轉發分享
- 28.自定義彈窗
- 小程序高級
- 28.request請求后臺接口
- 29.http-promise 封裝
- 30.webview
- 31.獲取用戶收貨地址
- 32.獲取地里位置
- 33.自定義組件
- 34.微信小程序支付問題
- 小程序項目實戰
- 35.微信小程序本地數據緩存
- 36.下拉刷新和下拉加載
- 37.列表頁向詳情頁跳轉（動態修改title）
- 38.客服電話
- 39.星級評分組件
- 40.小程序插槽的使用slot
- 41.模糊查詢
- 42.wxs過濾
- 43.小程序動畫
- 44.列表根據索引值渲染
- 45.小程序動態修改class
- 46.小程序常用框架
- 47.參數傳值的方法
- 48.提高小程序的應用速度
- 49.微信小程序的優劣勢
- 50.小程序的雙向綁定和vue的區別
- 51.微信小程序給按鈕添加動畫
- 52.微信小程序的tab按鈕的轉換
- 53.微信小程序引進echarts
- 54.APP打開小程序流程
- 55.小程序解析富文本編輯器
- 小程序常見bug
- 1.域名必須是HTTPS
- 2. input組件placeholder字體顏色
- 3. wx.navigateTo無法跳轉到帶tabbar的頁面
- 4. tabbar在切換時頁面數據無法刷新
- 5.如何去掉自定義button灰色的圓角邊框
- 6.input textarea是APP的原生組件，z-index層級最高
- 7.一段文字如何換行
- 8.設置最外層標簽的margin-bottom在IOS下不生效
- 9.小程序中canvas的圖片不支持base64格式
- 10.回到頁面頂部
- 11.wx.setStorageSync和wx.getStorageSync報錯問題
- 12.如何獲取微信群名稱？
- 13.new Date跨平臺兼容性問題
- 14.wx.getSystemInfoSync獲取windowHeight不準確
- 15.圖片本地資源名稱，盡量使用小寫命名
- 小程序面試題
- 1 請談談微信小程序主要目錄和文件的作用？
- 2 請談談wxml與標準的html的異同？
- 3 請談談WXSS和CSS的異同？
- 4 你是怎么封裝微信小程序的數據請求的？
- 5 小程序頁面間有哪些傳遞數據的方法？
- 6 請談談小程序的雙向綁定和vue的異同？
- 7 請談談小程序的生命周期函數？
- 8 簡述微信小程序原理？
- 9 請談談原生開發小程序、wepy、mpvue 的對比？
- 10 怎么解決小程序的異步請求問題？
- 11 webview中的頁面怎么跳回小程序中？
- 12 小程序關聯微信公眾號如何確定用戶的唯一性？
- 13 使用webview直接加載要注意哪些事項？
- 14 小程序調用后臺接口遇到哪些問題？
- 15 webview的頁面怎么跳轉到小程序導航的頁面？
- 瀏覽器/html/css面試題
- 1.什么是盒模型
- 2.行內元素有哪些？塊級元素有哪些？ 空(void)元素有那些？行內元素和塊級元素有什么區別？
- 3.簡述src和href的區別
- 4.什么是css Hack
- 5.什么叫優雅降級和漸進增強
- 6.px和em的區別
- 7.HTML5 為什么只寫<!DOCTYPE HTML>
- 8.Http的狀態碼有哪些
- 9.一次完整的HTTP事務是怎么一個過程
- 10.HTTPS是如何實現加密
- 11.瀏覽器是如何渲染頁面的
- 12.瀏覽器的內核有哪些？分別有什么代表的瀏覽器
- 13.頁面導入時，使用link和@import有什么區別
- 14.如何優化圖像，圖像格式的區別
- 15.列舉你了解Html5. Css3 新特性
- 16.可以通過哪些方法優化css3 animation渲染
- 17.列舉幾個前端性能方面的優化
- 18.如何實現同一個瀏覽器多個標簽頁之間的通信
- 19.瀏覽器的存儲技術有哪些
- 20.css定位方式
- 21.盡可能多的寫出瀏覽器兼容性問題
- 22.垂直上下居中的方法
- 23.響應式布局原理
- 25.清除浮動的方法
- 26.http協議和tcp協議
- 27.刷新頁面，js請求一般會有哪些地方有緩存處理
- 28.如何對網站的文件和資源進行優化
- 29.你對網頁標準和W3C重要性的理解
- 30.Http和https的區別
- 31.data-屬性的作用
- 32.如何讓Chrome瀏覽器顯示小于12px的文字
- 33.哪些操作會引起頁面回流（Reflow）
- 34.CSS預處理器的比較less sass
- 35.如何實現頁面每次打開時清除本頁緩存
- 36.什么是Virtual DOM,為何要用Virtual DOM
- 37.偽元素和偽類的區別
- 38.http的幾種請求方法和區別
- 39.前端需要注意哪些SEO
- 40.<img>的title和alt有什么區別
- 41.從瀏覽器地址欄輸入url到顯示頁面的步驟
- 42.如何進行網站性能優化
- 43.語義化的理解
- 44.HTML5的離線儲存怎么使用，工作原理能不能解釋一下？
- 45.瀏覽器是怎么對HTML5的離線儲存資源進行管理和加載的呢
- 46.iframe有那些缺點？
- 47.WEB標準以及W3C標準是什么?
- 48.Doctype作用? 嚴格模式與混雜模式如何區分？它們有何意義?
- 49.HTML全局屬性(global attribute)有哪些
- 50.Canvas和SVG有什么區別？
- 51.如何在頁面上實現一個圓形的可點擊區域？
- 52.網頁驗證碼是干嘛的，是為了解決什么安全問題
- 53.請描述一下 cookies，sessionStorage 和 localStorage 的區別？
- 54. CSS選擇器有哪些？哪些屬性可以繼承？
- 55.CSS優先級算法如何計算？
- 56.CSS3有哪些新特性？
- 57.請解釋一下CSS3的flexbox（彈性盒布局模型）,以及適用場景？
- 58.用純CSS創建一個三角形的原理是什么？
- 59.常見的兼容性問題？
- 60.為什么要初始化CSS樣式
- 61.absolute的containing block計算方式跟正常流有什么不同？
- 62.CSS里的visibility屬性有個collapse屬性值？在不同瀏覽器下以后什么區別？
- 63.display:none與visibility：hidden的區別？
- 64.position跟display、overflow、float這些特性相互疊加后會怎么樣？
- 65.對BFC規范(塊級格式化上下文：block formatting context)的理解？
- 66.為什么會出現浮動和什么時候需要清除浮動？清除浮動的方式？
- 67.上下margin重合的問題
- 68. 設置元素浮動后，該元素的display值是多少？
- 69.移動端的布局用過媒體查詢嗎？
- 70.CSS優化、提高性能的方法有哪些？
- 71.瀏覽器是怎樣解析CSS選擇器的？
- 72.在網頁中的應該使用奇數還是偶數的字體？為什么呢？
- 73.margin和padding分別適合什么場景使用？
- 74.元素豎向的百分比設定是相對于容器的高度嗎？
- 75.全屏滾動的原理是什么？用到了CSS的哪些屬性？
- 76.什么是響應式設計？響應式設計的基本原理是什么？如何兼容低版本的IE？
- 77. 視差滾動效果？
- 78.::before 和 :after中雙冒號和單冒號有什么區別？解釋一下這2個偽元素的作用
- 79.讓頁面里的字體變清晰，變細用CSS怎么做？
- 80. position:fixed;在android下無效怎么處理？
- 81.如果需要手動寫動畫，你認為最小時間間隔是多久，為什么？
- 82.li與li之間有看不見的空白間隔是什么原因引起的？有什么解決辦法？
- 83.display:inline-block 什么時候會顯示間隙？
- 84. 有一個高度自適應的div，里面有兩個div，一個高度100px，希望另一個填滿剩下的高度
- 85.png、jpg、gif 這些圖片格式解釋一下，分別什么時候用。有沒有了解過webp？
- 86.style標簽寫在body后與body前有什么區別？
- 87.CSS屬性overflow屬性定義溢出元素內容區的內容會如何處理?
- 88.闡述一下CSS Sprites
- 89. 一行或多行文本超出隱藏
- 90 get和post區別
- js面試題
- 1.簡述同步和異步的區別
- 2.怎么添加、移除、復制、創建、和查找節點
- 3.實現一個函數clone 可以對Javascript中的五種主要數據類型（Number、string、Object、Array、Boolean）進行復制
- 4.如何消除一個數組里面重復的元素
- 5.寫一個返回閉包的函數
- 6.使用遞歸完成1到100的累加
- 7.Javascript有哪幾種數據類型
- 8.如何判斷數據類型
- 9.console.log(1+'2')和console.log(1-'2')的打印結果
- 10.Js的事件委托是什么，原理是什么
- 11.如何改變函數內部的this指針的指向
- 12.列舉幾種解決跨域問題的方式，且說明原理
- 13.談談垃圾回收機制的方式及內存管理
- 14.寫一個function ，清除字符串前后的空格
- 15.js實現繼承的方法有哪些
- 16.判斷一個變量是否是數組，有哪些辦法
- 17.let ，const ，var 有什么區別
- 18.箭頭函數與普通函數有什么區別
- 19.隨機取1-10之間的整數
- 20.new操作符具體干了什么
- 21.Ajax原理
- 22.模塊化開發怎么做
- 23.異步加載Js的方式有哪些
- 24.xml和 json的區別
- 25.webpack如何實現打包的
- 26.常見web安全及防護原理
- 27.用過哪些設計模式
- 28.為什么要同源限制
- 29.offsetWidth/offsetHeight,clientWidth/clientHeight與scrollWidth/scrollHeight的區別
- 30.javascript有哪些方法定義對象
- 31.說說你對promise的了解
- 32.談談你對AMD、CMD的理解
- 33.web開發中會話跟蹤的方法有哪些
- 34.介紹js有哪些內置對象？
- 35.說幾條寫JavaScript的基本規范？
- 36.javascript創建對象的幾種方式？
- 37.eval是做什么的？
- 38.null，undefined 的區別？
- 39.[“1”, “2”, “3”].map(parseInt) 答案是多少？
- 40.javascript 代碼中的”use strict”;是什么意思 ? 使用它區別是什么？
- 41.js延遲加載的方式有哪些？
- 42.defer和async
- 43.說說嚴格模式的限制
- 44.attribute和property的區別是什么？
- 45.ECMAScript6 怎么寫class么，為什么會出現class這種東西?
- 46.常見兼容性問題
- 47.函數防抖節流的原理
- 48.原始類型有哪幾種？null是對象嗎？
- 49.為什么console.log(0.2+0.1==0.3) //false
- 50.說一下JS中類型轉換的規則？
- 51.深拷貝和淺拷貝的區別？如何實現
- 52.如何判斷this？箭頭函數的this是什么
- 53.== 和 ===的區別
- 54.什么是閉包
- 55.JavaScript原型，原型鏈 ? 有什么特點？
- 56.typeof()和instanceof()的用法區別
- 57.什么是變量提升
- 58.all、apply以及bind函數內部實現是怎么樣的
- 59.為什么會出現setTimeout倒計時誤差？如何減少
- 60.談談你對JS執行上下文棧和作用域鏈的理解
- 61.new的原理是什么？通過new的方式創建對象和通過字面量創建有什么區別？
- 62.prototype 和 proto 區別是什么？
- 63.使用ES5實現一個繼承？
- 64.取數組的最大值（ES5、ES6）
- 65.ES6新的特性有哪些？
- 66.promise 有幾種狀態, Promise 有什么優缺點 ?
- 67.Promise構造函數是同步還是異步執行，then呢 ?promise如何實現then處理 ?
- 68.Promise和setTimeout的區別 ?
- 69.如何實現 Promise.all ?
- 70.如何實現 Promise.finally ?
- 71.如何判斷img加載完成
- 72.如何阻止冒泡？
- 73.如何阻止默認事件？
- 74.ajax請求時，如何解釋json數據
- 75.json和jsonp的區別?
- 76.如何用原生js給一個按鈕綁定兩個onclick事件？
- 77.拖拽會用到哪些事件
- 78.document.write和innerHTML的區別
- 79.jQuery的事件委托方法bind 、live、delegate、on之間有什么區別？
- 80.瀏覽器是如何渲染頁面的？
- 81.$(document).ready()方法和window.onload有什么區別？
- 82. jquery中$.get()提交和$.post()提交有區別嗎？
- 83.對前端路由的理解？前后端路由的區別？
- 84.手寫一個類的繼承
- 85.XMLHttpRequest：XMLHttpRequest.readyState;狀態碼的意思
- 86. 正則表達式常見面試題
- 1.給一個連字符串例如：get-element-by-id轉化成駝峰形式。
- 2.匹配二進制數字
- 3.非零的十進制數字 (有至少一位數字, 但是不能以0開頭)
- 4.匹配一年中的12個月
- 5.匹配qq號最長為13為
- 6.匹配常見的固定電話號碼
- 7.匹配ip地址
- 8.匹配用尖括號括起來的以a開頭的字符串
- 9.分割數字每三個以一個逗號劃分
- 10.判斷字符串是否包含數字
- 11.判斷電話號碼
- 12.判斷是否符合指定格式
- 13.判斷是否符合USD格式
- 14.JS實現千位分隔符
- 15.獲取 url 參數
- 16.驗證郵箱
- 17.驗證身份證號碼
- 18.匹配漢字
- 19.去除首尾的'/'
- 20.判斷日期格式是否符合 '2017-05-11'的形式，簡單判斷，只判斷格式
- 21.判斷日期格式是否符合 '2017-05-11'的形式，嚴格判斷（比較復雜）
- 22.IPv4地址正則
- 23.十六進制顏色正則
- 24.車牌號正則
- 25.過濾HTML標簽
- 26.密碼強度正則，最少6位，包括至少1個大寫字母，1個小寫字母，1個數字，1個特殊字符
- 27.URL正則
- 28.匹配浮點數
- 87.js編程題
- 1.請寫出代碼的運行結果？如何改進？
- 2.請寫出打印結果，并解釋為什么？
- 3.請寫出打印結果，并解釋為什么？
- 88.請重寫Array 原型的map方法
- react面試題
- react生命周期面試題
- 1.react 生命周期函數
- 2.react生命周期中，最適合與服務端進行數據交互的是哪個函數
- 3.運行階段生命周期調用順序
- 4.shouldComponentUpdate 是做什么的，（react 性能優化是哪個周期函數？）
- 5.指出(組件)生命周期方法的不同
- react 基礎面試題
- 1.React 中 keys 的作用是什么？
- 2.React 中 refs 的作用是什么？
- 3.React 中有三種構建組件的方式
- 4.調用 setState 之后發生了什么？
- 5.react diff 原理（常考，大廠必考）
- 6.為什么建議傳遞給 setState 的參數是一個 callback 而不是一個對象
- 7.除了在構造函數中綁定 this，還有其它方式嗎
- 8.setState第二個參數的作用
- 9.(在構造函數中)調用 super(props) 的目的是什么
- 10.簡述 flux 思想
- 11.在 React 當中 Element 和 Component 有何區別？
- 12.描述事件在 React 中的處理方式。
- 13.createElement 和 cloneElement 有什么區別？
- 14.如何告訴 React 它應該編譯生產環境版本？
- 15.Controlled Component 與 Uncontrolled Component 之間的區別是什么？
- react組件面試題
- 1.展示組件(Presentational component)和容器組件(Container component)之間有何不同
- 2.類組件(Class component)和函數式組件(Functional component)之間有何不同
- 3.(組件的)狀態(state)和屬性(props)之間有何不同
- 4.何為受控組件(controlled component)
- 5.何為高階組件(higher order component)
- 6.應該在 React 組件的何處發起 Ajax 請求
- 7.react中組件傳值
- 8.什么時候在功能組件( Class Component )上使用類組件( Functional Component )？
- 9.受控組件( controlled component )與不受控制的組件( uncontrolled component )有什么區別？
- 10.react 組件的劃分業務組件技術組件？
- redux面試題
- 1.redux中間件
- 2.redux有什么缺點
- 3.了解 redux 么，說一下 redux 把
- react性能比較面試題
- 1.vue和react的區別
- 2.react性能優化的方案
- 3.React 項目用過什么腳手架
- 4.介紹一下webpack webpack
- 5.如果你創建了類似于下面的 Twitter 元素，那么它相關的類定義是啥樣子的？
- 6.為什么我們需要使用 React 提供的 Children API 而不是 JavaScript 的 map？
- ES6面試題
- ES6新增方法面試題
- 1.let const var比較
- 2.反引號（`）標識
- 3.函數默認參數
- 4.箭頭函數
- 5.屬性簡寫
- 6.方法簡寫
- 7.Object.keys()方法，獲取對象的所有屬性名或方法名
- 8.Object.assign ()原對象的屬性和方法都合并到了目標對象
- 9.for...of 循環
- 10.import和export
- 11.Promise對象
- 12.解構賦值
- 13.set數據結構（可用于快速去重）
- 14.Spread Operator 展開運算符(...)
- 15.字符串新增方法
- ES6數組面試題
- 1.forEach()
- 2.map()
- 3.filter()
- 4.reduce()
- 5.some()
- 6.every()
- 7.all()方法
- ES6編程題
- 1.使用解構，實現兩個變量的值的交換
- 2.利用數組推導，計算出數組 [1,2,3,4] 每一個元素的平方并組成新的數組。
- 3.使用ES6改下面的模板
- 4.把以下代碼使用兩種方法，來依次輸出0到9？
- Vue面試題
- 生命周期函數面試題
- 1.什么是 vue 生命周期
- 2.vue生命周期的作用是什么
- 3.第一次頁面加載會觸發哪幾個鉤子
- 4.簡述每個周期具體適合哪些場景
- 5.created和mounted的區別
- 6.vue獲取數據在哪個周期函數
- 7.請詳細說下你對vue生命周期的理解？
- vue路由（vue-router）面試題
- 1.mvvm 框架是什么？
- 2.vue-router 是什么?它有哪些組件
- 3.active-class 是哪個組件的屬性？
- 4.怎么定義 vue-router 的動態路由? 怎么獲取傳過來的值
- 5.vue-router 有哪幾種導航鉤子?
- 6.$route 和 $router 的區別
- 7.vue-router響應路由參數的變化
- 8.vue-router傳參
- 9.vue-router的兩種模式（hash，history）
- 10.vue-router實現路由懶加載（ 動態加載路由 ）
- 11.vue-router怎么重定向頁面？
- 12. vue-router怎么配置404頁面？
- 13 vue跳轉新路由 滾動到固定位置
- 14. vue 路由去掉#
- vue常見面試題
- 1.vue優點
- 2.vue父組件向子組件傳遞數據？
- 3.子組件像父組件傳遞事件
- 4.v-show和v-if指令的共同點和不同點
- 5.如何讓CSS只在當前組件中起作用
- 6.<keep-alive></keep-alive>的作用是什么?
- 7.如何獲取dom
- 8.說出幾種vue當中的指令和它的用法？
- 9. vue-loader是什么？使用它的用途有哪些？
- 10.為什么使用key
- 11.axios及安裝
- 12.axios解決跨域
- 13.v-model的使用
- 14.scss的安裝以及使用
- 15. 請說出vue.cli項目中src目錄每個文件夾和文件的用法？
- 16.分別簡述computed和watch的使用場景
- 17.v-on可以監聽多個方法嗎
- 18.$nextTick的使用
- 19.vue組件中data為什么必須是一個函數
- 20.vue事件對象的使用
- 21 組件間的通信
- 22.漸進式框架的理解
- 23.Vue中雙向數據綁定是如何實現的
- 24.單頁面應用和多頁面應用區別及優缺點
- 25.vue中過濾器有什么作用及詳解
- 26.v-if和v-for的優先級
- 27.assets和static的區別
- 28.列舉常用的指令
- 29.vue常用的修飾符
- 30.數組更新檢測
- 31.Vue.set視圖更新
- 32.自定義指令詳解
- 33.vue的兩個核心點
- 34.vue和jQuery的區別
- 35 引進組件的步驟
- 36.Vue-cli打包命令是什么？打包后悔導致路徑問題，應該在哪里修改
- 37.三大框架的對比
- 38. 跨組件雙向數據綁定
- 39.delete和Vue.delete刪除數組的區別
- 40.SPA首屏加載慢如何解決
- 41.Vue-router跳轉和location.href有什么區別
- 42. vue slot
- 43.你們vue項目是打包了一個js文件，一個css文件，還是有多個文件？
- 44.vue遇到的坑，如何解決的？
- 45.Vue里面router-link在電腦上有用，在安卓上沒反應怎么解決？
- 46.Vue2中注冊在router-link上事件無效解決方法
- 47.RouterLink在IE和Firefox中不起作用（路由不跳轉）的問題
- 48.axios的特點有哪些
- 49.請說下封裝 vue 組件的過程？
- 50.vue 各種組件通信方法（父子 子父 兄弟 爺孫 毫無關系的組件）
- 51.params和query的區別
- 52. vue mock數據
- 53 vue封裝通用組件
- 54.vue初始化頁面閃動問題
- 55.vue禁止彈窗后的屏幕滾動
- 56.vue更新數組時觸發視圖更新的方法
- 57.vue常用的UI組件庫
- 58. vue如何引進本地背景圖片
- 59. vue如何引進sass
- 60.vue修改打包后靜態資源路徑的修改
- 61 vue構建初始化工程
- 62 package.json 里面的配置解釋
- 63 vue渲染模板時怎么保留模板中的HTML注釋呢？
- 64 watch的屬性用箭頭函數定義結果會怎么樣？
- 65 你有使用過babel-polyfill模塊嗎？主要是用來做什么的？
- 66 說說你對vue的錯誤處理的了解？
- 67 在vue事件中傳入$event，使用e.target和e.currentTarget有什么區別？
- 68 vue怎么實現強制刷新組件？
- 69 vue的屬性名稱與method的方法名稱一樣時會發生什么問題？
- 70 vue給組件綁定自定義事件無效怎么解決？
- 71 vue的表單修飾符.lazy
- 72 vue為什么要求組件模板只能有一個根元素？
- 73 EventBus注冊在全局上時，路由切換時會重復觸發事件，如何解決呢？
- vuex常見面試題
- 1.vuex是什么？怎么使用？哪種功能場景使用它？
- 2.vuex有哪幾種屬性
- 3.不使用Vuex會帶來什么問題
- 4.Vue.js中ajax請求代碼應該寫在組件的methods中還是vuex的actions中？
- 5.vuex一個例子方法
- 6.Vuex中如何異步修改狀態
- 7.Vuex中actions和mutations的區別
- 8 頁面刷新后vuex的state數據丟失怎么解決？
- 9. vuex怎么知道state是通過mutation修改還是外部直接修改的？
- vue項目實戰
- 1.頂部懸停效果
- 2.電話本列表效果（ 右邊字母分類 上下滑動 旁邊字母顯示高亮）
- 3.vue做代理解決跨域
- 4.Vue路由切換時的左滑和右滑效果示例
- 5.vue實現錨點功能（點擊導航欄向下滑動到對應位置）
- vue與原生（ios，安卓）交互
- 1.Vue和原生（ios和安卓）的交互（第一種方法）
- 2.Vue和原生（ios和安卓）的交互（第二種方法）
- 前端架構（更新中）
- promise詳解
- 1.觀察者模式
- 2.promise基礎（第一步）
- 2.1 手寫一個Promise（第一步）
- 3.發布訂閱（第二步）
- 3.1 手寫一個promise (第二步 添加發布訂閱功能)
- 4.鏈式作用（第三步）
- 5.resolvepromise的實現
- 6.promise測試
- 7.promise.race
- 8.generator
- node核心
- 1.browserEventLoop
- 2.node核心用法
- 3.核心模塊
- 4.commonjs規范的實現
- 5.npm的使用
- 6.buffer應用
- http應用&express
- 1.流+事件+HTTP
- 2.http靜態服務
- 3.http跨域
- 4.cookie
- 5.ejs實現
- 6.cache
- 7.Express
- 8.express路由
- 9.express中間件
- 面試之道
- 1.準備：簡歷編寫和面試前準備
- 2. 準備一份合適的簡歷
- 2.1 如何寫好一封簡歷
- 3. 拿到面試邀請之后做的準備工作
- 4.介紹自己
- 5.為什么跳槽
- 6.利用腦圖來梳理知識點
- 快速建站（前后端）框架
- 1.dedecms（文章展示類）
- 2.discuz（論壇類網站）
- 3.ecshop電商類網站
- 4.PHPEMS考試類網站
- 移動端熱點問題
- 1. 1px border問題
- 2.2X圖 3X圖適配
- 3.圖片在安卓上，有些設備模糊問題
- 4.固定定位布局 鍵盤擋住輸入框內容
- 5.click的300ms延遲問題和點擊穿透問題
- 6.phone及ipad下輸入框默認內陰影
- 7.防止手機中頁面放大和縮小
- 8.flex布局
- 9.px、em、rem、%、vw、vh、vm這些單位的區別
- 10. 移動端適配- dpr淺析
- 11.移動端擴展點擊區域
- 12 上下拉動滾動條時卡頓、慢
- 13 長時間按住頁面出現閃退
- 14. ios和android下觸摸元素時出現半透明灰色遮罩
- 15. active兼容處理 即 偽類：active失效
- 16.webkit mask兼容處理
- 17. pc端與移動端字體大小的問題
- 18. transiton閃屏
- 19.圓角bug
- 20.如何解決禁用表單后移動端樣式不統一問題？
- 21.移動端加入cursor: pointer點擊時會出現一個背景
- 22.在安卓手機上的select有灰色背景
- typescript學習文檔（更新中）
- typescript基礎
- 1.typescript是什么？
- 2.TypeScript安裝和編譯
- 3. Ts中的基本數據類型
- 4. TS怎么定義任意類型
- 5.字面量的聯合
- 6.函數
- 小游戲開發
- Three.JS開發跳一跳
- 第一章 簡單認識three.js
- 1.WebGL簡介
- 2.什么是Three.js
- 3.Threejs能做什么
- 4. Threejs下載
- 5.Three.js目錄結構
- 6.如何配置開發環境
- 7.實現一個項目的四大基本要素
- 7.1 場景
- 7.2 相機
- 7.3 渲染器
- 7.4幾何體
- vue框架原理解析
- 1.什么是庫，什么是框架？
- （一）vue源碼分析
- webpack詳解
- (一)webpack基礎介紹
- 1.1模塊化
- 1.2 構建的作用及常見功能
- 1.3 常見的構建工具及其優缺點
- 1.4 webpack
- 1.5 Loader
- 1.6 Plugin
- 1.7 DevServer
- 1.8 webpack的核心概念
- (二)Webpack配置
- 2.1 Entry
- 2.2 Output
- 2.2.1 filename配置
- 2.2.2 chunkFilename配置
- 2.2.3 path配置
- 2.2.4 publicPath配置
- 2.2.5 crossOriginLoading配置
- 2.2.6 libraryTarget 和 library配置
- 2.2.7 var (默認)配置
- 2.2.8 commonjs配置
- 2.2.9 commonjs2配置
- 2.2.10 this配置
- 2.2.11 window配置
- 2.2.12 global配置
- 2.2.13 libraryExport配置
- 2.3 Module
- 2.3.1 Loader配置
- 2.3.2 noParse配置
- 2.3.3 parser配置
- 2.4 Resolve
- 2.4.1 alias配置
- 2.4.2 mainFields配置
- 2.4.3 extensions配置
- 2.4.4 modules配置
- 2.4.5 descriptionFiles配置
- 2.4.6 enforceExtension配置
- 2.4.7 enforceModuleExtension配置
- 2.5 Plugin
- 2.6 DevServer
- 2.6.1 hot配置
- 2.6.2 inline配置
- 2.6.3 historyApiFallback配置
- 2.6.4 contentBase配置
- 2.6.5 headers配置
- 2.6.6 host配置
- 2.6.7 port配置
- 2.6.8 allowedHosts配置
- 2.6.9 disableHostCheck配置
- 2.6.10 https配置
- 2.6.11 clientLogLevel配置
- 2.6.12 compress配置
- 2.6.13 open配置
- 2.7 其他配置
- 2.7.1 Target配置
- 2.7.2 Devtool配置
- 2.7.3 Watch 和 WatchOptions
- 2.7.4 Externals配置
- 2.7.5 ResolveLoader配置
- 2.8 如何整體配置結構
- 2.9 判斷如何配置 Webpack
- (三)Webpack實戰
- 3.1 如何接入ES6
- 3.2 如何接入SCSS
- 3.3 React的使用
- 3.4 Vue的使用
- 3.5 使用 Angular2 框架
- 3.6 為單頁應用生成 HTML
- 3.7 離線應用
- 3.7.1 使用 Service Workers 實現離線緩存
- 3.7.2 接入 Webpack
- 3.8 檢查代碼
- (四)Webpack優化
- 4.1 縮小文件搜索范圍
- 4.1.1 優化 loader 配置
- 4.1.2 優化 resolve.modules 配置
- 4.1.3 優化 resolve.mainFields 配置
- 4.1.4 優化 resolve.alias 配置
- 4.1.5 優化 resolve.extensions 配置
- 4.1.6 優化 module.noParse 配置
- 4.2 構建動態鏈接庫
- 4.2.1 接入 Webpack
- 4.2.2 如何實現構建動態鏈接庫
- 4.3 如何把任務分解給多個子進程去并發的執行
- 4.4 多進程壓縮代碼
- 4.5 使用自動刷新
- 4.6 熱模塊替換
- 4.6.1 優化模塊熱替換
- 4.7 區分環境
- 4.7.1 實現原理
- 4.8 CDN加速
- 4.8.1 用 Webpack 實現 CDN 的接入
- 4.9 Tree Shaking優化
- 4.9.1 接入 Tree Shaking
- 4.10 提取公共代碼
- 4.10.1 如何通過 Webpack 提取公共代碼
- 4.11 按需加載
- 4.11.1 用 Webpack 實現按需加載
- 4.11.2 實例強化（按需加載與 ReactRouter）
- 4.12 優化代碼在運行時的效率
- 4.12.1 接入 Webpack
- 4.13 開啟 Scope Hoisting
- 4.13.1 接入webpack
- 4.14 輸出分析
- (五)Webpack原理
- 5.1 流程概括
- 5.2 流程細節
- 基于APICloud開發APP（更新中）
- 第一章 APICLoud平臺基礎
- 1. 了解APICloud平臺能力
- 2. APICloud的開發模式和開發語言
- 3.開發者服務體系
- 微前端詳解（可擴展的現代化前端架構）
- 1.什么是微前端？
- 2.使用IFrame實現微前端
- 3.使用Web Components實現微前端
- 4.使用模塊聯邦實現微前端
- 5.qiankun：微前端的主要解決方案
- 6.Angular實現微前端
- 7.React實現微前端
- 8.Vue.js實現微前端
- 9.結論
- 深入理解 WebSocket：實時雙向通信的核心技術