原创 eslint vscode保存時自動格式化失效解決方法

打開vscode的設置。setting.json文件,加入以下配置 "editor.formatOnSave": false, // 自動修復 "editor.codeActionsOnSave": {

原创 使用switchHost管理host

windows 命令行清除緩存,使配置生效 ipconfig/flushdns chrome清除 在地址欄輸入 chrome://net-internals/#dns

原创 vue-cli3 全局引入scss公共變量

css: { loaderOptions: { // 設置 scss 公用變量文件 sass: { data: `@import '~@/assets/style/public.

原创 瞭解dom-diff算法

虛擬DOM 1、新建react項目 //全局安裝腳手架工具 $ npm install create-react-app -g //創建項目 $ create-react-app dom-diff // 進入項目目錄 $ cd d

原创 vue指令:限制輸入數字,可配置最大值最小值及小數點位數

效果 代碼 onlyNumber.js 文件 export default { inserted (el, vDir, vNode) { // vDir.value 有指令的參數 let cont

原创 父元素有最大高度max-height限制,子元素的最大高度不超過父元素

有這樣一個需求,將圖片包裹在一個容器中,但這個容器的高度不能超過它父級高度的80%,而這張圖片能夠保持寬高比,且最大高度不能超過這個容器。css代碼如下: 實現思路: 在圖片外再加一層div,將原有的容器設置爲flex佈局,而圖

原创 indexedDb

參考教程:https://wangdoc.com/javascript/bom/indexeddb.html#indexeddb-%E5%AF%B9%E8%B1%A1

原创 commander使用技巧

常用api usage 自定義在幫助信息第一行中顯示的命令使用描述 效果 使用技巧 1、檢測輸入命令,如果命令未知,輸出錯誤 // 未知命令會報錯 program.on('command:*', function () {

原创 開發npm插件步驟

準備工作 1、在項目根目錄下建立.npmignore 2、修改package.json,可參考github上別的項目 發佈 1、切換鏡像到npm(如果不切換登錄的就是淘寶的cnpm):npm config set regi

原创 flutter環境搭建教程

在macOS上搭建Flutter開發環境 flutter安裝 使用鏡像 由於在國內訪問Flutter有時可能會受到限制,Flutter官方爲中國開發者搭建了臨時鏡像,大家可以將如下環境變量加入到用戶環境變量中: export

原创 Git Commitizen 提交規範化、提交信息驗證、自動生成changelog

規範提交信息 1、全局安裝Commitizen npm install -g commitizen 2、在項目根目錄下運行下面命令,使其支持angular的 Commit message 格式 commitizen init

原创 vue仿dva自動處理請求loading狀態

1、相關插件準備 vue、vue-wait、axios 2、在main.js引入vue-wait 引入步驟如下,具體vue-wait說明請查看 https://github.com/f/vue-wait/tree/master i

原创 js金融業務開發小技巧

輸入小數點後兩位金額 第一種方法 const inputMoney = (value) => { value = value || '' return value.replace(/[^\d.]/g, '')

原创 eslint 學習

配置規則 0 和 “off” 代表關閉規則 1 和 “warn” 代表警告,不會阻止代碼運行 2 和 “error” 代表錯誤 禁用檢查註釋 // eslint-disable-line // eslint-disable-

原创 react-native開發教程

搭建環境 下載android studio https://developer.android.google.cn/studio/index.html VSCode 搭建 React Native 環境 https://