原创 簡單說一說數據結構——鏈表

數組是一種非常簡單的存儲數據序列的數據結構。平時開發中,要存儲多個元素,數組是最常用的數據結構。但是,在大多數語言中,數組的大小是固定的。從數組的起點或中間插入或移除項的成本非常高,因爲需要頻繁地移動元素。 鏈表存儲有序的元素集合

原创 帶你跳出H5 video的坑

做H5開發的童鞋應該都遇到過低版本(安卓6.0以下)安卓微信上播放video視頻之後就會有一堆廣告呈現在你面前。 每次瞪着騰訊自己出來的H5產品,五花八門的視頻!重點是還解除了廣告的限制。簡直是恨!!!!這麼專制真的好嗎?哈哈,泄憤。 參

原创 React 各種組件關係通信

前言 今天羣裏面有很多都在問關於 React 組件之間是如何通信的問題,之前自己寫的時候也遇到過這類問題。下面是我看到的一篇不錯英文版的翻譯,看過我博客的人都知道,我翻譯可能不會按部就班,會儘可能用中文的意思,來將作者要講述的技術描述

原创 微信瀏覽器阻止頁面拖動

經常開發H5的童鞋一定會遇到這樣的問題,當你的頁面中有滑動或者拖拽事件時,整個網頁也會隨着移動。然後還能夠看到域名信息。這是非常崩潰的體驗! 但是這個問題非常好解決,只要在body標籤添加禁止滑動或者拖拽事件即可。這樣的話,即使是

原创 LS存儲類庫

考慮到移動端網絡環境的不穩定,爲了避免網絡延遲(network latency),大部分網站的移動端站點會將體積龐大的類庫存儲於本地瀏覽器的LS中。 用一段很簡單的代碼來保證對jQuery的正確載入。我們一起來看看這段代碼。代碼詳解就書寫

原创 type=number和type=tel的區別

衆所周知,HTML5加入了新的input類型 number,這是方便數量輸入的。如果是在移動端中,屬性type=”number”和type=”tel”會喚起系統的數字鍵盤,這對於交互還是挺友好的。 瀏覽器兼容性 大部分瀏覽器還是非常

原创 解決type=file中獲取不到value值

做前端開發的童鞋肯定會遇到這樣的需求,獲取表單裏面全部input的值。 但是也不難發現這樣的bug,給type=“file”的input標籤賦值value,然後再通過js去獲取value的時候,發現根本拿不到想要的那個值,拿到的是空字符串

原创 10 種最常見的 Javascript 錯誤

爲了回饋我們的開發者社區,我們查看了數千個項目的數據庫,發現了 JavaScript 中頻度最高的 10 種錯誤。我們會告訴你什麼原因導致了這些錯誤,以及如何防止這些錯誤發生。如果你能夠避免落入這些 “陷阱”,你將會成爲一個更好的開發

原创 網站頁面性能優化的34條黃金守則

雅虎團隊經驗:網站頁面性能優化的34條黃金守則 1、儘量減少HTTP請求次數 終端用戶響應的時間中,有80%用於下載各項內容。這部分時間包括下載頁面中的圖像、樣式表、腳本、Flash等。通過減少頁面中的元素可以減少HTTP

原创 微信JS-SDK中getLocalImgData的坑

經常開發微信web需求的童鞋對微信jssdk肯定不會陌生。但是裏面的坑未必都踩過,特此分享這篇填坑說明。 微信獲取本地圖片接口: wx.getLocalImgData({ localId: '', // 圖片的localID

原创 javascript常用類型數值比較圖

收藏,做桌面,鞏固基礎了。

原创 四種常見的 POST 提交數據方式

HTTP/1.1 協議規定的 HTTP 請求方法有 OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE、CONNECT 這幾種。其中 POST 一般用來向服務端提交數據,本文主要討論 POST 提交數據的幾種方式

原创 javascript惰性函數

惰性函數有些地方也叫作自定義函數。做法是創建一個新函數並且將其分配保存了另外函數的同一個變量,那麼就以一個新函數覆蓋了就函數。在某種程度上,回收了舊函數指針以指向一個新函數。而這一切發生在就函數體的內部。在這種情況下,該函數以一個新的實現

原创 一個頁面從輸入 URL 到頁面加載完的過程中都發生了什麼事情?

最能考察廣度、深度的一道面試題 答案

原创 javascript中的標籤語句label:statement

label:statement 語法如上所示,用標籤label去定義一個操作。 var temp=0; start: for(var i=0; i<5; i++) { for(var m=0; m<5; m++) {