原创 ES6--Promise專題

最近準備系統深入的學習一下promise這個東西,將從它的概念,使用場景,優勢等方面做一個系統的總結。畢竟每次面試都會問到啊,當然還記得要看下es6其他的幾個重要概念。 1、weakmap 2、generator 3、async

原创 wasm

生動形象地介紹 WebAssembly 你可能已經聽說過,WebAssembly 執行的更快。但是 WebAssembly 爲什麼執行的更快呢? 在這個系列文章中,我會爲你解釋這一點。 等等,什麼是 WebAssembly? We

原创 練手寫函數

防抖函數vs節流函數 封裝call 簡單的三種繼承方式 快速排序 防抖函數 防抖函數與節流函數的區別及使用場景 防抖函數的實現爲什麼用了柯里化和閉包 防抖類似電梯關門,每10s鐘關一次門,當10s內又有人按開門,則關門的

原创 前端面試基礎紀要

友情幫朋友面試實習生,準備了一些基礎的前端面試題,順便做個整理。 vue生命週期函數 beforecreat: 在數據觀測和初始化事件還未開始 create: inject data,屬性方法的運算,沒有掛載$el。 before

原创 課堂代碼遷移踩到的坑

這次代碼重構遇到了很多問題,這會兒抽時間記錄一些遷移中遇到的大大小小的bug。 GIT 我在本地建的tiku代碼庫如何推送到遠端的tiku代碼庫中? 方法 克隆遠端的tiku代碼庫 將本地tiku內容copy進去 git push

原创 記錄【有獎調研】項目上線的一次報警

昨天晚上上線的功能,早上報警了,搞得我有些許尷尬。 在此記錄一下這個bug的背景原因以及思考。 bug背景:根據不同的用戶點擊按鈕跳轉到不同的url中。 // 試用機構 if (+user.orgData.vip_type ===

原创 如何獲取文件名的擴展名?

var extname = (filename) => { /* TODO */ var extname; if (!filename || filename.toString() === 'string') {

原创 表單提交 ajax提交 一些提交數據的方法總結

工作中經常會遇到一些需求,比如刪除掉數組中指定的元素,比如取出數組中符合要求的元素,去掉重複的元素,這些需求都可以用filter來處理。 之前想要做點擊這條消息,將這條消息刪除的功能,思路是採用array的splice(start,n

原创 工作中遇到的一些問題

今天想簡單記錄一下最近需求開發中遇到的小問題 bug1背景需求:彈消息通知,後端會返回一堆數組,在數組中過濾出符合條件的元素,將它們逐條顯示在彈窗中,每次只能展示兩個。 let data = [ {name: '小紅', age: '

原创 踩坑之旅

每次換項目組都得經歷搭環境的坎坷之路,我以爲有過之前的經驗這次會得心應手很多,然而沒有深層次的思考,兩次經驗也有些無能爲力,所以我決定記錄一下今天的環境搭建。 首先pull代碼,根據icode下面的提示把代碼跑起來,然而發現項目打開一

原创 淺談es6的新增屬性--類

1、js語言進化史 版本 發佈時間 特性 es5 2009.11 新增Object、Function、 es6 2015.6 類、模塊化、箭頭函數、函數參數默認值、解構賦值 es7 2016.3 includes

原创 Object.defineProperty的侷限性

先說一下MVVM框架的一大特點,數據雙向綁定,它的實現總結一下有以下幾種方式: 髒檢查 (Angular) 數據劫持 (Vue) 發佈-訂閱 數據模型 而我們今天討論的Object.defineProperty屬於數據劫持的方式,

原创 函數防抖和函數節流

在開發中會遇到一些瀏覽器事件在短時間內多次被觸發,例如scroll,onresize事件,這對瀏覽器是很大的性能消耗,而函數的節流和防抖,很好的避免了這種幾秒鐘內觸發上千次事件的情況。 函數防抖: 如果一個事件被頻繁觸發多次,並且觸發

原创 一些編程題

去除數組中的item元素,返回一個新數組。 function remove(array,item) { var arr = []; for(var i = 0; i < array.length; i++) { if(arra

原创 關於promise常用場景練習

寫一個簡單的promise function foo() { new Promise((resolve,reject) => { if(操作成功){ resolve(); } else { reject();