原创 Vue實現時鐘

    採用定時器來獲取最新的時間,通過Date的方法獲取年份、月份、日期、星期以及當前時間,用來拼裝時鐘,然後使用生命週期函數create來創建定時器,是時鐘每隔一秒鐘發生一次變化,達到時鐘在走的效果,同時在beforeDestroy函

原创 前端工程師自檢清單(JavaScript基礎)

知識體系來源於一名【合格】前端工程師的自檢清單   winter在他的《重學前端》課程中提到: 到現在爲止,前端工程師已經成爲研發體系中的重要崗位之一。可是,與此相對的是,我發現極少或者幾乎沒有大學的計算機專業願意開設前端課程,更沒有系

原创 前端工程師自檢清單(二)

二、HTML和CSS HTML 從規範的角度理解HTML,從分類和語義的角度使用標籤 Html的標籤分很多種:1.head裏面的元信息標籤    2.img、video、audio等替換型媒體標籤                   

原创 前端工程師自檢清單(六)

前端工程 項目構建 理解npm、yarn依賴包管理的原理,兩者的區別 談談npm依賴管理 npm和yarn的區別,我們該如何選擇? 可以使用npm運行自定義腳本 npm scripts 使用指南 理解Babel、ESLint、w

原创 工作實際排坑之旅

vue中的回車事件 vue使用element-ui的el-input監聽不了鍵盤事件,原因應該是element-ui自身封裝了一層div在input標籤外面,把原來的事件隱藏了,情況如下: 直接使用標籤:   <input placeho

原创 前端工程師自檢清單(五)

六、框架和類庫 TypeScript 理解泛型、接口等面向對象的相關概念,TypeScript對面向對象理念的實現 泛型: 工程中,我們不僅要創建一致的定義良好的API也要考慮重用性。組件不僅能支持未來的數據類型,也能支持未來的數據類

原创 前端工程師自檢清單(四)

五、運行環境 瀏覽器API 瀏覽器提供的符合W3C標準的DOM操作API、瀏覽器差異、兼容性 web API:瀏覽器提供的一套操作瀏覽器功能和頁面元素的API(BOM和DOM)。 DOM文檔對象模型,是W3C組織推薦的處理可擴展標誌語

原创 前端工程師自檢清單(三)

四、數據結構和算法 JavaScript編碼能力 多種方式實現數組去重、扁平化、對比優缺點 數組去重 1.遍歷數組:新建一個數組,遍歷需去重的數組,當值不再新數組時indexOf === -1 就加入新數組 2.排序後相鄰去除法:給傳

原创 前端工程師自檢清單(HTML和CSS)

二、HTML和CSS HTML 從規範的角度理解HTML,從分類和語義的角度使用標籤 Html的標籤分很多種:1.head裏面的元信息標籤    2.img、video、audio等替換型媒體標籤                   

原创 前端工程師自檢清單

知識體系來源於一名【合格】前端工程師的自檢清單   winter在他的《重學前端》課程中提到: 到現在爲止,前端工程師已經成爲研發體系中的重要崗位之一。可是,與此相對的是,我發現極少或者幾乎沒有大學的計算機專業願意開設前端課程,更沒有系

原创 《ES6入門》學習筆記

ES6和ECMAScript2015的關係 標準委員會最終決定,標準在每年的 6 月份正式發佈一次,作爲當年的正式版本。接下來的時間,就在這個版本的基礎上做改動,直到下一年的 6 月份,草案就自然變成了新一年的版本。這樣一來,就不需要以前

原创 Unable to preventDefault inside passive event listener[轉載]

轉載 https://segmentfault.com/a/1190000008512184   最近做項目經常在 chrome 的控制檯看到如下提示: Unable to preventDefault inside passive e

原创 JavaScript設計模式

Javascript十分靈活,是一種弱類型語言,在js中一切都是對象,而且所有對象都是易變的, 內省,運行時檢查對象所具有的屬性和方法,還可以使用這種信息動態實例化類和執行其方法(反射) JS在模仿接口的三大方法: 註釋法:使用了inte

原创 《JavaScript權威指南》學習筆記

一、類型,值和變量 1.構造函數 函數用來初始化一個新建的對象,我們稱爲構造函數。每個構造函數定義了一類對象(由構造函數初始化的對象組成的集合) 數組類,函數類,日期類,正則類,錯誤類 2.Math對象的複雜運算: Math.pow(2,

原创 前端面試題總結(轉載)

DOM結構 —— 兩個節點之間可能存在哪些關係以及如何在節點之間任意移動 1.DOM中兩個節點存在的關係無非3種: 1.1.包含與被包含,IE率先引入的contains()方法可檢測,例 A.contains(B),