原创 webpack 使用 eslint管理代碼規範

1.安裝 npm i eslint ellint-loader -D 2. 在webpack.config.js文件中配置 3.在packjson.js文件中的scripts中新增一個配置項 4.運行 npm run eslint_t

原创 外鏈跳轉釘釘小程序注意事項

帶有參數的外鏈路徑設計  dingtalk://dingtalkclient/action/open_micro_app?miniAppId=2021001164608&version=1425441&source=DEBUG&age

原创 dialog配合表單採坑-無法獲取表單的ref

開發背景 點擊新增用戶按鈕,彈出由el-form表單組成的dialog,表單存在判空規則,  提交時表單項不合格, 會提示相應的規則錯誤,如圖一所示,關閉按鈕再點擊按鈕,發現錯誤提示不會消失。                    

原创 webpack項目 初始化插件

npm i webpack webpack-ci webpack-dev-server css-loader style-loader postcss-loader autoprefixer less-loader less url-lo

原创 ECMAJavaScript 之 日期加減

左右箭頭UI 給箭頭同時註冊一個handleDate,月份減傳小於1的數,月份加傳大於1的數 // 上個月下個月 handleDate(val) { // date是一個new Date() let _

原创 uini-app運行釘釘小程序及發佈釘釘小程序

①首先用HBuilder X創建一個uini-app項目 ②在項目模板根目錄創建一個package.json, 它的內容爲 {     "uni-app": {         "scripts": {               "m

原创 webpack 配置babel編譯

1. 安裝 npm i babel-loader @babel/core(babel資源中心庫) @babel/preset-env(babel預設) -D 2.webpack.config.js中配置 babel-loader 和 @

原创 前端vue 配合ali-oss上傳文件到阿里雲

1. 安裝ali-oss npm i ali-oss -D (安裝到生產依賴) 2.引入 const OSS = require("ali-oss"); 3.調用接口獲取阿里雲OSS的region、accessKeyId、accessKe

原创 webpack配置css-loader以及less-loader

1.安裝 npm i style-loader(將解析的css文件轉換成頁面級style) css-loader(解析css文件,解析其中import【css文件可以導入其他css文件】,scoped) less-loader(將less

原创 使用冒泡事件迴避覆蓋unni-app中picker中的回調函數e

①問題背景, 在v-for循環裏面使用picker組件, 此時我們更改v-for某一item屬性的時間屬性值, 我們需要獲取到該item的id, 如果在picker中@change事件中傳值, 就會覆蓋picker第一個參數e, 此時我們

原创 請求不合法,發佈出去請求

如果請求的格式是 htt[://192.128.xx.xx:8080/xx/xx/{params} 最後面的params如果是中文, 需要將參數進行encodeURIComponent轉碼   如下面暴露出來的%x.. 就是中文進行轉碼之

原创 路由push, name 和 path傳值方式

1.name params 2. path query  總結: ①無論使用name還是path跳轉, 路由都會有 匹配到router.js文件中相應的path和 name ②使用name跳轉, 並且攜帶參數, 這個參數不會再fu

原创 qrcodejs2生成二維碼

① 安裝引入qrcodejs2 import QRCode from "qrcodejs2"; ②使用qrcodejs2, 第一個參數爲div的id, 第二個參數爲需要轉換爲二維碼的內容   new QRCode("qrcode", {

原创 node.js 史上最詳細 (博主持續更新)

1、node.js介紹 誕生於2009年,它不是一門語言也不是一門框架,它是基於Google V8引擎的JavaScript運行時環境,同時結合Libuv拓展了JavaScript功能,使之支持IO,fs等語言纔有的特性,使得Java

原创 webpack之stylelint配置

①安裝stylelint stylelint-webpack-plugin stylelint-config-standard cnpm i stylelint stylelint-webpack-plugin stylelint-con