Webpack重要知識點；Vue實例生命周期詳解；JavaScript札記；[VUE]VUEX筆記；【Vue原理】依賴收集 – 源碼版之基本數據類型；前端如何實現業務解耦，攜程酒店查詢首頁的 1.0 到 3.0；js實現網頁攝像頭截圖功能；基于vue的圓形菜單欄組件
- Webpack重要知識點最近在系統整理知識點，現將Webpack的一些重要知識點羅列出來，方便快速查閱。 Tree Shaking 為了使用tree shaking，需要滿足以下條件： 使用ES2015語法(即import和export) 在項目package.json文件中，添加sideEf...
- Vue實例生命周期詳解其中VM是(ViewModel)的縮寫，經常用來表示Vue實例，而new Vue()表示創建了一個Vue的實例
- JavaScript札記 如果繼承的屬性是可遍歷的，那么就會被 for...in 循環遍歷到。但是，一般情況下，都是只想遍歷對象自身的屬性，所以使用 for...in 的時候，應該結合使用 hasOwnProperty 方法，在循環內部判斷一下，某個屬性是否為對象自身的屬性。 ==================================================================== ...
- [VUE]VUEX筆記v-model是專門用于input,select,textare等表單控件的綁定。它可以渲染變量在dom上，同時控件的value改變時，對應變量也會做出改變。（在表單控件或者組件上創建雙向綁定）。
- 前端如何實現業務解耦，攜程酒店查詢首頁的 1.0 到 3.0 作者簡介 何金，攜程酒店研發部Android資深軟件開發工程師，負責酒店代碼性能優化、結構改造、疑難問題排查處理，以及Kotlin的推廣和應用。 酒店查詢首頁，是用戶使用攜程APP進行酒店預訂的第一個頁面。它提供了各種類型的酒店篩選入口，讓用戶進行酒店選擇。隨著查詢首頁版本不斷迭代，...
- js實現網頁攝像頭截圖功能 WebRTC的出現賦予了js操作錄音設備和攝像頭的能力，假如我們使用網頁監控，考慮到實時傳遞攝像頭的數據量比較大的問題，我們可以采用定時抓取攝像頭抓拍的照片的方式，那么如何使用js獲取攝像頭拍攝照片（截取圖片）的功能呢？ 視頻流 主角仍是webRTC中的getUserMedia方法(demo使用的是推薦使用的navigator.mediaDevic...
- 基于vue的圓形菜單欄組件 整個樣式都是基于css3 得transform而實現得。 每個扇形角度為360/12=30deg，當然，你不想做圓形也可以，公式就是 扇形角度=你想繪制得角度/扇形個數 當你計算好每個扇形得角度時，需要將li元素傾斜，傾斜角度=90-扇形面積，我的這個傾斜角度就是90-30=60deg，然后使用css3 得skew() ...
- 盤點Vue源碼中用到的工具函數創建一個被凍結的空對象 判斷是否是 undefined 或 null 判斷是否不是 undefined 和 null 判斷是否是原始類型 判斷是否是對象類型 判斷有效的數組下標 判斷是否是一個 Promise 對象 刪除數組中指定元素 用做緩存的...
- vue-cli3 取消eslint 校驗代碼vue create hello-world創建項目的時候選擇了Linter / Formatter，所以寫代碼的時候會有代碼規范檢查，怎么才能關閉這個校驗呢
- 「數據可視化庫王者」D3.js 10個實例從入門到Vue應用 D3 近年來一直是 JavaScript 最重要的數據可視化庫之一，在創建者 Mike Bostock 的維護下，前景依然無量，至少現在沒有能打的: D3 與眾多其他庫的區別在于無限定制的能力（直接操作 SVG ）。 它的底層 API 提供對原生 SVG 元素的直接控制，但它也帶來了高學習曲線的成本。 我們將把 D3 和 Vue 結合在...
- 使用 SpreadJS 實現 JavaScript 中導入和導出Excel文件 JavaScript是一個涵蓋多種框架、直譯式、可以輕松自定義客戶端的腳本語言，在 Web 應用程序中，更加易于編碼和維護。而Excel 作為一款深受用戶喜愛的電子表格工具，借助其直觀的界面、出色的計算性能和圖表工具，已經成為數據統計領域不可或缺的軟件之一。 如果有一款產品，能夠將二者完美融合，將在前端表格數據處理...
- 在 JavaScript 中深度克隆對象（及其工作原理）如果你打算用 JavaScript 進行編碼，那么就需要了解對象的工作方式。對象是 JavaScript 最重要的元素之一，深入理解了它會使你在編碼時得心應手。在克隆對象時，它并不像看起來那么簡單。
- Vue使用lodop打印小結 Lodop打印控件是瀏覽器插件，與瀏覽器緊密結合來實現本地打印，是一種內嵌到瀏覽器里交互方式。（適用瀏覽器：ie系列、火狐51版及歷史版本、谷歌44版及歷史版本。（新版火狐及谷歌不再支持np插件，也不能使用lodop）） C-Lodop打印服務是以提供服務方式解決web打印，擺脫了對瀏覽器的依賴，解決了新版谷歌（45版及...
- 前端數據庫 indexedDB 簡介 作者 | Brilliant Open Web團隊 編輯 | Brilliant Open Web團隊 前面介紹到 Cache Storage 是基于鍵值對的方式緩存數據，是適用于存儲和檢索網絡請求及響應的存儲系統，不能提供搜索功能，不能建立自定義的索引。本文介紹的 indexedDB 是瀏覽器環境提供的本地數據庫，取代了 WebSQL 作為 HTML5 的標準，...
前端日報欄目數據來自碼農頭條，每日分享互聯網上熱門的前端開發、移動開發、設計、資源和資訊等，為開發者提供動力，如果覺得內容對你有用，記得分享給你的小伙伴。進入碼農頭條查看更多