原创 第5題- 深入理解事件循環機制

面試題目(頭條筆試): 直接上題,答對解釋通算你贏,就不用看解析了。 點擊頁面後,下面代碼的輸出結果是什麼? document.addEventListener('click', function(){ Promise.reso

原创 JavaScript 異步機制

先看兩個js代碼片段 for (var i = 1; i <= 5; i++) { setTimeout(function(){ console.log(i); }, 0); } 結

原创 事件循環機制

我們知道JavaScript的一大特點就是單線程,而這個線程中擁有唯一的一個事件循環。JavaScript代碼的執行過程中,除了依靠函數調用棧來搞定函數的執行順序外,還依靠任務隊列(task queue)來搞定另外一些代碼的執行。

原创 mousemove事件,鼠標移動過快時,無法全部響應

問題描述: 項目中,運用mousemove來實現繪製圓形時,發現鼠標移動速度過快時,繪製的圓形,不能連接一起,中間出現斷點,無法形成一條完整的路徑。 問題分析: <!DOCTYPE html> <html lang="en"> <

原创 ajax接口返回圖片類型數據,轉爲base64賦值給img

工作中常用到接口生成圖片,返回的數據JS怎麼處理轉成base64展示? 主要利用xhr2.0,responseType="blob"返回blob數據類型,代碼如下: 第一種: function fetchImageDataFromUr

原创 webpack中的path、publicPath、contentBase的區分

output.publicPath & devServer.publicPath output裏面的publicPath表示的是打包生成的index.html文件裏面引用資源的前綴; devServer裏面的publicPath表示

原创 平滑滾動到指定位置

點擊按鈕,頁面滑動到指定位置。常見的回到頂部功能 function goTarget(target) { var timer = null; var lastPos = 0; function goMove()

原创 設計網站網址

用戶體驗團隊網站1、UCD大社區 http://ucdchina.com/2、騰訊WSD http://wsd.tencent.com/3、騰訊CDC http://cdc.tencent.com/4、騰訊ISD http://isd.t

原创 performance監測網頁性能

; (function() { handleAddListener('load', getTiming) function handleAddListener(type, fn) { if(window

原创 前端學習網站

前端網:http://www.w3cfuns.com/ 智能社:http://www.zhinengshe.com/ https://ke.qq.com/course/152997 妙味課堂:http://www.miaov.com/20

原创 有用的網址

http://www.linkedin.com/http://re.vu/https://www.ustack.com/http://www.storagelab.org.cn/http://www.cdtech.com.cn/http

原创 js 常用函數

/* *Author:趙少邦 *Date:2014-5-22 */ //-----------------------深度克隆對象-------------------------- function cloneObject(obj){

原创 vue知識點

異步更新隊列 可能你還沒有注意到,Vue 異步執行 DOM 更新。只要觀察到數據變化,Vue 將開啓一個隊列,並緩衝在同一事件循環中發生的所有數據改變。如果同一個 watcher 被多次觸發,只會一次推入到隊列中。這種在緩衝時去除重複數據

原创 Linux下端口被佔用解決

有時候關閉軟件後,後臺進程死掉,導致端口被佔用。下面80端口被佔用爲例,列出詳細解決過程。 解決方法: 1.查找被佔用的端口 netstat -tln netstat -tln | grep 80 netstat -tln 查看端口使用情

原创 前端資源工具網址

Bootstrap 相關網址 Bootstrap 優秀站點集錦 翁天信--一個不走尋常路的19歲少年:http://www.dandyweng.com佚    站-----主要以建設展示型網站爲起點的網站:http://www.yea