原创 puppeteer爬取知乎答案列表爬蟲

知乎應該很多人沒事的時候都會去看, 畢竟知乎上平均年收入幾十萬, 日常出國. 哈哈 聽朋友說, 今天閒來無事寫了一個爬取知乎答案列表的爬蟲. 當然知乎有營養的內容還是很多的 之前寫過一次抓答案列表接口的爬蟲, 感覺不太好, 還

原创 徹底理解 JS 中 this 的指向

首先必須要說的是,this的指向在函數定義的時候是確定不了的,只有函數執行的時候才能確定this到底指向誰,實際上this的最終指向的是那個調用它的對象(這句話有些問題,後面會解釋爲什麼會有問題,雖然網上大部分的文章都是這樣說的,

原创 仿微信聯繫人列表滑動字母索引

今天做到了一個聯繫人列表的需求, 要求和微信的一樣! 寫出來分享給大家, 使用了jq和doT模版引擎(doT模版教程) 預覽頁面地址 完整的代碼鏈接 首先對數據源進行數據排序 // 數據排序 function sort

原创 理解JavaScript作用域

簡介 JavaScript 有個特性稱爲作用域。儘管對於很多開發新手來說,作用域的概念不容易理解,我會儘可能地從最簡單的角度向你解釋它們。理解作用域能讓你編寫更優雅、錯誤更少的代碼,並能幫助你實現強大的設計模式。 什麼是作用域?

原创 JavaScript 創建對象的七種方式

JavaScript創建對象的方式有很多,通過Object構造函數或對象字面量的方式也可以創建單個對象,顯然這兩種方式會產生大量的重複代碼,並不適合量產。接下來介紹七種非常經典的創建對象的方式,他們也各有優缺點。 工廠模式 f

原创 唯快不破:Web 應用的 13 個優化步驟

時過境遷,Web 應用比以往任何時候都更具交互性。搞定性能可以幫助你極大地改善終端用戶的體驗。閱讀以下的技巧並學以致用,看看哪些可以用來改善延遲,渲染時間以及整體性能吧! 更快的 Web 應用 優化 Web 應用是一項費勁的工作。

原创 doT模板引擎

doT模板引擎是一個比較高效的引擎,一直都在使用,只有3kb大小,簡潔的語法,無任何依賴,簡單易用;下面的代碼直接拷貝引用就可以使用; 插件代碼 (function(){function p(b,a,d){return("stri

原创 前端跨域請求原理及實踐

一、 跨域請求的含義 瀏覽器的同源策略,出於防範跨站腳本的攻擊,禁止客戶端腳本(如 JavaScript)對不同域的服務進行跨站調用。 一般的,只要網站的 協議名protocol、 主機host、 端口號port 這三個中的任意一

原创 編寫現代 CSS 代碼的 20 個建議

明白何謂Margin Collapse 不同於其他很多屬性,盒模型中垂直方向上的Margin會在相遇時發生崩塌,也就是說當某個元素的底部Margin與另一個元素的頂部Margin相鄰時,只有二者中的較大值會被保留下來,可以從下面這

原创 APICloud框架——總結一下最近開發APP遇到的一些問題

距離上一次發文都過去十天了, 下班回來懶的就想睡覺, 今天520一個重要的節日, 恩愛已經秀完, 該乾點事情了!! 總結一下最近開發遇到的一些問題, 以及解決方案 純css三角形 /* 沒有哪個方向的邊框, 三角形就朝向那邊

原创 大牛公司的github

Google Google [https://github.com/google]( https://github.com/google) Google Samples https://github.com/googlesamp

原创 JavaScript 的 API 設計原 則

一、接口的流暢性 好的接口是流暢易懂的,他主要體現如下幾個方面: 1.簡單 操作某個元素的css屬性,下面是原生的方法: document.querySelectorAll('#id').style.color = 'red';

原创 兼容新舊瀏覽器的flex寫法

拷貝直接加類名即可 /* 定義 */ .flex-def { display: -webkit-box; /* 老版本語法: Safari, iOS, Android browser, older WebKit brows

原创 APICloud框架——總結一下最近開發APP遇到的一些問題 (二)

高度自適應 flex佈局 允許子元素伸縮 手機號正則 function checkPhone(data){ if(!(/^1[34578]\d{9}$/.test(data))){ alert("手機號

原创 JS的六種繼承方式

繼承是面向對象編程中又一非常重要的概念,JavaScript支持實現繼承,不支持接口繼承,實現繼承主要依靠原型鏈來實現的。 一、原型鏈 首先得要明白什麼是原型,原型鏈繼承基本思想就是讓一個原型對象指向另一個的實例 functi