原创 擁抱ES6 (一)

擁抱ES6 (一)let和const解構賦值…語法 let和const let,const和var一樣,都可用來聲明變量。但let,const聲明的變量在提升過程中不會像var那樣進行初始化賦值undefined。 此外,let

原创 Node.js從入門到放棄(三)

Node.js從入門到放棄(三)前言npmexpress 前言 這是該系列文章的第三篇,主要介紹npm和express框架的應用(下一篇使用express做一個完整的案例) npm 小demo直接用幾個js文件可以搞定,但是

原创 極簡工程--自動化部署

極簡工程--自動化部署前言效果圖優化點部署流程技術選型目錄結構劃分功能實現項目源碼 前言 站在巨人的肩膀上,往往更容易達成目標。本文是對《從零開始 Node實現前端自動化部署》 的一個完善,推薦比對閱讀。 效果圖 優化點 增強

原创 js視角的數據結構和算法(一)

js視角的數據結構和算法(一)什麼是數據結構什麼是算法數據結構和算法有什麼用算法好壞的差異算法好壞的衡量標準時間複雜度空間複雜度 什麼是數據結構 在我們的認知中,整潔一定是比混亂更讓人有舒適感。髒亂差的房間和乾淨整潔的房間,基本

原创 js--數組判重

文章目錄前言方法1--indexOf方法2--sort方法3--map 前言 數組判重的場景很多,方法也不唯一,下面從三個角度出發,列舉三種常用的判重方法. 方法1–indexOf 原理是indexOf返回該元素的第一個索引,

原创 Node.js從入門到放棄(四)

Node.js從入門到放棄(四)前言模板引擎綜合案例 前言 這是該系列文章的第四篇,主要介紹如何使用express+模板引擎做一個完整的案例 模板引擎 模板引擎是爲了使用戶界面與業務數據(內容)分離而產生的,最初源自服務端,

原创 react-ssr 萬字長文的服務端渲染

react-ssr 萬字長文的服務端渲染環境搭建hello world服務端運行前端代碼同構路由引入redux數據預加載數據的注水與脫水多級路由打包cssSEO引入styled-components源碼參考 環境搭建

原创 擁抱ES6(三)

擁抱ES6(三)箭頭函數模板字符串async,awaitpromiseMap簡潔語法 箭頭函數 es6新增的箭頭函數是原生function的一種簡化,可用來聲明函數。 與function的不同點 箭頭函數的沒有自己的this

原创 一場關於webp的革命,讓你的網站更絲滑

一場關於webp的革命,讓你的網站更絲滑webp是什麼?webp的兼容性怎麼樣?webp和同類圖片格式的比較如何把其他格式圖片轉成webp格式?webp的選擇時機和降級處理項目中的實踐總結相關鏈接 webp是什麼? webp是谷

原创 js視角的數據結構和算法(二)

js視角的數據結構和算法(二)數據結構劃分數組鏈表時間複雜度比較 數據結構劃分 數據結構分爲物理結構和邏輯結構,二者相輔相成,且邏輯結構依託物理結構存在。 換句話說,任何邏輯結構都需要依賴物理結構去實現,不可獨立存在。 什麼是

原创 對象屬性的選擇和反選

對象屬性的選擇和反選作用測試數據正向選擇屬性反選 作用 設置對象屬性白名單和黑名單 測試數據 var obj={ name:"lengyuexin", like:"coding", soulmate:n

原创 Node.js從入門到放棄(六)

Node.js從入門到放棄(六)前言初識異步事件循環 前言 這是該系列文章的第六篇,主要介紹異步和事件循環 初識異步 異步相對於同步而言,直觀的體現就是異步不會阻塞後續代碼執行,而同步會阻塞。 看起來異步比同步好一些,但異步

原创 親身經歷告訴你,學好英語的正確姿勢(文末附自建英語學習網站)

親身經歷告訴你,學好英語的正確姿勢(文末附自建英語學習網站)爲什麼要學英語?你學英語的契機是什麼?缺乏堅持的動力怎麼辦?爲什麼學了好多年英語收效甚微?如何學好英語?如何快速構建知識體系? 爲什麼要學英語? 考級?出國留學? 身在

原创 Node.js從入門到放棄(八)

Node.js從入門到放棄(八)前言mongodbmysql 前言 這是該系列文章的第八篇,主要介紹數據庫和Node.js的結合 mongodb 安裝 npm i mongoose 插入 var mongoose =

原创 react-函數組件的性能優化突破口

react-函數組件的性能優化突破口前言diff算法的缺點突破口React.memouseCallbackuseMemo 前言 react hooks的出現使得函數組件擁有類組件的能力,且函數組件不像類組件那樣天生就有內置的一堆