原创 代碼規範-註釋

代碼規範-註釋 引言-《代碼大全》 對於投機取巧的代碼註釋是錯誤的,註釋不應該幫扶難度大的代碼,就像kernighan和plauger強調的:”不要註釋糟糕的代碼—-應重寫之。” 很多人支持優質的代碼應該是自解釋的 在程序員的圈子

原创 無線性能優化

 ###背景     源至首圖不能是懶加載以及不再走首屏數據的思考。   一:首屏優化: ###怎麼獲取首屏時間呢? A:加載完靜態資源後通過ajax請求去後臺獲取數據,數據回來後渲染內容 在每個點打上一個時間戳,首屏時間 = 點8–

原创 寫 React / Vue 項目時,數據列表中的key,用數組下標還是唯一值id或不寫呢?

React與Vue原理一致,以Vue爲列進行介紹 key不寫與key使用數組下標的區別 key不寫與使用數組下標作用一致。都是採默認使用“就地更新”的側臉。但不寫key會報警告。當 Vue 正在更新使用 v-for 渲染的元素

原创 前端常用SQL語句

常用SQL語句 SQL(Structure Query Language)結構化查詢語言用於關係型數據庫,Mysql,Oracle,sqlServer 前端學會這些基本的DB操作基本夠用了 DDL(Data Definition

原创 4類 JavaScript 內存泄漏及如何避免

本文將探索常見的客戶端 JavaScript 內存泄漏,以及如何使用 Chrome 開發工具發現問題。 簡介 內存泄漏是每個開發者最終都要面對的問題,它是許多問題的根源:反應遲緩,崩潰,高延遲,以及其他應用問題。 什麼是內

原创 酷炫的react.js

高效的虛擬DOM: 爲了跟蹤模型層的變化,並且將其應用到DOM中(也就是渲染),我們需要注意兩個 重要的事情: 數據是什麼時候改變的哪一個(些)DOM元素需要被更新 對於(1)而言,React提供了一個觀察者模型用於替代傳統的髒檢查(

原创 前端性能優化小知識點(javascript)

避免全局查找 在一個函數中會用到全局對象存儲爲局部變量來減少全局查找,因爲訪問局部變量的速度要比訪問全局變量的速度更快些。 function search() { //當我要使用當前頁面地址和主機域名

原创 promise應用示例講解

Q:紅燈三秒亮一次,綠燈一秒亮一次,黃燈2秒亮一次;如何讓三個燈不斷交替重複亮燈?(用Promse實現)三個亮燈函數已經存在: function red(){     console.log('red'); } fun

原创 前端如何做好數據容錯

###前端如何做好數據保護 1:if形式   if( obj && obj.a && obj.a.b && obj.a.b.c)    存在的問題,如果對象的層數過多,容易忽略並不易保護,甚至有可能出現如下圖情況:某層數據爲空時 後端數據

原创 setTimeout 的黑魔法

setTimeout 的黑魔法 setTimeout,前端工程師必定會打交道的一個函數.它看上去非常的簡單,樸實.有着一個很不平凡的名字–定時器.讓年少的我天真的以爲自己可以操縱未來.卻不知樸實之中隱含着驚天大密.我還記得我第一

原创 git操作詳解

常用 Git 命令清單 我每天使用 Git ,但是很多命令記不住。 一般來說,日常使用只要記住下圖6個命令,就可以了。但是熟練使用,恐怕要記住60~100個命令。 下面是我整理的常用 Git 命令清單

原创 Bootstrap 4 更新的新功能(全)

Bootstrap 4中有太多重大的更新,本文不能面面俱到,下面是一些頗受關注的亮點: 從Less遷移到Sass: 現在,Bootstrap已加入Sass的大家庭中。得益於Libsass,Bootstrap的編譯速度比以前更快;

原创 js apply/call/caller/callee/bind使用方法與區別分析

一、call 方法 調用一個對象的一個方法,以另一個對象替換當前對象(其實就是更改對象的內部指針,即改變對象的this指向的內容)。 Js代碼 call([thisObj[,arg1[, arg2[, [,.argN]]]]]) 參

原创 前端路由&react-router使用姿勢

路由? 對於有過SPA開發經驗的人來說,路由這個名詞並不陌生,前端的路由和後端的路由在實現技術上不一樣,但是原理都是一樣的。在 HTML5 的 history API 出現之前,前端的路由都是通過 hash 來實現的,hash 能

原创 理解CSS彈性盒模型flex

前面的話   CSS3引入了一種新的佈局模型——flex佈局。flex是flexible box的縮寫,一般稱之爲彈性盒模型。和CSS3其他屬性不一樣,flexbox並不是一個屬性,而是一個模塊,包括多個CSS3屬性。flex佈局提供