原创 js設置手動刷新一次,使用的原因,頁面進來第一次會報錯或者IOS獲取不到定位,影響代碼執行

// 在js代碼中第一行設置開關 var histNum = sessionStorage.getItem("xxx") ? sessionStorage.getItem("xxx") : 0 var histUrl = session

原创 前端處理sku表格數據

function doExchange(arr, depth){ var dataArr = [ { sid:1, sname:'小米', fname:'手機'

原创 vue單頁面在ios微信瀏覽器中首次跳轉後頁面底部會被微信導航欄遮蓋住的問題解決方案

// 第一個是去掉默認微信導航欄 // 第二個是重新再次獲取高度 ,寫死高度裏面用 overflow-y: scroll去做滾動 mounted() { // 只有微信瀏覽器中IOS系統纔會出現的問題,由於導航欄的佔了高度

原创 終止forEach遍歷

1.錯誤的執行方式 newArr.forEach((v, i) => { if (v.checkType) { return false }

原创 前端使用原生幾十行代碼js手寫日曆組件

只能傳入每個月的一號,傳入其他值會出現問題,到時做個判斷即可 // 返回 類似 2016-01-02 格式的字符串 formatDate: function(year, month, dateline) {

原创 使用對象中的setter讓頁面響應

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width,

原创 video在安卓H5中層級最高的解決方案

<video class="video" :id="`video${videoId}`" :src="videoUrl" :controls="controlsType" :loop="true" :show-center-pl

原创 用vue寫單頁面在ios上出現底部導航欄遮蓋頁面樣式解決方案

pushHistory(); function pushHistory() { var state1 = { title: "title", url: "#"

原创 高德地圖簡單使用--定位,地址經緯度互相解析,移動標點

<!doctype html> <html> <head>     <meta charset="utf-8">     <meta http-equiv="X-UA-Compatible" content="IE=edge">

原创 小程序基於wx.request做二次請求封裝,主要是起到請求攔截作用

第一步建一個封裝wx.request的文件 const devUrl = "https://xxxxxx"; // 基準路徑 /** * * @param {路徑} url * @param {請求方式} method *

原创 自己封裝小程序的路由攔截

第一步  我們創建一個攔截的文件  intercept.js function identityFilter(pageObj) { if (pageObj.onShow) { let _onShow = page

原创 微信小程序批量收集formid

首先我們封裝成一個組件起來,收集用戶每一次點擊的formid 組件的wxml的部分 <!--components/formId/formId.wxml--> <form report-submit="{{true}}" catchsub

原创 js排序對象中a-z的排序,類似於微信code的加密方式

//排序的函數 arys---傳進來的對象 function objKeySort(arys) { //先用Object內置類的keys方法獲取要排序對象的屬性名,再利用Array原型上的sort方法對獲取的屬性名進行排序,new

原创 後臺的返回的換行符在瀏覽器中不能編譯處理方法

首選我們項目是一個供應商對分銷商的項目,B2C吧 在B端中供應商有使用的textarea來輸入一部分東西用於分銷商的展示 textarea中的換行就會是/n 那麼我們有部分瀏覽器不能解析編譯,所以我們要使用replace這個方法進去替換

原创 vue項目打包優化大小的配置

首選項目我們是直接用vue-cli腳手架搭建的。 我這個使用的vue-cli2.96的 第一個先去掉默認生產的已map結尾的js文件,這個js文件差不多佔了js文件夾一半的容量,所以沒必要用到。                   在co