最近集團(tuán)前端越來越多，項(xiàng)目也是超級(jí)多，每個(gè)前端技術(shù)能力參差不齊，用的腳手架也是各有不同，維護(hù)起來很是不方便，于是就想建立一個(gè)集團(tuán)或者所有人都能用的腳手架工具，統(tǒng)一管理，所以就...
發(fā)簡信
IP屬地：北京
-
通過 npm link、Commander、download-git-repo、 inquire.js、child_process搭建自己的腳手架工具 -
Error: Cannot find module ‘vue-loader-v16/package.json‘ vue3.0的項(xiàng)目啟動(dòng)報(bào)錯(cuò)
前段時(shí)間接到一個(gè)朋友幫助，在啟動(dòng)vue3.0項(xiàng)目時(shí)候一直報(bào)錯(cuò)，網(wǎng)上搜了一堆沒有解決問題，究其原因在于環(huán)境的配置； 先說一下遇到的問題： 拿到項(xiàng)目直接cnpm install，...
-
Antd Vue 國際化zh_CN，vue3.0配置pagination組件按鈕分頁文本中文
Antd Design Vue 官方說明，DatePicker、MonthPicker、RangePicker、WeekPicker 等插件的部分 locale 是從 val...
-
vue3.0 + ts 使用viewerjs 圖片放大預(yù)覽插件前端時(shí)間vue3.0正式發(fā)布了，于是就嘗試把原有項(xiàng)目重構(gòu)一下，結(jié)合typescript重構(gòu)項(xiàng)目，總體上還是很容易上手的，就是在集成一些老的插件方面遇到一些問題，比如viewe...
-
React or Vue2 or Vue3 or TS 使用最新版本 swiper6、swiper7、swiper8同時(shí)支持vue2 vue3 React，支持默認(rèn)安裝的 swiper8 版本，支持 TS ，無論是不是TS項(xiàng)目都可使用，親測(cè)有效，支持異步獲取數(shù)據(jù) 由于公司重構(gòu)項(xiàng)目需要，好多...
-
配置 webpack 中 sourcemap 減小 vue react 腳手架項(xiàng)目包體積webpack 中 sourcemap 的作用與使用場景分析 我們使用 react vue 的腳手架打包代碼，打包后的包體積會(huì)很大，查看編譯后的文件，會(huì)生成.map文件，而且...
-
node koa2 swaggerUI 生成接口文檔node的swagger現(xiàn)在也用上了注釋型的文檔，和java的有點(diǎn)類似。主要步驟就兩個(gè)：swagger配置和注釋生成文檔 話不多說，直接開始 安裝 直接安裝即可 配置 新建 ...
-
PM2 簡單使用，守護(hù)node進(jìn)程簡介 PM2是node進(jìn)程管理工具，可以利用它來簡化很多node應(yīng)用管理的繁瑣任務(wù)，如性能監(jiān)控、自動(dòng)重啟、負(fù)載均衡等，而且使用非常簡單。下面就對(duì)PM2進(jìn)行入門性的介紹，基本涵...
-
node(koa2+ejs) 通過 node-xlsx xlsx-style xlsx 生成帶有格式的 excel近日收到一個(gè)任務(wù)，使用程序自動(dòng)生成考勤報(bào)表，條件是單元格格式必須與模板完全一致，行高、列寬，字體樣式等，于是就嘗試用node搞一個(gè)，遇見了一些坑，不過都趟過去了，接下來一步步...
-
centos7 常用命令總是忘記一些命令，單純的存一下 刪除文件 1、刪除文件目錄及目錄下的文件rm -rf 文件名 查看端口是否被占用： 1、根據(jù)端口號(hào)得到其占用的進(jìn)程的詳細(xì)信息netstat -...
-
node 后端 封裝接口參數(shù)驗(yàn)證方法Validate封裝node接口參數(shù)驗(yàn)證方法 網(wǎng)上找了一堆參數(shù)驗(yàn)證的方法，覺得太啰嗦，索性自己封裝了一個(gè) 邏輯不復(fù)雜就是接口接受參數(shù)，調(diào)用驗(yàn)證方法，符合規(guī)則的放行，不符合的就把錯(cuò)誤信息輸出；...
-
vue-grid-layout 在 Nuxt 中的使用本組件是對(duì)vue-grid-layout源碼插件的修改、以適配nuxt工程、如有侵權(quán)請(qǐng)聯(lián)系修改 組件地址https://www.npmjs.com/package/vue-g...
-
echarts 中國地圖大區(qū)分區(qū)(五六七任意分區(qū))最近接到一個(gè)小需求，領(lǐng)導(dǎo)讓做一個(gè)地圖分區(qū)，無論是七大區(qū)也好，六，五大區(qū)，其實(shí)邏輯都一樣，都是基于echarts合并大區(qū)里省份，將合并后的省份信息作為源數(shù)據(jù)傳入option，好...
-
js 模塊化 commonJs AMD CMD ES Module
什么是模塊化呢? 事實(shí)上模塊化開發(fā)最終的目的是將程序劃分成一個(gè)個(gè)小的結(jié)構(gòu)；這個(gè)結(jié)構(gòu)中編寫屬于自己的邏輯代碼，有自己的作用域，不會(huì)影響到其他的結(jié)構(gòu)；這個(gè)結(jié)構(gòu)可以將自己希望暴露的...
-
vue3.0 + ts 引入fastclick 與 ios下由fastclick導(dǎo)致input框點(diǎn)擊慢的問題
ios下由fastclick導(dǎo)致input框點(diǎn)擊慢的問題 同樣依然采用了vue3.0 + ts 架構(gòu) 由于iphone上click事件會(huì)有300毫秒的延時(shí)，所以我們會(huì)使用fa...
-
React - 類型Readonly<{}>上不存在屬性
類型“Readonly<{}> & Readonly<{ children?: ReactNode; }>”上不存在屬性“size” 解決：
-
前端單元測(cè)試JEST1.為什么需要單元測(cè)試 正確性：測(cè)試可以驗(yàn)證代碼的正確性，在上線前做到心里有底 自動(dòng)化：當(dāng)然手工也可以測(cè)試，通過console可以打印出內(nèi)部信息，但是這是一次性的事情，下次測(cè)...
-
高德地圖JSAPI軌跡重復(fù)繪制
介紹一個(gè)基于高德地圖JSAPI軌跡展示案例； 說明： 1、定時(shí)接口取數(shù)據(jù)刷新軌跡； 2、軌跡坐標(biāo)數(shù)量較大； 3、軌跡點(diǎn)位信息需要展示，如時(shí)間、速度、多少點(diǎn)位； 4、避免地圖重...
-
Express中間件的原理及實(shí)現(xiàn)
中間件 middleware一個(gè)請(qǐng)求發(fā)送到服務(wù)器后，它的生命周期是 先收到request（請(qǐng)求），然后服務(wù)端處理，處理完了以后發(fā)送response（響應(yīng)）回去而這個(gè)服務(wù)端處理...
-
React-Hooks-TS-Antd 級(jí)聯(lián)多選封裝
react-cascader-checker 預(yù)覽 使用 npm包地址：https://www.npmjs.com/package/react-cascader-checke...