原创 引入Ant框架報錯findDOMNode is deprecated in StrictMode.
這是由於React腳手架創建的是嚴格模式，在index.js裏（有的在app.js） <React.StrictMode> <App /> </React.StrictMode>, 我們需要把外層的標籤改成 <React
2020-06-24 08:23:49
原创 解決 “數據大屏“ 展示的屏幕適配問題
現在非常流行的大數據可視化方案，不過要做數據大屏有一個很重要的問題就是屏幕適配。 一、引入flexible文件 flexible是移動端屏幕適配非常著名的的插件，能夠幫助我們修改rem的值，也就是修改html標籤下font-s
2020-06-24 08:23:49
原创 配置react支持less，babel-plugin-import按需加載antd
原文：https://blog.csdn.net/lvanboy/article/details/88200433 安裝基礎插件：react-router，axios，less-loader ,AntD（UI框架，基於reac
2020-06-24 08:23:49
原创 使用.sync實現子組件修改多個父組件的數據
子組件 <template> <div class="aaa" v-show="visible" @click="$__changeData"></div> </template> <script> export defaul
2020-06-24 08:23:49
原创 react使用ref控制DOM元素（非受控組件）
總有一些場景我們需要直接操作dom元素，react有類似vue的refs的寫法。 import React, { Component, Fragment } from "react"; class Input extends
2020-06-24 08:23:49
原创 AST抽象語法樹——喫透javascript的語言精髓
Javascript就像一臺精妙運作的機器，我們可以用它來完成一切天馬行空的構思。我們對javascript生態瞭如指掌，卻常忽視javascript本身。這臺機器，究竟是哪些零部件在支持着它運行？ 原文鏈接 ：htt
2020-06-24 08:23:49
原创 Vue鉤子動畫
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-wid
2020-06-10 19:46:37
原创 vue攔截 “ textarea ” 默認的enter（換行）事件
進行對話界面開發的時候， 經常遇到的需求就是點擊enter發送數據，所以需要更改textarea的默認事件 注意keydown <textarea name="user_input" ref="user_input
2020-06-07 17:16:59
原创 TS實現單例模式
單例模式是一種非常重要的模式，例如VueX狀態管理就是使用這種模式，這次來演示typescript如何創建這種模式。 // !單例模式 class Demo { private static instance: Demo; /
2020-05-10 10:56:48
原创 解決 “數據大屏“ 展示屏幕適配問題
現在非常流行的大數據可視化方案，不過要做數據大屏有一個很重要的問題就是屏幕適配。 一、引入flexible文件 flexible是移動端屏幕適配非常著名的的插件，能夠幫助我們修改rem的值，也就是修改html標籤下font-s
2020-05-08 00:19:56
原创 解決vue-cli項目多個環境部署配置問題
原文https://blog.csdn.net/linbenjian/article/details/85261201 使用vue-cli3打包項目，通過配置不同的指令給項目設置不一樣的配置。 npm run serve時會把
2020-04-25 08:54:11
原创 electron設置控制檯快捷鍵
控制檯快捷鍵設置成ctrl+shift+i //在ready事件裏 app.on('ready', async () => { globalShortcut.register('CommandOrControl+Shift+i
2020-04-25 08:54:11
原创 Vue中將data中綁定的對象複製給另外一個對象會同時改變的問題
使用vue 的時候如果直接把data裏面的對象直接複製給一個新的變量，其實會出現改變的問題，因爲傳遞過去的是地址，原型鏈依然沒有改變。 可以使用方法： let newData =JSON.parse(JSON.stringif
2020-04-25 08:54:11
原创 vue中處理多類型button（render方法）
文章借鑑於掘金，在這裏種草 https://juejin.im/post/5e475829f265da57444ab10f 通過v-if來進行多種類型的判斷，會使代碼十分複雜，我們需要去封裝一個button組件 <templa
2020-04-25 08:54:11
原创 限制字符串的開頭或者結尾
使用es6的startsWith和endsWith方法 let str='postedit'; if(str.startsWith('po')){ alert('開頭正確'); }else if(str.endsWith(
2020-04-25 08:54:11