這兩天開通了抖音賬號，拍一些小孩子背誦古詩的視頻，然后整理背過的古詩，把古詩內(nèi)容和水墨畫拼在一起，偶爾寫點(diǎn)小腳本還是蠻有意思的，下面是代碼： 實(shí)現(xiàn)邏輯就是：本地找個十幾張水墨...
發(fā)簡信
IP屬地：臺灣
-
前端腳本實(shí)現(xiàn)canvas上寫古詩 -
前端通過 Canvas 轉(zhuǎn)換圖片格式
背景 這個版本接了個需求，針對制圖工具頁面在圖片上傳時做圖片格式轉(zhuǎn)換和壓縮優(yōu)化。制圖工具支持從本地上傳圖片，也支持復(fù)制網(wǎng)絡(luò)圖片粘貼上傳，目前的現(xiàn)狀是只能上傳 5M 以內(nèi)的圖片...
-
前端 monorepo 模式開發(fā)實(shí)踐背景 隨著業(yè)務(wù)逐漸復(fù)雜，對于頁面性能秒開，組件化，跟客戶端的交互等在整個開發(fā)鏈路變得越來越重要，而單獨(dú)基于每個鏈路都開一個項(xiàng)目倉庫顯然不好維護(hù)，所以交易的 monorepo ...
-
puppeteer-core 和 本地 chrome 截圖最近在做遷移舊項(xiàng)目的頁面遷移，這個項(xiàng)目畢竟3年多了，早就沒了原有的設(shè)計稿，里面的圖文都是靜態(tài)寫死的，還是圖文環(huán)繞這種定位實(shí)現(xiàn)的，不是一塊塊拼接起來的圖片，而遷移到頁面搭建后臺...
-
[FE] pnpm 依賴管理淺析
背景 pnpm 默認(rèn)會把所有 package 的依賴放到最外層的 node_modules 中，然后建立軟鏈接指向它們。 項(xiàng)目示例 github: thzt/test-pnp...
-
umi 配置 msfu-實(shí)現(xiàn)秒啟動題外： 抖音號：dy51fclwgkb9 關(guān)注我吧！ 目前我們公司的C端項(xiàng)目使用的是 umi.js，umi 3.5以上的版本實(shí)現(xiàn)了一個新功能 mfsu，實(shí)現(xiàn)開發(fā)環(huán)境秒級熱更新...
-
編寫 webpack loader
loader loader 用于對模塊的源代碼進(jìn)行轉(zhuǎn)換。loader 可以使你在 import 或 "load(加載)" 模塊時預(yù)處理文件。因此，loader 類似于其他構(gòu)建...
-
uni-app 接入極驗(yàn)驗(yàn)證碼攻略背景 uni-app 的項(xiàng)目中需要接入極驗(yàn)驗(yàn)證碼，根據(jù)極驗(yàn)官方文檔，只能在微信的 wxml 頁面中引入模板，但是對于每個頁面都有接口調(diào)用的情況下，手動加是不可能的，開發(fā)量大，...
-
前端監(jiān)控概覽背景 以往我們知道的監(jiān)控都是服務(wù)端的監(jiān)控，前端是少有被提及的，線上的頁面什么時候掛掉，掛了多長時間，什么原因?qū)е碌?，都不清楚，也不能第一時間獲取報警信息。而服務(wù)端都有成熟的監(jiān)...
-
Redux 家族（一）：實(shí)戰(zhàn)和源碼實(shí)現(xiàn)每一種新語言，新框架或者工具的出現(xiàn)都是為了解決項(xiàng)目中存在的問題。 動機(jī) 隨著 Javascript 單頁應(yīng)用的開發(fā)越來越復(fù)雜，管理不斷變化的 state 變得非常困難。這些狀...
-
一篇動畫優(yōu)化文（數(shù)字跳動更換圖片）這篇文章來源于之前的一個活動需求，有一個動畫效果是數(shù)字跳動遞增，但是這個數(shù)字不能是文本，而是0-9的10張圖片，所以組件庫中的文本數(shù)字跳動是不能直接用了，就不得不重新寫一個，...
-
記錄：CSS3 模糊效果
最近在寫活動頁面遇到一個效果，在黑色透明蒙層后面的元素要有模糊，毛玻璃的效果，最初想到的就是filter: blur(2px)，直接在元素上使用，但是整個子元素都被模糊了，而...
-
React Hooks 溫故知新概念 React Hook 是 React 16.8 的新增特性。它可以讓你在不編寫 class 的情況下使用 state 以及其他的 React 特性； 以前在編寫函數(shù)式組...
-
vue 服務(wù)端渲染（三）：進(jìn)階這一篇來加入路由和狀態(tài)到服務(wù)端渲染里面，來解決上一篇遺留的問題。 路由，狀態(tài)以及實(shí)例的實(shí)現(xiàn)其實(shí)是差不多的，都是需要在服務(wù)端生成多實(shí)例，所以同樣需要導(dǎo)出函數(shù)。這里來將 rout...
-
vue 服務(wù)端渲染（二）：入門上一篇文章介紹了vue ssr 的實(shí)現(xiàn)思路和打包流程，實(shí)現(xiàn)了一個簡單版的 ssr。這一篇將實(shí)現(xiàn)客戶端和服務(wù)端分離打包，根據(jù)不同端的配置打包出來不同的端文件。服務(wù)端返回打包出來...
-
vue 服務(wù)端渲染（一）：初探概念 客戶端渲染：在瀏覽器端進(jìn)行渲染，服務(wù)端返回的只是 的空標(biāo)簽文檔； 服務(wù)端渲染：在服務(wù)器就做好數(shù)據(jù)的的拼接，請求返回的 html 是完整的文檔。 客戶端渲染，服務(wù)端...
-
使用工具規(guī)范 git commit 提交
問題來源于知乎的一個討論：如何寫好 Git commit log?https://www.zhihu.com/question/21209619/answer/2575749...
-
windows 下安裝 deno 二進(jìn)制文件安裝 deno 二進(jìn)制文件 直接 github 上下載 二進(jìn)制可執(zhí)行文件 然后配置環(huán)境變量，我是放到了C:\deno\deno.exe 打開cmd，查看是否安裝成功 deno...
-
events事件在React中做跨級通信最近使用 React Hook 寫項(xiàng)目的新需求，遇到一個問題就是跨級組件的通信，項(xiàng)目中的組件狀態(tài)沒有用 Redux 來管理狀態(tài)，跨級組件通信是通過 React context...