- 博客(69)
- 收藏
- 关注
RSS订阅
转载 哔哩哔哩webpack讲解（从入门到精通）
尚硅谷2020最新版Webpack5实战教程(从入门到精通)https://www.bilibili.com/video/BV1e7411j7T5?p=1
2020-06-02 11:17:58
742
1
原创 小程序webview嵌套h5，h5调用小程序加载
小程序页面 pages/upload/upload。安装 微信wxjssdk。webview 页面。
2024-03-26 14:50:49
242
原创 面试题 2023/11/15
开包：开包也可以叫函数柯里化，是将接收多个参数的函数转换成一系列使用单个参数的函数addFive(2);// 7闭包函数嵌套函数函数内部可以引用外部的参数和变量参数和变量不会被垃圾回收机制回收,会永远留驻在内存中闭包优点：长时间储存变量在内存中，减少全局变量的污染，加强封装性闭包缺点：占用更多的内存导致内存泄漏，或性能下降闭包不是回调，回调也不是闭包，回调是函数内执行另一个函数闭包是函数内返回另一个函数且返回了父级函数的作用域变量垃圾回收机制：简单的说，当一个函。
2023-11-15 17:00:38
211
原创 uniapp开发ios上线（在win环境下使用三方）
苹果1、win环境下无法使用苹果os编译器所以使用第三方上传工具，以下示例为 初雪云（单次收费，一元一次）初雪云（注册p12证书）：https://www.chuxueyun.com/#/pages/AppleCertificate苹果开发者官网：https://developer.apple.com/account生成苹果打包证书①创建.cer文件 地址：https://www.chuxueyun.com/#/pages/AppleCertificate。
2023-11-15 11:19:07
901
原创 微信原生webSocket请求
//发送参数 封装到app.js内function sendSocketMessage(msg) { console.log(msg) wx.sendSocketMessage({ data: msg })}点击事件，或者在进入页面时去调用，*** 当然在调用之前要先建立链接 ***sendOut(){ //建立socket链接 wx.connectSocket({ url: app.data.socket }) //监听socket链接
2021-11-17 16:56:24
1739
原创 小程序下拉刷新 以及loading颜色
.json"enablePullDownRefresh": true, //开启下拉"backgroundColor": "#F00", //下拉背景颜色"backgroundTextStyle": "dark" //加载中loading颜色 //下拉刷新 onPullDownRefresh:function(){ wx.showNavigationBarLoading() //在标题栏中显示加载 //模拟加载 //用计时器是为了让顶部loading更明显一点，
2021-11-05 09:19:13
688
原创 websocket 封装 vue
调用后台接口下载word文档看自己项目目录去创建websocket.js文件//import { Message } from 'element-ui'//import { getToken } from '@/utils/authToken' // 请求是否需要tokenlet websock = nulllet messageCallback = nulllet errorCallback = nulllet wsUrl = ''let tryTime = 0 // 接收ws后端返回
2021-09-29 17:31:10
192
原创 git pull或push 每次需要输入密码
如果你用git-bash从远程pull拉取或者push提交代码都要输入密码，那么执行下面命令即可git config --global credential.helper store但是还得输入一次
2021-08-02 16:41:56
85
原创 微信小程序 分包以及分包加载
分包以及分包加载{ //这是主包 "pages":[ "pages/index/index" ], //分包 当前是两个分包 "subPackages":[ { "root":"shoppages" // 分包路径 是否与主包同级(当前同级) "name":"shoppages" //给分包添加标识，用于预加载使用 "pages":[ //不设置预加载的时
2021-02-26 14:13:27
407
原创 使用微信内置地图查看位置
微信内置地图查看位置openMap: function (event) {//后端返回经纬度 var longitude = event.currentTarget.dataset.longitude;//经度 var latitude = event.currentTarget.dataset.latitude;//维度 //展示名称 var name = event.currentTarget.dataset.storeName; var address = ev
2021-01-06 16:31:03
445
原创 前端调用app方法 封装
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
2020-12-29 15:01:59
350
原创 深拷贝与浅拷贝
浅拷贝：指在复制的时候，没有拷贝引用的数据类型的数值，只会拷贝基本数据类型，在引用的数据类型的时候，只会复制地址，比如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
2020-12-22 17:37:20
81
原创 笔记
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
2020-12-14 17:40:02
139
原创 获取验证码时倒计时60s
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
2020-11-23 15:05:36
596
原创 vue移动端添加调试工具
//安装依赖//npm install vconsole//或者//cnpm install vconsole//或者//yarn add vconsole// 添加调试工具if (process.env.NODE_ENV === 'development') { //非正式环境 let vConsole = new Vconsole() Vue.use(vConsole)}
2020-11-17 17:15:32
282
原创 接口前缀
//`${}` 模板字符串 {}内是动态，花括号以外为字符串`${window.location.origin}/operation-api`
2020-11-17 10:44:59
719
原创 vue项目中封装axios请求以及token处理
localStorage.js//项目当中的有请求的地方基本都会用到token，所以我们需要来封装好添加获取和删除的localStorage方法，然后按需引入，单独创建一个utils的文件夹,在里面创建localStorage.js//存储function setLocalStorage (key, value) { window.localStorage.setItem(key, JSON.stringify(value))}//获取function getLocalStorage (ke
2020-11-16 15:09:51
877
原创 js 合并
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
2020-10-26 11:57:38
240
4
原创 禁止微信内h5网页下拉
document.body.addEventListener( "touchmove", function (e) { e.preventDefault(); }, { passive: false });
2020-09-21 13:45:24
874
1
原创 vue 微信支付sdk
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
2020-09-11 17:50:48
376
原创 .map()把数组字符串转为json格式
把数组字符串转为json格式数据.map((t, i) => {//i为下标//t为字符串 return { path: t, on: i }
2020-09-10 14:57:52
297
原创 canvas 圆角矩形，背景圆角矩形
//画布的圆角矩形// ** // * 绘制圆角矩形 //* @param { Object } ctx - canvas组件的绘图上下文 //* @param { Number } x - 矩形的x坐标 //* @param { Number } y - 矩形的y坐标 //* @param { Number } w - 矩形的宽度 //* @param { Number } h - 矩形的高度 //* @param { Number } r - 矩形的圆角半径 /
2020-08-24 17:22:17
1177
1
原创 判断当前是电脑还是手机打开网页
var isMobile = { Android: function() { // return navigator.userAgent.match(/Android/i) ? true : false; }, BlackBerry: function() { //黑莓 return navigator.userAgent.match(/BlackBerry/i) ? true : false; },
2020-07-22 14:20:56
682
原创 小程序封装网络错误组件
小程序封装网络请求错误组件在pages内创建一个单独的文件夹来放置各种封装的组件//因为是网络中断，所以图片需要本地存放<view> <view class=""> <image src="./image/q_wangluo@2x.png"></image> <view class="">暂无网络链接</view> <view class="">刷新一下找它回来</view> <v
2020-07-14 11:59:04
252
1
原创 vue pc分页组件
引入组件<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">
2020-07-07 17:04:48
259
1
原创 小程序 仿直播点赞动效 （不基于canvas）
仿直播点赞动效<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"
2020-06-20 11:17:05
1095
1
原创 小程序自带顶部title显示动态title
wx.setNavigationBarTitle({ title: that.data.title//页面标题为路由参数,根据自己需求来修改 })
2020-06-15 16:36:05
784
2
原创 小程序单击双击，长按
单击双击小程序没有双击功能，所以要自己来写//单击tap或双击tap multipleTap: function(e){ let diffTouch = this.touchEndTime - this.touchStartTime; let curTime = e.timeStamp; let lastTime = this.lastTapDiffTime; this.lastTapDiffTime = curTime; //两次点击间隔小于3
2020-06-15 14:07:49
258
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
2020-05-17 10:31:24
608
1
原创 小程序，刘海屏iPhoneX等样式兼容问题
//在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
2020-05-13 14:09:15
1213
1
原创 小程序 video视频滑动切换（滑动的其实是图片，然后根据下标来更改视频）
小程序video视频滑动切换效果，只创建三个，根据滑动来切换话不多说，//index.wxml<view class="container" catchtap="multipleTap" bindtouchstart="touchStart" bindtouchmove="touchMove" bindtouchend="touchEnd" bindtouchcancel="touchCancel"> <view class="video_dialog" ></view
2020-05-13 11:14:41
1666
原创 小程序视频滑动
小程序视频滑动效果<!--index.wxml--><view class="container" catchtap="changePlayStatus" bindtouchstart="touchStart" bindtouchend="touchEnd" bindtouchcancel="touchCancel"> <view class="animation-wrapper" animation="{{animation}}"> <block
2020-05-12 15:20:13
384
1
原创 小程序request的封装以及调用
## 小程序 request的封装以及调用/** * 请求头 */var header = { 'content-type': 'application/x-www-form-urlencoded', 'Authorization': "Bearer " + wx.getStorageSync("token"), 'os': 'android', 've...
2020-04-23 16:50:33
144
转载 前端面试题全面整理-带解析 涵盖CSS、JS、浏览器、Vue、React、移动web、前端性能、算法、Node
https://mp.weixin.qq.com/s?__biz=MzAwNjI5MTYyMw==&mid=2651498288&idx=2&sn=0ece7532e1a5ed5fba5cfe196f3fa6a8&chksm=80f1aef8b78627ee9a76832d1f4adfeeba8c758d63775388818c66d3182375185a53e77...
2020-04-02 11:06:30
141
原创 微信小程序授权获取用户信息、获取手机号码等
https://blog.csdn.net/lucky_zeng/article/details/80066479 微信小程序如何按钮授权获取用户信息https://blog.csdn.net/dabao87/article/details/81367276 微信登录授权https://www.cnblogs.com/xyyt/p/9513467.html 请求用户授权获取手机号码ht...
2020-04-01 10:58:39
2270
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人