原创 js性能優化之函數節流

最近在看一些書的時候，以及面試題的時候看到一個新詞“函數節流” 函數節流的場景出現在，Js中很多函數的觸發並不是用戶直接控制的，在這些情況下，函數可能會被非常頻繁的調用，而造成大的性能問題。 函數被頻繁調用的場景 windo

2020-02-23 21:38:10 1

原创 js性能優化之惰性加載函數

一個普通的瀏覽器嗅探技術，每次都要調用addEvent進行判斷，執行if語句。 // 瀏覽器嗅探技術：指的就是檢測瀏覽器是否支持 var addEvent = function(elem, type, handler) {

2020-02-23 21:38:10

原创 關於HTTP緩存

鑑於面試總是被問到這個問題，而且之前也是懂得大概，因此查看了MDN、閱讀了《HTTP權威指南》，以及一些好的博客，這可能是我寫得最全面的HTTP緩存了吧。 Cache-Control和Expire 以前一直以爲只有瀏覽器可以設置c

2020-02-23 21:38:10

原创 HTML5學習——worker對象

我的碎碎念，以前吧，覺得前端這玩意兒很複雜，有好多東西要學。後來學了一段時間之後發現不過如此，就是用html＋css寫寫頁面，然後爲了使頁面有動態的數據，就加了ajax和js。 然後不知道爲什麼前端越來越複雜。nodejs的出現之

2020-02-23 21:38:10

原创 js性能優化之分時函數

分時函數和函數節流的問題不一樣，函數節流針對的事件不是用戶主動調用的，前面已經提過了。 函數節流的原理是：延遲當前函數的執行，如果該次延遲還沒有完成，那麼忽略接下來該函數的請求。也就是說會忽略掉很多函數請求。 分時函數處理的問題

2020-02-23 21:38:10

原创 WEB APP、HYBRID APP與NATIVE APP的設計差異

一、Web App、Hybrid App、Native App 縱向對比 首先，我們來看看什麼是 Web App、Hybrid App、 Native App。 Web APP Web App 指採用Html5語言寫出的App，不需要

2018-08-22 07:40:05 3

原创 javascript理解之變量作用域與閉包

何爲閉包 閉包是指能夠訪問自由變量的函數 (變量在本地使用，但在閉包中定義)。換句話說，定義在閉包中的函數可以“記憶”它被創建時候的環境。 函數作用域與聲明提前 var scope= "global scope"; function f(

2018-08-22 07:40:05

原创 Javascript模塊化編程——使用AMD，CommonJS，ES Harmony

定一個小目標，每週翻譯一篇國外優秀博客 原文鏈接 https://addyosmani.com/writing-modular-js/ 以及參考了 http://nuysoft.com/2014/01/24/authoring-umd

2018-08-22 07:40:05

原创 js深入之創建對象

工廠模式創建 function createPerson(name, age, job) { var o = new Object(); o.name = name; o.age = age

2018-08-22 07:40:05

原创 淺談setTimeout,setInterval

概念 setTimeout setTimeout的用法 var timer1=scope.setTimeout(function,[delay,params]); var timer2=scope.setTimeout(code,[del

2018-08-22 07:40:05

原创 嘔心瀝血深入學正則和字符串

前言： 如果面試官問你exec與match的區別是什麼，你應該怎麼回答？ 這個是我前幾天看到牛客網的一個面經，覺得很有意思的一個問題。 正則是我們經常會使用的一個東西，我們可以用一行代碼實現很多事情，從最簡單的郵箱驗證、手機號的驗證，

2018-08-22 07:40:05

原创 打個小廣告吧——我的GitBooks

最近開始在想着把自己博客裏面的東西整理整理寫一本書。希望大家前來支持 地址在這裏： https://daisyhawen.gitbooks.io/web-practice-book/content/ 同時，經過了不斷的修改，終於把je

2018-08-22 07:40:05

原创 LeetCode_461. Hamming Distance

/*The Hamming distance between two integers is the number of positions at which the corresponding bits are different. G

2018-08-22 07:40:04 3

原创 LeetCode_ 657. Judge Route Circle

題目： Initially, there is a Robot at position (0, 0). Given a sequence of its moves, judge if this robot makes a circle,

2018-08-22 07:40:04 2

原创 CSS之flexbox

一切能用css解決的問題都不要用js； 一直以來對css的關注就比較少，一篇寫得很經典的flexbox的文章： http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html 總結：

2018-08-22 07:40:04 1