原创 如何給團隊制定合理的季度績效?

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"typ

原创 提問開啓創新-激發團隊創新的提問法

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null},"content":[{"typ

原创 天下武功,唯”拆“不破| 技術人應知的創新思維模型 (4)

{"type":"doc","content":[{"type":"paragraph","attrs":{"indent":0,"number":0,"align":null,"origin":null}},{"type":"blockq

原创 PNG,JPG,GIF,WEBP的區別

png是便攜式網絡圖片(Portable Network Graphics)是一種無損數據壓縮位圖文件格式。 優點是:壓縮比高,色彩好。大多數地方都可以用。 jpg是一種針對相片使用的一種失真壓縮方法,是一種破壞性的壓縮,在色調及顏色平滑變

原创 Webpack 是怎樣運行的?

在平時開發中我們經常會用到Webpack這個時下最流行的前端打包工具。它打包開發代碼,輸出能在各種瀏覽器運行的代碼,提升了開發至發佈過程的效率。 我們知道一份Webpack配置文件主要包含入口(entry)、輸出文件(output)、模式、

原创 手寫一個webpack插件

webpack本質上是一種事件流的機制,它的工作流程就是將各個插件串聯起來,而實現這一切的核心就是Tapable,webpack中最核心的負責編譯的Compiler和負責創建bundles的Compilation都是Tapable的實例。T

原创 手把手教你寫一個 Webpack Loader

本文示例源代碼請戳github博客,建議大家動手敲敲代碼。 本文不會介紹loader的一些使用方法,不熟悉的同學請自行查看Webpack loader 1、背景 首先我們來看一下爲什麼需要loader,以及他能幹什麼?webpack 只能

原创 瀏覽器渲染機制

本文示例源代碼請戳github博客,建議大家動手敲敲代碼。 前言 瀏覽器渲染頁面的過程 從耗時的角度,瀏覽器請求、加載、渲染一個頁面,時間花在下面五件事情上: DNS 查詢 TCP 連接 HTTP 請求即響應 服務器響應 客戶端渲染 本