原创 antd Form中getFieldDecorator校驗不能輸入空字符和特殊字符

//校驗大於0小於等於99的數 checkNum = (rule, value, callback) => { let x = value -0 if(x >= 0 && x <= 99){ let a

原创 vue+vant微信公衆號裏上傳圖片

1.引入微信sdk  1.1安裝npm install weixin-js-sdk  1.2配置sdk //main.js中 //引入 import wx from 'weixin-js-sdk' import store from

原创 使用npm發佈、下載自己的npm模塊包

一、發佈npm模塊包 1. 創建用戶npm賬號 方法一:在包文件夾下,通過命令創建 運行命令 npm adduser 按之前申請的輸入對應的username、password、email(選填) 方法二:去官網註冊 注意:註冊成

原创 element-UI組件中safari兼容問題

1.safari瀏覽器input的placeholder不居中 input{ line-height:normal } 2.element-ui裏的table超出顯示…、內容超出遮擋後面列表數據等兼容safari問題 正常顯示

原创 微信小程序中對子組件進行重新渲染

如爲封裝好的子組件 在page頁面中按以下方法,可以獲取到子組件並對其進行重新渲染 //.wxml文件裏 <child-component data="{{data}}" id="myComponent" class="m

原创 去掉ios和Android上input,textarea上邊框陰影的方法

input, textarea{ box-shadow:0px 0px 0px rgba(0,0,0,0); -webkit-appearance:none; }  

原创 解決ios 輸入後鍵盤收起,頁面卡住不回落、fixed定位元素隨鍵盤彈起。andriod鍵盤彈起時,輸入框被遮蓋、fixed定位元素隨鍵盤彈起等bug

前言:最近在寫h5,發現以下幾個問題 1.iphone xs設備上,input框或textarea框輸入彈起鍵盤後,點擊確定收回鍵盤時,鍵盤消失,但是鍵盤所佔的框還在,頁面沒有回落。 2.ios和andriod設備上fixed定位

原创 去掉antd-mobile裏list組件和inputItem組件自帶的上下邊框

前言 前言:之前用antd-mobile裏的組件等組件時發現它都有自帶邊框,多層嵌套後就會發現邊框重複疊加,影響美觀,有時候我們根本不需要邊框,那怎麼刪掉這些邊框呢?本文主要介紹如何刪掉自帶邊框。 案例 如下: 去掉邊框前 去掉

原创 h5手機橫屏豎屏樣式bug

狀態 豎屏 橫屏 修改前 修改後 解決方法: function verticaHorizontalScreenChange() {//橫屏豎屏切換處理事件函數 if (window

原创 antd表格使用ellispsis:true超出顯示省略火狐兼容問題

使用antd中的ellispsis:true實現超出顯示省略…時,火狐中不兼容 其他瀏覽器 火狐 解決方案:在css中加入 //兼容火狐超出顯示... .ant-table-row-cell-ellipsis a{

原创 vue 表單檢驗裏去掉輸入框的前後空格

前言:vue裏寫表單校驗的時候,必填項輸入全是空格的時候,校驗依舊會通過,但是這不是我們所期望的,我們期望輸入全是空格的時候校驗必填項時依舊不通過,那麼我們就需要對值進行處理,去除其中的空格。很慶幸的是,vue有一個很簡單編輯的方

原创 將Response Hearders傳過來的set-cookie通過Request Headers返回給服務器端

1.獲取服務器端Response Hearders傳過來的set-cookie axios.post('xxx.url',params) .then(res => { console.log(res.headers['se

原创 判斷手機橫豎屏狀態

js //判斷手機橫豎屏狀態: window.addEventListener("onorientationchange" in window ? "orientationchange" : "resize", func

原创 對象的深拷貝和淺拷貝

深拷貝:拷貝後,修改值不會改變原來的對象 params =JSON.parse(JSON.stringify(filter)) 淺拷貝:拷貝後,修改值,原來的對象也會跟着改變 params = filter 或 params=Obj

原创 微信小程序的wxml或模板的wxml中如何執行復雜運算的方法

前言: 在微信小程序的wxml中可以在{{}}進行裏進行簡單的三目運算。但是複雜的parseInt()、str.split()、num.toFixed()等在{{}}裏是無效的。本文旨在解決這個問題 1.在wxml中執行復雜運算