使用babel避免webpack編譯運行時模塊依賴；vue監聽對象及對象屬性；#hello，JS：11JS腳本異步加載專題；webpack打包（有面試題）；前端架構之vue+axios 前端實現登錄攔截（路由攔截、http攔截）；計算樹結點路徑的一種Javascript的實現；React組件隔離；Generator：JS執行權的真實操作者
- 使用babel避免webpack編譯運行時模塊依賴 引言 babel是一個非常強大的工具，作用遠不止我們平時的ES6 -> ES5語法轉換這么單一。在前端進階的道路上，了解與學習babel及其靈活的插件模式將會為前端賦予更多的可能性。 本文就是運用babel，通過編寫babel插件解決了一個實際項目中的問
- vue監聽對象及對象屬性監聽整個對象，使用watch就行 {代碼...} 監聽對象中具體屬性的變化，需要使用watch配合computed {代碼...}
- #hello，JS：11JS腳本異步加載專題 前言： 在梳理知識點的時候，發現作為瀏覽器渲染中的機制之一——異步加載機制，當用戶訪問站點，需要下載各種資源，例如JS腳本，CSS，圖片，iframe等，它是實現現代網站進行加載頁面時一種必不可少的手段。查資料加上老師拓展課程均對于異步加載機制還有很多方法可以
- webpack打包（有面試題）1.打包入口 {代碼...} 2.css文件處理 引入css css-loader 在較新的版本中使用mini-css-extract-plugin提取css文件 3.本地開發服務器：webpack-dev-server 路徑重定向，支持https，瀏覽器中可以顯示編譯錯誤，可以...
- 前端架構之vue+axios 前端實現登錄攔截（路由攔截、http攔截） 前言：之前寫了一個node的jwt認證，為了能和node對應，跑通整個流程，前端將設置登錄攔截，分別為路由攔截，http攔截。更多文件請看 github地址和node server 對應：前端架構之node jwt認證大致流程：在進行路由跳轉時，利用vue-r
- 計算樹結點路徑的一種Javascript的實現樹結構如下： {代碼...} 主要算法如下： {代碼...} {代碼...} 運行結果： {代碼...}
- React組件隔離 用技術改變生活，用生活完善技術。來自微播易一枚向全棧方向努力奔跑的前端工程師。 微信同步:wDxKn89 前言 組件隔離適用范圍 同一個頁面引用多個相同的自定義公共組件(該類組件擁有自己的Redux)并且這些組件之間有交互。 案例背景 在一個頁面中存在兩個
- Generator：JS執行權的真實操作者ES6提供了一種新型的異步編程解決方案：Generator函數（以下簡稱G函數）。它不是使用JS現有能力按照一定標準制定出來的東西（Promise是如此出生的），而是具有新型底層操作能力，與傳統編程完全不同，代表一種新...
- 聊聊 Git 原理 說起Git，相信大家都很熟悉了，畢竟作為程序猿，每天的業余時間除了吃飯睡覺就是逛一下全世界最大的開（tong）源（xing）代（jiao）碼（you）網站GitHub了。在那里Git是每個人所要具備的最基本的技能。今天我們不聊Git的基本應用，來聊一聊Git的原理。<!-- more --> Git給自己的定義是一套內存尋址文件...
- 如何讀取 JSON 里嵌套的深層數據？我這兒有各語言通用方案 前言 使用JSON格式進行多個端特別是前后端之間通信已成為主流方案之一， PHP、java、objectC、JavaScript 這幾種語言是我所在團隊接觸比較多的主要開發語言。 有一個問題 有時候，很多時候，從接口給出的數據會存在數據嵌套現象，比如在一款記
- Web 應用架構入門之 11 個基本要素 譯者： 讀完這篇博客，你就可以回答一個經典的面試題：當你訪問Google時，到底發生了什么？ 原文：Web Architecture 101 譯者：Fundebug 為了保證可讀性，本文采用意譯而非直譯。另外，本文版權歸原作者所有，翻譯僅用于學習。 當我還是小白的時候，如果知道Web應用架構就好了！ ...
- vuex工作原理詳解 前言 vuex作為vue官方出品的狀態管理框架，以及其簡單API設計、便捷的開發工具支持，在中大型的vue項目中得到很好的應用。作為flux架構的后起之秀，吸收了前輩redux的各種優點，完美的結合了vue的響應式數據，個人認為開發體驗已經超過了Rea
- 我用Vue和React構建了相同的應用程序，這是他們的差異 在工作中使用了Vue之后，我已經對它有了相當深入的了解。同時，我也對React感到好奇。我閱讀了React的文檔，也看了一些教程視頻，雖然它們很棒，但我真正想知道的是React與Vue有哪些區別。這里所說的區別，并不是指它們是否都具有虛擬DOM或者它們如何渲染頁面。我真正想要做的是對它們的代碼進行并排比較，并搞清楚在使...
- 使用 Vue 編寫一個長按指令 原文鏈接：Building a long press directive in Vue 譯者：OFED 使用 Vue 編寫一個長按指令 有沒有想過只需按住一個按鈕幾秒鐘就能在你的 Vue 應用中觸發一個功能？ 有沒有想過創建一個按鈕，按下一次就可以清除單次
- 【2018年7月GitHub開源項目排行榜】最近，7 月份最熱門的 GitHub 項目已經誕生，本文列舉了 9 個最熱門的開源項目，以供開發者參考和使用。 ???
- 前端每日實戰：112# 視頻演示如何用純 CSS 創作切換背景的按鈕懸停效果效果預覽 按下右側的“點擊預覽”按鈕可以在當前頁面預覽，點擊鏈接可以全屏預覽。 [鏈接] 可交互視頻 此視頻是可以交互的，你可以隨時暫停視頻，編輯視頻中的代碼。 請用 chrome, safari, edge 打開觀看。 [鏈接] ...
- 前端單測的那些事 前言 因為經常需要維護一些大型的業務項目和一些自己的開源項目，所以為了更好的“規范”代碼質量和迭代的穩定性，開始寫了一些單測。下面也主要是自己的一些總結吧，由于測試工具和框架很多，這里只介紹一些browser端常用的測試工具，文中如果有問題也歡迎拍正??！
- 【2018年7月份GitHub上最熱門的JavaScript項目】7 月份 GitHub 上最熱門的JavaScript項目排行已經出爐啦，在本月的名單中，又有哪些熱門的新項目加入呢？一起來看看。詳見 ???
- 通過Recompose庫掌握React函數組件 原文地址：https://blog.usejournal.com/mastering-react-functional-components-with-recompose-d4dd6ac98834 原文作者：Ilya Suzdalnitski
- 什么是 Dweb？(中英) 原文：hacks.mozilla.org/2018/07/int… 作者：Dietrich Ayala 發表時間：July 31, 2018 譯者：西樓聽雨 發表時間：2018/8/18 原文是 Mozilla 開發者網站發布的關于 Dw
- ES6指北【5】——展開語法(spread syntax)展開語法(Spread syntax), 可以在函數調用/數組構造時, 將數組表達式或者string在語法層面展開；還可以在構造字面量對象時, 將對象表達式按key-value的方式展開。(譯者注: 字面量一般指 [1, 2, 3] 或者 {name: "m...
- 前端架構之node jwt認證 前言：這次使用node express jwt實現一個小小的認證，數據庫之類的慢慢在添加上去，先跑通整個流程，基本上是可以使用到項目里面的了。這次就不用gulp編譯了，添加了log4.js一個錯誤日志，還稍微做了一下壓測。就不詳細展開了，有興趣的可以下載來看：
- React 源碼全方位剖析當時在各種前端框架或庫充斥市場的情況下，出現了大量優秀的框架，比如 Backbone、Angular、Knockout、Ember 這些框架大都采用了 MV* 的理念，把數據與視圖分離。而就在這樣紛繁復雜的時期，React 誕生于 Faceboo...
前端日報欄目數據來自碼農頭條，每日分享互聯網上熱門的前端開發、移動開發、設計、資源和資訊等，為開發者提供動力，如果覺得內容對你有用，記得分享給你的小伙伴。進入碼農頭條查看更多