原创 前端工程師必備快捷鍵(不完全整理)

item2操作 ctrl + a cmd中跳到⾏⾸ ctrl + e cmd中切換到⾏尾 ctrl + d 刪除當前單詞 ctrl + k 刪除到⾏末尾 ctrl + i 刪除改⾏,不管在哪個位置 ctrl + w 刪除單詞 co

原创 【Learning】如何確保項目的有效執行《技術管理實戰36講》

目標清新 目標要清晰到可以執行的程度 情景 雖然你很清楚做某項目的初衷,但是並沒有去設定可以衡量的目標。比如某次技術重構、某個模塊性能優化等。也就是說,雖然你知道自己想要什麼,但是不知道出於什麼原因,你沒有設定一個清晰可衡量的目

原创 如何說服前端同學寫單測?

寫在前面 網上寫單測的文章太多了,要麼是介紹工具(jest、mocha、chai 等)的,要麼是照本宣科介紹什麼是單測的。看過之後總是覺得無法指導實際開發,不夠接地氣,於是嘗試着總結了此篇文檔,希望能夠補上這塊缺失。所以本篇文章裏

原创 如何用阿里雲服務器搭建個人網站

以下內容均在阿里雲 CentOS 7.0 64 位環境下運行 用 Nodejs 提供服務 文章目錄更新 yum 並創建用戶安裝 Nginx支持 HTTPS安裝 Nodejs推薦Jenkins & DockerDockerJen

原创 大前端知識體系整理(二)——各階段知識點列舉

傳送門 大前端知識體系整理(一)——各級別工程師的技能樹 各階段知識點 小白階段 html/html5基礎 css/css3基礎 javascript基礎 jquery(zepto) 移動端適配及響應式佈局(bootstrap) 基礎階段

原创 直通互聯網大廠前端面試系列(二)——JS / ES6+

傳送門 直通互聯網大廠前端面試系列(零)——目錄總綱 直通互聯網大廠前端面試系列(一)——HTML/CSS 直通互聯網大廠前端面試系列(二)——JS / ES6+ 直通互聯網大廠前端面試系列(三)——網絡基礎 直通互聯網大廠前端

原创 webpack4最佳實踐參考

webpack.config.js文件拆分 建議拆分成base(公共部分)、dev(開發環境)、prod(生產環境)三個文件,再用webpack-merge整合起來。   webpack.base.conf.js const path

原创 前端工程化要點梳理

現在的前端開發已經不是寫幾個頁面,加上些 css、js,直接放到服務器上就行了。前端已經發展出了一套完整的工程體系,現梳理其要點成此文。 基本能力 壓縮,混淆 打包,按需加載 圖片、icon 等資源優化 版本號 開發賦能 熱

原创 webpack 漸進式配置 —— React 通用版

版本說明 此版本適用於任意 react 項目,並無特殊依賴。此版本主要用於爲其他定製版本做鋪墊,省去一些通用的配置解釋。同時能夠實現漸進式的應用,有利於同學們的學習。 版本功能 react、react-router、lodash、

原创 【Learning】如何向別人提問才能更快、更精準地獲得答案

總綱 記住這幾點,做個會提問的人: 未經思考的問題,不要輕率提問 找到那個能給你高質量答案的人 提問時說清你的目標,不要帶着大家一起走彎路 將複雜問題或個性問題,加工提煉成焦點明確的共性問題 清晰闡述問題,並說明你對提問者的期待

原创 【Learning】如何有效的開會

注:基於在線文檔的開會流程 會議開始前 準備在線文檔,必備信息:主題、主講人、預估時長、流程、目標、背景、相關鏈接 會議開始時 給 10 分鐘閱讀文檔,邊讀文檔邊在有疑問的地方進行評論 閱讀完成後,主講人開始講述文檔,並逐一解答

原创 【Learning】《項目管理》相關基礎工具

工具格式將隨具體業務及實際應用場景調整 一、項目限制三角形 成本、進度、質量 二、 工作陳述模板 項目工作陳述書 說明 項目名稱 項目目的 爲什麼要做這個項目? 項目目標及衡量標準 項目實現的目標是什麼?(

原创 前端外包測試題

筆試 簡答題 寫出 5 個塊元素和 5 個行內元素 寫出 3 個以上 CSS 的單位,2 個以上瀏覽器內核前綴 一個有序列表,如何實現「奇數行」背景色爲 #fefefe? 寫出所有 JS 的數據類型,以及 5 個 ES6+ 的新

原创 【讀書筆記】提高編碼效率 —— 《Mac 高效開發指南》

文章目錄Mac 系統配置快捷鍵進階光標移動使用 Option 鍵拓展預覽程序qlcolorcodeqlstephenqlmarkdownquicklook-jsonbetterzipqlimagesizewebpquicklook

原创 【轉】Nginx 常用配置

文章目錄nginx 之 proxy_pass詳解nginx部署前端SPA應用實踐nginx location 匹配規則browserHistory 模式的刷新問題多個SPA的部署與重定向開啓gzip nginx 之 proxy_p