背景 我司目前項(xiàng)目已經(jīng)經(jīng)過了很多次優(yōu)化了，期間通過webpack打包實(shí)踐了很多種方式，包括樣式文件通過gulp[https://www.gulpjs.com.cn/]實(shí)現(xiàn)命令...
發(fā)簡(jiǎn)信
IP屬地：浙江
-
使用gzip優(yōu)化頁面加載遇到的問題 -
ECharts 與 React Hooks
React 16.6 的時(shí)候拋出了 React Hooks 的概念，在 React 16.8 正式發(fā)布。它完全顛覆了原有的 Class Component 的寫法。React...
-
Airbnb JavaScript代碼規(guī)范（完整）
類型Types 基本數(shù)據(jù)類型 string number boolean null undefined symbol Symbols不能真正的被polyfilled，因此當(dāng)目...
-
前端身份證號(hào)碼的正則表達(dá)式及驗(yàn)證詳解
在做用戶實(shí)名驗(yàn)證時(shí)，常會(huì)用到身份證號(hào)碼的正則表達(dá)式及校驗(yàn)方案。按照現(xiàn)在主流的客戶端的校驗(yàn)流程，很多都是使用ocr掃描身份證去識(shí)別身份證信息，這樣做的好處是準(zhǔn)確率高并且效率高....
-
webpack坑系列--安裝webpack-cli
最近在學(xué)習(xí)webpack過程中，根據(jù)官方文檔推薦局部安裝webpack，執(zhí)行webpack -v命令出現(xiàn)以下提示 npm install webpack-cli -D提示在開...
-
e.target與e.currentTarget
通過一個(gè)例子來看e.target與e.currentTarget的區(qū)別與聯(lián)系 1. 關(guān)于 a.addEventListener('click', handler) 如果寫成：...
-
-
桌面瀏覽器上的 viewport在閱讀本文之前，先需要了解 設(shè)備像素、設(shè)備獨(dú)立像素、CSS-像素。 viewport 是瀏覽器視口，代表瀏覽器的可視區(qū)域，也就是瀏覽器中用來顯示網(wǎng)頁的那部分區(qū)域。在桌面電腦上...
-
【CSS】css控制鼠標(biāo)點(diǎn)擊事件（pointer-events）pointer-events 是CSS3的一個(gè)屬性，支持的值非常多，其中大部分都是和SVG有關(guān)。對(duì)于前端日常開發(fā)而言，只要了解 none 這個(gè)值就已經(jīng)夠我們玩一段時(shí)間了。 ...
-
js drag拖動(dòng)排序這次來做一個(gè)拖動(dòng)排序，帶有動(dòng)畫效果，先上效果圖，不熟悉拖動(dòng)api的可以查看鏈接 思路（先不考慮動(dòng)畫） 每個(gè)li既是可拖動(dòng)，同時(shí)也是容器，拖動(dòng)到li上面時(shí)移動(dòng)拖動(dòng)的li。先把h...
-
〖鉛筆人像〗紅黑兩色完成的小美女這是小紅書上看到的圖片，覺得這姑娘好好看，忍不住畫出來。 成品： 工具: 速寫本、黑色和紅色自動(dòng)鉛筆、黑色彩鉛筆、紙筆 步驟圖: 先找出大體輪廓，用鉛筆輕輕勾出。 畫出眼睛嘴...
-
【網(wǎng)易云課堂】交互體驗(yàn)課作業(yè)——優(yōu)秀作業(yè)鑒賞【作業(yè)內(nèi)容】 根據(jù)課程所講的內(nèi)容， 1.利用Mindmanager繪制一張腦圖，來梳理“微信附近的人”模塊所需要提供的信息和功能點(diǎn)。 2.利用Axure，繪制”微信附近的人“...
-
愛說愛笑愛胡鬧~
-
Webpack 知識(shí)梳理
1. Webpack 簡(jiǎn)介及相關(guān)知識(shí) Webpack —— JavaScript應(yīng)用模塊打包工具。 1.1 核心概念： Webpack 有四個(gè)核心概念： entry（入口）單...
