原创 【Web技術】639- Web前端單元測試到底要怎麼寫?

作者:deepfunchttps://segmentfault.com/a/1190000015935519隨着 Web 應用的複雜程度越來越高,很多公司越來越重視前端單元測試。我們看到的大多數教程都會講單元測試的重要性、一些有代表性的

原创 【CSS】636- 你必須記住的30個css選擇器

你也許已經掌握了id、class、後臺選擇器這些基本的css選擇器。但這遠遠不是css的全部。下面向大家系統的解析css中30個最常用的選擇器,包括我們最頭痛的瀏覽器兼容性問題。掌握了它們,才能真正領略css的巨大靈活性。1. ** {

原创 【TS】634- 讓人眼前一亮的 10 大 TS 項目

TypeScript 是一種由微軟開發的自由和開源的編程語言。它是 JavaScript 的一個超集,而且本質上向這個語言添加了可選的靜態類型和基於類的面向對象編程。TypeScript 提供最新的和不斷髮展的 JavaScript 特

原创 了不起的 Webpack 構建流程學習指南

最近原創文章回顧: 《了不起的 tsconfig.json 指南》 《了不起的 Webpack HMR 學習指南(含源碼分析)》 《《你不知道的 Blob》番外篇》 《《你不知道的 WeakMap》番外篇》 Webpack

原创 【Webpack】631- 總結18個webpack插件,總會有你想要的!

何爲插件(Plugin)?專注處理 webpack 在編譯過程中的某個特定的任務的功能模塊,可以稱爲插件。Plugin 是一個擴展器,它豐富了 webpack 本身,針對是 loader 結束後,webpack 打包的整個過程,它並不直

原创 【React】633- 使用 Hooks 優化 React 組件

編者按:本文作者奇舞團前端開發工程師李喆明。注:本文內容主要是我之前分享的文字版,若想看重點的話可以看之前的Slide: https://ppt.baomitu.com/d/75fc979a需求描述由於我所在的業務是資訊內容類業務,因而

原创 【Webpack】632- 了不起的 Webpack 構建流程學習指南

最近原創文章回顧:《了不起的 tsconfig.json 指南》《了不起的 Webpack HMR 學習指南(含源碼分析)》《《你不知道的 Blob》番外篇》《《你不知道的 WeakMap》番外篇》Webpack 是前端很火的打包工具,

原创 【Web技術】630- 前端存儲除了 localStorage 還有啥

前端的數據存儲方式,你除了用過 Cookies、localStorage 和 sessionStorage 外,還有用過其它的存儲方式麼?其實除了前面提到的 3 種存儲方式,目前主流的瀏覽器還支持 Web SQL 和 IndexedDB

原创 【CSS】626- 20個 CSS 快速提升技巧

隨着前端開發越來越關注效率:通過選擇器的使用和簡化代碼來快速加載渲染。像Less、SCSS這樣的預處理器在工作的時候,需要繞的路較長,而直接使用css速度會更快。這裏涵蓋了20個css技巧來幫助你減少重複規則和複寫,在佈局中標準化樣式流

原创 了不起的 Webpack HMR 學習指南(含源碼分析)

學習時間:2020.06.14學習章節:《Webpack HMR 原理解析》 一、HMR 介紹 Hot Module Replacement(以下簡稱:HMR 模塊熱替換)是 Webpack 提供的一個非常有用的功能,它允許在

原创 【Vuejs】528- 揭祕Vue中的Virtual Dom

前言Vue.js 2.0引入Virtual DOM,比Vue.js 1.0的初始渲染速度提升了2-4倍,並大大降低了內存消耗。那什麼是Virtual DOM?爲什麼需要Virtual DOM?它是通過什麼方式去提升頁面渲染效率的呢?這是

原创 【Web技術】629- 看完這篇,99%前端異常你都會處理了

作者: Jartto's bloghttp://jartto.wang/2018/11/20/js-exception-handling/前端一直是距離用戶最近的一層,隨着產品的日益完善,我們會更加註重用戶體驗,而前端異常卻如鯁在喉,甚

原创 【拓展】數據可視化 30 個小技巧

來源:DataHunter優秀的數據可視化圖表只是羅列、總結數據嗎?當然不是!數據可視化其真正的價值是設計出可以被讀者輕鬆理解的數據展示,因此在設計過程中,每一個選擇,最終都應落腳於讀者的體驗,而非圖表製作者個人。這裏給大家總結了數據可

原创 【Webpack】627- 了不起的 Webpack HMR 學習指南(含源碼分析)

學習時間:2020.06.14學習章節:《Webpack HMR 原理解析》一、HMR 介紹Hot Module Replacement(以下簡稱:HMR 模塊熱替換)是 Webpack 提供的一個非常有用的功能,它允許在 JavaSc

原创 【JS】619- 工作中常用的 JS 工具函數

如果文章和筆記能帶您一絲幫助或者啓發,請不要吝嗇你的贊和收藏,你的肯定是我前進的最大動力????附筆記鏈接,閱讀往期更多優質文章可移步查看,喜歡的可以給我點贊鼓勵哦:https://github.com/Wscats/CV/issues