原创 有了Composition API後，有些場景或許你不需要pinia了

前言 日常開發時有些業務場景功能很複雜，如果將所有代碼都寫在一個vue組件中，那個vue文件的代碼量可能就幾千行了，維護極其困難。這時我們就需要將其拆分爲多個組件，拆完組件後就需要在不同組件間共享數據和業務邏輯。有的小夥伴會選擇將數據和業務

2024-01-24 14:23:51 1

原创 5分鐘教會你如何在生產環境debug代碼

前言 有時出現的線上bug在測試環境死活都不能復現，靠review代碼猜測bug出現的原因，然後盲改代碼直接在線上測試明顯不靠譜。這時我們就需要在生產環境中debug代碼，快速找到bug的原因，然後將鍋丟出去。 生產環境的代碼一般都是關閉

2024-01-19 14:21:46 2

原创 你不知道的vue3：使用runWithContext實現在非 setup 期間使用inject

前言 日常開發時有些特殊的場景需要在非 setup 期間調用inject函數，比如app中使用provide注入的配置信息需要在發送http請求時帶上傳給後端。對此我們希望不在每個發起請求的地方去修改，而是在發起請求前的攔截進行統一處理，對

2024-01-18 14:24:31

原创 直接在*.vue文件（SFC）中使用JSX/TSX渲染函數，真香!

前言 在日常開發中vue的模版語法在大多數情況都能夠滿足我們的需求，但是在一些複雜的業務場景中使用模版語法就有些麻煩了。這個時候靈活的JSX/TSX渲染函數就能派上用場了，大多數同學的做法都是將*.vue文件改爲*.tsx或者*.jsx文件

2024-01-13 14:24:34 1

原创 5分鐘搞定vue3函數式彈窗

前言 最近接到一個需求，需要在一些敏感操作進行前要求輸入賬號和密碼，然後將輸入的賬號和密碼加到接口請求的header裏面。如果每個頁面都去手動導入彈窗組件，在點擊按鈕後彈出彈窗。再拿到彈窗返回的賬號密碼後去請求接口也太累了，那麼有沒有更簡單

2024-01-10 14:38:50 8

原创 零基礎電氣專業畢業生，花費9.9元自學前端，成都月薪6.5K

介紹 畢業於成都理工電氣專業，大學畢業後進入了一家電氣公司，月薪2000元。一直對互聯網行業感興趣，但由於沒有相關專業背景，所以一直沒有勇氣轉行。 轉行契機 公司的書記想搞一個內部生產管理系統，看我們4個應屆畢業生每天都在打醬油，就找到我們

2024-01-05 14:24:30

原创 花費9.9元零基礎自學前端

大學 大學學的是成都理工電氣專業，大四時班上有一半的人都考進了國家電網，現在看來那些進了電網的同學是最安逸的。大四時收到兩份offer，一份是中國核電（進去三班倒），一份是中電建（去工地修房子），最後選擇了去中電建修房子。畢業後去了工地報道

2024-01-04 14:30:03 2

原创 --{module_name}_binary_host_mirror和--{module_name}_binary_site

--{module_name}_binary_host_mirror和--{module_name}_binary_site demo // .npmrc文件 sass_binary_site=https://npmmirror.com/m

2023-12-30 14:45:53

原创 svelte的一些基礎demo

腳手架 Vite：vite是集成了svelte，初始化的時候選擇svelte就行了。 npm init vite SvelteKit：底層基於vite的更上層框架，類似於nextjs。 npm create svelte@latest m

2023-12-29 14:24:28

原创 svelte響應式原理

svelte文件編譯爲js後的結構 源代碼： <script lang="ts"> let firstName = '張' let lastName = '三' let age = 18 functio

2023-12-29 14:24:28

原创 純css實現翻書效果

前言 最近研究了一下css3的3D效果，寫了幾個demo，寫篇博客總結一下實現的經過。PS:如果對transform-origin/perspective/transform-style這些概念還不瞭解，可以先看看張鑫旭大神寫的這篇通俗易懂

2019-05-01 00:56:35 139

原创 從vue源碼看props

前言 平時寫vue的時候知道props有很多種用法，今天我們來看看vue內部是怎麼處理props中那麼多的用法的。 vue提供的props的用法 1. 數組形式 props: ['name', 'value'] 2. 對象形式 對象形式內部

2019-01-10 13:59:04 1

原创 js循環中使用async/await踩過的坑

最近寫koa的時候遇見需要在循環中使用async/await的情況，當然第一反應就是直接上forEach，然後就直接翻車了。。。 直接上代碼： function handleSql(val) { return new Promise((

2018-11-15 22:48:49

原创 js實現word轉換爲html

前言 最近接到一個需求，實現上傳一個word文檔，然後將該word轉換成html丟給服務端存上。進行技術調研後發現有三種方法可以實現這個功能：ActiveXObject、docx2html、mammoth。 IE的 ActiveXObjec

2018-10-17 22:52:20 1

原创 微信、qq二次分享

前言 我們平時做微信分享的時候，一般分享出來的頁面都是一個簡單的html頁面，不會加入框架之類的東西。所以當我們在分享出來的頁面裏面再次進行分享的時候，由於我們沒有配置分享的標題、描述這些東西，分享出去的卡片會是默認的樣式。很顯然對於產品和

2018-09-03 04:31:24