原创 文本框輸入表情限制
因項目需要,不能輸入Emoji表情 解決1: let wxName = wxName.replace(/\uD83C[\uDF00-\uDFFF]|\uD83D[\uDC00-\uDE4F]/g, ""); 以上方法可能由於機型不一,所
原创 koa2中使用的mysql總結
直接上代碼: router.get('/', async (ctx, next) => { await ctx.render('index', { title: 'Hello Koa 2!' }) }) router.
原创 element-ui中的多層表單循環驗證處理
項目中有如下需求: 可以添加一個列表 => 添加彈框 => 裏面可以添加多個產品(產品裏面可以添加多個對接人跟政策),所以數據結構應該如下 ruleForm: { companyName: '', // 公司名稱
原创 Vue源碼解析數據響應式(二)
Vue2.0數據響應式是利用ES5的Object.defineProperty以及watchers以及observe數據劫持實現,Vue3.0是利用ES6的proxy實現 1、數據響應式在源碼中的vue\src\core\instance
原创 vue2.0源碼解析(一)
1、先下載vue源碼(當前版本爲:2.6.11) 地址: git clone https://github.com/vuejs/vue.git 2.切換到package.json dev腳本中 -c scripts/confi
原创 vue-cli4.0腳手架建項目報錯
1、報錯信息如下: npm ERR! Unexpected end of JSON input while parsing near '...sh_time":144545599958' npm ERR! A complete log
原创 js上傳文件限制文件的類型
做後臺管理需要限制上傳文件的類型;具體做法如下所示:《1》上傳.csv格式的<input text="file" accept=".csv" />《2》上傳.xls格式<input text="file" accept="applica
原创 flex佈局學習筆記
Flex 是 Flexible Box 的縮寫,意爲"彈性佈局",用來爲盒狀模型提供最大的靈活性。任何一個容器都可以指定爲 Flex 佈局。1》注意以下幾點: 塊級元素 .box{display:flex;}
原创 vue2.0的組件
組件在項目中是經常會用到的,它可以是全局註冊的組件以及局部註冊的組件,我們分別來看不同的組件 1>全局註冊的組件 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8
原创 vue2.0模板的三種寫法
vue2.0中的模板有三種寫法,根據不同的需求運用不同的方法來實現 1. <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewp
原创 前端簡潔並實用的工具類
本文主要從日期,數組,對象,axios,promise和字符判斷這幾個方面講工作中常用的一些函數進行了封裝,確實可以在項目中直接引用,提高開發效率.1.日期日期在後臺管理系統還是用的很多的,一般是作爲數據存貯和管理的一個維度,所以就會涉及
原创 vue2.0中的插件axios交互
安裝使用 npm:$ npm install axios 使用 bower:$ bower install axios 使用 cdn:<script src="https://unpkg.com/axios/dist/axios.min.
原创 vue2.0的擴展extend
Vue.extend 返回的是一個“擴展實例構造器”,也就是預設了部分選項的Vue實例構造器。經常服務於Vue.component用來生成組件,可以簡單理解爲當在模板中遇到該組件名稱作爲標籤的自定義元素時,會自動調用“擴展實例構造器”來生
原创 移動端左滑刪除在ios10以下兼容處理
項目購物車要實現左滑刪除,網上找了一個組件,用起來很方便,但是在ios10以下滑動不了 https://segmentfault.com/a/1190000011062124 下面是這個大哥的代碼: <template> <div
原创 vue-cli3.0+vant出現的問題總結
1、輪播圖在ios9以下都不能滑動 解決辦法: https://github.com/surmon-china/vue-awesome-swiper npm install vue-awesome-swiper --save