abc_26zm的博客

【代码】uniapp小程序上传文件。

string.replace(/\\n/g,"\n")在view内不会被解析，需要在text内

let isAndroid = navigator.userAgent.indexOf('BudaiAPPAndroid') > -1;let isiOS = navigator.userAgent.indexOf('BudaiAPPiOS') > -1;let isAPPHybrid = isAndroid || isiOS;// app调h5初始化方法const appH5Init = function(data) { if (isAndroid) { co

浅拷贝：指在复制的时候，没有拷贝引用的数据类型的数值，只会拷贝基本数据类型，在引用的数据类型的时候，只会复制地址，比如B复制A，A发生改变B随之改变就叫做浅拷贝实现:直接等号相连let A = [1,2,3]let B = A深拷贝：引用数据类型也同时拷贝，并且会创建新的内存栈来存放拷贝数据，B深拷贝A，当修改A时，B不会发生变化实现：使用递归一层一层的复制；使用JSON提供的parse和stringify结合；或者使用Jquery提供的extend方法let A = [1,2,3]let

git拉取远程分支git clone www.git.com //git 地址提交gitgit status 查看当前状态git add . 或者单独提交文件 git add xxxgit commit -m “提交代码”git pull 先拉去git push 后提交响应式布局1、百分比布局2、媒体查询布局@media screen and (max-width: 960px){ /* 最大宽度960 */ body{ background-color:#FF669

data(){ return{ smsText:'获取验证码', sendverfiy : false, //防止重复点击 verifysms : false //字体颜色 }} //当点击获取验证码先去判断当时手机号是否正确 async getSMSVerify() { let userPhone = this.user_phone //手机号 var re = /(^0{0,1}1[3|4|5|6|7|8|9][0-9]{9

//安装依赖//npm install vconsole//或者//cnpm install vconsole//或者//yarn add vconsole// 添加调试工具if (process.env.NODE_ENV === 'development') { //非正式环境 let vConsole = new Vconsole() Vue.use(vConsole)}

//`${}` 模板字符串 {}内是动态，花括号以外为字符串`${window.location.origin}/operation-api`

localStorage.js//项目当中的有请求的地方基本都会用到token，所以我们需要来封装好添加获取和删除的localStorage方法，然后按需引入，单独创建一个utils的文件夹,在里面创建localStorage.js//存储function setLocalStorage (key, value) { window.localStorage.setItem(key, JSON.stringify(value))}//获取function getLocalStorage (ke

let map={},data=[] for(let i in list){ var key = list[i] if(!map[key.id]){ data.push({ id:key.id, list:key.list }) map[key.id] = key; }else{ for(let j

document.body.addEventListener( "touchmove", function (e) { e.preventDefault(); }, { passive: false });

import $ from ‘jquery’ //引入jq$.wx={ auth:function(url,appid){ let redirectURI = encodeURIComponent(url); var url = 'https://open.weixin.qq.com/connect/oauth2/authorize?appid='+appid+'&redirect_uri=' + redirectURI + '&response_typ

把数组字符串转为json格式数据.map((t, i) => {//i为下标//t为字符串 return { path: t, on: i }

//画布的圆角矩形// ** // * 绘制圆角矩形 //* @param { Object } ctx - canvas组件的绘图上下文 //* @param { Number } x - 矩形的x坐标 //* @param { Number } y - 矩形的y坐标 //* @param { Number } w - 矩形的宽度 //* @param { Number } h - 矩形的高度 //* @param { Number } r - 矩形的圆角半径 /

var isMobile = { Android: function() { // return navigator.userAgent.match(/Android/i) ? true : false; }, BlackBerry: function() { //黑莓 return navigator.userAgent.match(/BlackBerry/i) ? true : false; },

小程序封装网络请求错误组件在pages内创建一个单独的文件夹来放置各种封装的组件//因为是网络中断，所以图片需要本地存放<view> <view class=""> <image src="./image/q_wangluo@2x.png"></image> <view class="">暂无网络链接</view> <view class="">刷新一下找它回来</view> <v

引入组件<pagerNew :currentPage=“currentPage” :totalPage=“totalPage” @pageChange=“pageChange”><template> <div class="pager" v-if="total_page>1"> <div class="page-item"> <template v-for="(item,index) in pages">

https://blog.youkuaiyun.com/world_kun/article/details/99632463

仿直播点赞动效<view class="listImg"> <block wx:for="{{list}}" wx:key="index"> <image class="heart_img {{number == index?'active': ''}}" src="../../images/heart{{item}}.png"></image> </block></view><view class="click"

wx.setNavigationBarTitle({ title: that.data.title//页面标题为路由参数,根据自己需求来修改 })

单击双击小程序没有双击功能，所以要自己来写//单击tap或双击tap multipleTap: function(e){ let diffTouch = this.touchEndTime - this.touchStartTime; let curTime = e.timeStamp; let lastTime = this.lastTapDiffTime; this.lastTapDiffTime = curTime; //两次点击间隔小于3

尚硅谷2020最新版Webpack5实战教程(从入门到精通)https://www.bilibili.com/video/BV1e7411j7T5?p=1

小程序 点击复制文本到剪贴板<view>{{text}}</view><view bindtap='copyText' data-text="{{text}}">复制</view>//js// 复制 copyText: function (e) { console.log(e) wx.setClipboardData({ data: e.currentTarget.dataset.text, success: functi

//在app.js内的onShow内加上这一段代码let that = this; wx.getSystemInfo({ success: res => { that .globalData.headerBtnPosi = wx.getMenuButtonBoundingClientRect().top let modelmes = res.model; if (modelmes.search('iPhone X') != -1 || modelmes.search('iPhone

小程序video视频滑动切换效果，只创建三个，根据滑动来切换话不多说，//index.wxml<view class="container" catchtap="multipleTap" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" bindtouchcancel="touchCancel"> <view class="video_dialog" ></view

小程序视频滑动效果<!--index.wxml--><view class="container" catchtap="changePlayStatus" bindtouchstart="touchStart" bindtouchend="touchEnd" bindtouchcancel="touchCancel"> <view class="animation-wrapper" animation="{{animation}}"> <block

## 小程序 request的封装以及调用/** * 请求头 */var header = { 'content-type': 'application/x-www-form-urlencoded', 'Authorization': "Bearer " + wx.getStorageSync("token"), 'os': 'android', 've...

https://mp.weixin.qq.com/s?__biz=MzAwNjI5MTYyMw==&mid=2651498288&idx=2&sn=0ece7532e1a5ed5fba5cfe196f3fa6a8&chksm=80f1aef8b78627ee9a76832d1f4adfeeba8c758d63775388818c66d3182375185a53e77...

https://blog.youkuaiyun.com/lucky_zeng/article/details/80066479 微信小程序如何按钮授权获取用户信息https://blog.youkuaiyun.com/dabao87/article/details/81367276 微信登录授权https://www.cnblogs.com/xyyt/p/9513467.html 请求用户授权获取手机号码ht...

<mt-swipe :auto="2500"> //毫秒 <mt-swipe-item v-for="(item,index) in imgList" :key="index"> <a :href="item.data"> <img :src="item.image"> </a> </mt-swip...

小程序页面栈处理页面栈最多十层，随着页面增加路由跳转很容易在不知道的情况下就会堆栈到十层，再用navigateTo去跳转就跳不动了。这时候就需要删除当前页面栈（redirectTo）或删除所有页面栈（reLaunch）来跳转了。页面栈可以通过getCurrentPages方法获取。function navigateTo(url) {//判断当前页面栈的长度 if (getCurrentP...

使用官方给出的长按点击事件longpress事件进行实现**//事件类型为长按（手指触摸后，超过350ms立即触发该事件）<view bindlongpress='longPress' >长按事件</view>//js直接来写自己的方法就可以了longPress:function(){\ //这就不用说了}//缺点是长按触发的时间为定值（350ms），时间较短...

搭建VUE项目的准备（利用vue-cli来构建项目）1.安装node.js,检测版本node -v,还要检测包管理工具npm -v这里需要说明下，因为在官网下载安装node.js后，就已经自带npm（包管理工具）了，另需要注意的是npm的版本最好是3.x.x以上，以免对后续产生影响。2. 安装webpack，打开命令行工具输入：npm install webpack -g，安装完成之后输...

地址三级联动index.wxml<view class="infoText">{{province}} {{city}} {{county}}</view> <view class="aaaa" > <button class="animation-button" bindtap="translate">选择城市</button&g...

小程序瀑布流布局列表单纯的css3来实现瀑布流布局，但是有很多局限性，比如价格的升序降序等~还希望各位多多指教撒~/*wxml*/<view class="list"> <view class='list-half'> <view wx:for="{{listData}}" wx:key="index" wx:if="{{index%2 == 0}...