原创 虛擬 Dom

1. h 函數的介紹   2. Vnode 核心屬性:  

原创 VueCli 原理與實踐

VueCli 前世今生  

原创 Parcel 中啓動 Snabbdom 項目報錯 500

Parcel 是一個小型靜態打包工具,與webpack很類似。   啓動後,報錯信息爲:以下截圖 解決辦法: 給Parcel 降級處理,  

原创 Snabbdom 分析和使用

一、Snabbdom 是一個虛擬DOM庫,重點放在簡單性,模塊化,強大的功能和性能上。   二、Snabbom 的模塊細分    

原创 模擬 Vue 響應式原理

等待更新

原创 Vue 中 diff 算法中的key有什麼作用?

一、有相同父元素的子元素必須有獨特的key,重複的 key 會造成渲染錯誤 例如: let inputData = [1,2,3] <div> <input type="checkout" v-for="inputData">{{

原创 React 如何實現骨架屏的展示-Suspense

React新增了一個功能 Suspense組件,幫助我們“等待”目標代碼加載,並且可以直接指定一個加載的界面(像是個 spinner),讓它在用戶等待的時候顯示   一、引入 Suspense import React, { Compone

原创 bizChart 中使用導入 bizcharts-plugin-slider時報錯:Cannot read property 'Util' of undefined

原因: 因爲 bizChart 使用了4.x 版本, 4.x版本於3.x版本有部分不同,所以兼容 bizcharts-plugin-slider的3.x版本會出現問題 解決方案:將bizChart降成3.x版本即可

原创 React 全屏Dom

1. 新建 screen.ts 文件 /** DOM-全屏 */ const requestFullScreen = (domName: any) => { return new Promise(resolve => { le

原创 Mac 中安裝 nvm: 切換Node 不同版本

一、查看是否可以訪問 此網站,該網站是nvm的官方網址 如可以訪問:則直接安裝 nvm, 打開nvm github官方文檔,查看最新版本安裝,   如不可以訪問,則操作以下步驟: 以下兩種方法: 1. 如果打不開,則需要代理/翻牆軟件進行幫

原创 vueRouter 原理

待更新

原创 Vue 列表渲染的話,key 有什麼作用

爲了跟蹤每個節點的身份,讓每一項最大程度的重用,從而提高性能

原创 react 使用<a> 標籤注意事項

當我嘗試使用a標籤跳轉頁面 <a href="http://baidu.com" target="_blank" ></a>   提示報錯:使用 target="_blank" 沒有加 rel="noopener noreferrer"

原创 reactjs-使用useEffect React Hook時如何解決缺少依賴項警告?

使用React 16.8.6(在以前的版本16.8.3中很好),當我嘗試調用封裝方法時,出現此錯誤 React Hook useEffect has missing dependencies: 'CloseSignalRConnectio

原创 Uncaught TypeError: timeout.close is not a function. when try to use clearInterval

It's because of your IDE! Make sure you have added automatic imports such as import { setInterval, clearTimeout } from "