原创 和尤雨溪一起進階vue
上圖，無圖無真相花了400大洋買了frontedmasters的一個月的會員，就是爲了看男神的這份vue教程，沒有中文字幕，痛苦地堅持啃完了，建議有錢並且英語好的人直接買會員去官網看視頻，尤大神人長得帥，業務水平高，英語還超蘇，對不起，忍不
2019-09-25 13:17:39
原创 Vue-cli原理分析
背景在平時工作中會有遇到許多以相同模板定製的小程序，因此想自己建立一個生成模板的腳手架工具，以模板爲基礎構建對應的小程序，而平時的小程序都是用mpvue框架來寫的，因此首先先參考一下Vue-cli的原理。知道原理之後，再定製自己的模板腳手架
2019-09-25 13:17:28
原创 Vue nextTick 機制
背景我們先來看一段Vue的執行代碼：export default { data () { return { msg: 0 } }, mounted () { this.msg = 1 this.msg = 2 this.msg
2019-09-25 13:17:28
原创 7招提升你的前端開發效率
前言前端工程師其實是一個工作很雜的職位，除了要負責切圖、寫html/css/js外，還要解決一系列的瀏覽器兼容性、網頁性能優化等問題，所以提高前端工程師的開發效率是勢在必行的，也是前端工程化的體現。對於開發效率，我個人理解是開發效率 = 新
2019-09-24 13:17:34
1
原创 阿里前端推出新的 React 框架：Mirror
Mirror 是一款基於 React、Redux 和 react-router 的前端框架，簡潔高效、靈活可靠。爲什麼？我們熱愛 React 和 Redux。但是，Redux 中有太多的樣板文件，需要很多的重複勞動，這一點令人沮喪；更別提在
2019-09-23 13:16:48
1
原创 學習 React.js 比你想象的要簡單
通過 Medium 中的一篇文章來學習 React.js 的基本原理你有沒有注意到在 React 的 logo 中隱藏着一個六角星？只是順便提下...去年我寫了一本簡短的關於學習 React.js 的書，有 100 頁左右。今年，我要挑戰自
2019-09-23 13:16:48
原创 JavaScript 運行原理解析
說到JavaScript的運行原理，自然繞不開JS引擎，運行上下文，單線程，事件循環，事件驅動，回調函數等概念。本文主要參考文章[1,2]。爲了更好的理解JavaScript如何工作的，首先要理解以下幾個概念。JS Engine（JS引擎）
2019-09-23 13:16:48
原创 10個JavaScript難點
爲了保證可讀性，本文采用意譯而非直譯，並且對示例代碼進行了大量修改。另外，本文版權歸原作者所有，翻譯僅用於學習。1. 立即執行函數立即執行函數，即Immediately Invoked Function Expression (IIFE)，
2019-09-23 13:16:48
原创 如何優雅的使用react hooks來進行狀態管理
在使用react和redux的過程中，一直有一個問題，哪些狀態需要放在redux中，狀態需要保存在組件內的local state中，此外不合理的使用redux可能會帶來狀態管理混亂的問題，此外對於local state局部狀態而言，reac
2019-09-21 13:16:54
1
原创 瀏覽器的一些“滾動”行爲鑑賞
分類按照我的個人理解，滾動分全局滾動(瀏覽器窗口)跟局部滾動(自定義的盒子)，以下內容絕大部分都是指全局滾動，局部滾動的話獲取指定的DOM再調用相應的API即可✅如何設置全局滾動條高度最常用的方法：window.scrollTo(0, 0)
2019-09-21 13:16:54
1
原创 JS 中創建自定義排序方法
爲了保證的可讀性，本文采用意譯而非直譯。一般情況咱們排序大都按數字或字母順序，但也有一些情況下，咱們可能需要自定義排序順序。在此之前先簡單介紹一下 reduce 方法：語法：arr.reduce(callback(accumulator,
2019-09-21 13:16:54
原创 基於 Vue 的商品主圖放大鏡方案
前言在做電商類應用時，難免會遇到商品主圖實現放大鏡效果的場景，現有的基於Vue的第三方包不多並且無法直接複用，今天，我來分享一種高穩定性的基於 Vue 的圖片放大鏡方法。實現原理放大鏡的原理用一句話概括，就是根據小圖上的鼠標位置去定位大圖。
2019-09-21 13:16:43
3
原创 解密初、中、高級程序員的進化之路（前端）
程序員的標準與要求初級程序員僅能完成簡單模塊和項目的開發工作，難以勝任複雜模塊的開發。通常是入行不久， 1 年及以下工作經驗的同學。能力要求熟悉前端基礎知識如 HTML、JS、CSS 。能夠使用一門 MVVM 框架進行簡單的業務開發。遇到複
2019-09-20 13:17:31
1
原创 web前端之JavaScript
一、JavaScript介紹1、一個完整的 JavaScript 實現是由以下 3 個不同部分組成的：（1）核心（ECMAScript）（2）文檔對象模型（DOM） Document object model (整合js，css，html)
2019-09-20 13:17:20
原创 如何架構一箇中後臺項目的前端部分（技術選型篇）
前言最近我正在公司做一箇中後臺管理系統的前端框架搭建工作，雖然說公司已經有現成的中後臺框架可供選擇，但是並不特別適合我們部門的項目，因此在借鑑原有框架的基礎上融入了我的一些個人想法和思考在裏面。這篇文章便主要來談談在架構一箇中後臺系統的前端
2019-09-20 13:17:20