原创 ReactUse createGolaState 源碼解析

說明 useGlobalState：一個創建全局共享狀態的 react hook。 const useGlobalValue = createGlobalState<number>(0); const CompA: FC = () =>

2023-05-22 13:39:28

原创 VueUse 是怎麼封裝Vue3 Provide/Inject 的？

Provide/Inject Provide 和 Inject 可以解決 Prop 逐級透傳問題。注入值類型不會使注入保持響應性，但注入一個響應式對象，仍然有響應式的效果。 Provide 的問題是無法追蹤數據的來源，在任意層級都能訪問導致

2023-05-08 13:31:33

原创 HTML5學習系列之表單與文件

article元素 article元素代表文檔、頁面或應用程序中獨立的、完整的、可以獨自被外部引用的內容。它可以是一篇博客或報刊中的文章、一篇論壇帖子、一段用戶評論或獨立的插件，或者其他任何獨立的內容。例子如下： <!DOCTYPE

2022-03-04 13:31:51

原创 vite首次啓動加載慢

背景 隨着vue3的到來，vite開始被各大vue3組件庫使用，公司開始一個新項目，準備嘗試用vite試一波。 問題發現 當把公司新項目移植到vite後，啓動非常快，但發現頁渲染時間慢了很多 可以看到頁面的首屏加載時間是3.34s，頁

2021-10-10 14:26:58 29

原创 Element 文檔中的 Markdown 解析

Element 的文檔站是講Markdown解析成vue組件在頁面中渲染出來，轉換過程如下圖所示： 紅框部分勢必要對 Markdown 進行特殊的訂製，訂製過的 Markdown 像下面這樣。 :::demo 要使用 Radio 組件，

2021-03-23 14:36:18

原创 三十而立——年終總結

2020回顧 時間過的真快，2020年還有不到半個月就要結束了，考慮到我的寫作和認知水平還不夠所以我今年主要是看書提升自己，幾乎沒怎麼寫文章了。 人到中年，我以爲我的成長能跟上我年齡的腳步，然而現實給了我一巴掌，面試被嫌棄沒有成長到這個年齡

2020-12-25 14:35:28

原创 button JS篇ant Design of react

這篇看ant Desgin of react的button按鈕的js代碼，js代碼部分是typescript+react寫的。 button組件裏面引用了哪些組件： import * as React from 'react'; imp

2020-05-30 18:29:11 3

原创 Ant Design Vue項目解析-前言

源碼系列文章很長時間沒有更新，一是在考慮文章用什麼方式寫質量會更高，用什麼方式總結更易於擴展和總結知識點，加上工作、看書、健身佔用的時間比較多所以也沒時間去整理。最近在網上看到一篇文章感覺這種方式不錯，剛好ant Desgin of vue

2019-05-23 14:05:42

原创 《JavaScript設計模式與開發實踐》筆記第八章 發佈-訂閱模式

第八章 發佈-訂閱模式 發佈—訂閱模式描述 發佈—訂閱模式又叫觀察者模式，它定義對象間的一種一對多的依賴關係，當一個對象的狀態發生改變時，所有依賴於它的對象都將得到通知。 發佈—訂閱模式可以廣泛應用於異步編程中，這是一種替代傳遞迴調函數的

2019-04-02 14:06:29

原创 前後端分離實際容易產生的問題

前後端分離現在火了很多年，在實際中新技術的使用一般是先在一些大廠中採用，比如在招聘網上大廠的前端招聘node要求比較高，而在中小型廠中對node的要求只是會用webpack打包工具以及npm包管理就可以了。最近幾年傳統公司、中小型公司開始構

2019-03-29 14:10:39

原创 《JavaScript設計模式與開發實踐》筆記第一章

第一章 面向對象的JavaScript 動態類型語言和鴨子類型 編程語言按照數據類型大體可以分爲兩類：靜態類型語言、動態類型語言。 靜態類型語言：在編譯時便已確定變量的類型。 優點： 在編譯時就能發現類型不匹配的錯誤。 在程序中明確

2019-03-19 14:08:32

原创 遲到 的2018年終總結

2018年已經過去，又到了一年一度總結過去，計劃將來的日子。而今年和以往唯一不同的是，以前只是“悵然若失”的假裝自己到了“而立之年”，而2019年，真的要步入“而立之年”了，若說自己沒有那麼一絲的感傷和恐懼，那是自欺欺人，但既然“木已成舟”

2019-01-23 13:29:20

原创 《css世界》筆記之流、元素與基本尺寸

1、 塊級元素 基本特性：就是一個水平流上只能單獨顯示一個元素，多個塊級元素則換行顯示。 塊級元素和“display 爲block 的元素”不是一個概念，display:list-item、display:table均是塊級元素。 用di

2018-12-13 14:05:16

原创 button JS篇ant Design of react之二

最近更新有點慢，更新慢的原因最近在看 《css世界》這本書，感覺很不錯 《JavaScript高級程序設計》 這本書已經看了很多遍了，主要是複習前端的基礎知識，基礎知識經常會過一段時間記憶就會慢慢模糊，特別是現在用vue、react

2018-11-12 23:20:56

原创 111

<template> <div> <Button class="antv-btn" type="primary">Primary</Button> <Button class="antv-btn" t

2018-10-10 22:53:57 3