- 博客(20)
- 收藏
- 关注
RSS订阅原创 JS常用工具函数
日期格式化formatAllDate (param1, DateType, param2) { // 当formatDateType=1时候，将数据库得到的时间字符串改为date类型 Mon Feb 26 2018 00:00:00 GMT+0800 (中国标准时间) (20180215125959|formatAllDate(1)) if (!param1) { return ''; } if (param1 =.
2022-02-15 18:12:49
555
原创 keep-alive动态缓存配置
vue项目中，列表进入详情返回列表需要缓存；但是点击菜单又不需要缓存，所以需要结合keep-alive设置页面动态缓存keep-alive设置includes缓存数组<template> <router-view v-slot="{ Component }"> <keep-alive :include="cachedPages"> <component :is="Component" /> </keep-alive
2021-12-10 15:30:22
831
原创 uniCloud和uniapp微信小程序登录记录
一、小程序登录介绍首次登录调用uni.login接口获取用户的登录凭证code（只能使用一次，有效期5分钟） uni.login({ success (res) { resolve(res.code) }, fail (err) { reject(err) } })code获取之后，连同我们的appid和appsecret一同通过auth.code2Session接口向微信服务器发送请求获取openId
2021-07-27 18:00:42
1400
原创 promsie和reduce实现选择文件陆续上传
例如reduce陆续执行性质，结合promise实现文件的陆续上传创建上传文件函数// 顺序执行的函数 const singleUploadFile=(file)=>{ return function(){ return new Promise((resolve,reject)=>{ return setTimeout(()=>{ console.log(file,'setimeout') reso
2021-07-22 18:46:02
88
原创 onLaunch异步请求处理
1. 首先在需要获取onLaunch请求的页面添加一个接收数据的回调函数if(data){//进入页面时，onLaunch中的异步请求已经请求成功}else{//异步请求未请求成功，在回调函数中获取请求数据 getApp().userInfoReadyCallback=res=>{ console.log(res,'userInfoReadyCallback') }}2. 在onLaunch中，如果有回调函数， 请求数据传给回调函数getUserInfo({ user_id:
2021-07-21 09:38:56
392
原创 $listeners在vue3中使用
vue2中使用$attrs从父组件传递数据给子组件嵌套组件，父组件通过通过$listeners监听子组件的事件vue3把把$attrs和$listeners统一合并到$attrs中代码示例：File组件，最内层嵌套组件<template> <div class="file-wrapper" @click.stop="clickFile" :class="checked?'check-item':''" @mouseover="showC.
2021-06-29 09:30:54
11847
原创 Git常用操作
1 推送代码到远程并创建一个同名分支命令：git push origin white_theme_branch（本地分支名）:branch_name （远程分支名）origin:远程仓库名white_theme_branch：本地分支名white_theme_branch：远程仓库名2 拉去仓库分支代码到本地命令：git checkout -b dev（本地分支名） origin/dev（远程分支名）1 第一个个dev为本地分支名2 第二个origin/dev:远程仓库名3 在远程创建一个
2021-04-23 11:19:31
126
原创 a标签下载文件
js创建a标签实现文件下载export function downLoad(url){ let aLink =document.createElement('a') aLink.href = URL.createObjectURL(url) aLink.download = 'fileName' aLink.style.display = 'none' aLink.target = '_top' // aLink.setAttribute('download', fil
2021-04-23 09:22:22
277
原创 vue3自定义组件双向数据绑定
1. 父组件绑定变化vue2中父组件通过v-model绑定，子组件默认接收一个value属性vue3中需要通过v-model指定一个需要绑定的属性名称 // 通过：后面指定子组件接收的props名称 <modal v-model:visible="modalVisible"></modal>2.子组件通过props接收，然后通过watch监听，定义一个中间变量teleport可以指定组件要挂载的元素节点，在代码中不会直接插入父组件代码中emits：vue3新增属
2021-04-14 21:47:25
1351
原创 uniapp中使用webview打开H5页面
1 打开方式：uniapp中有两种方式可以打开H5页面，一种通过web-view标签打开页面，另一种通过plus.webview.create()方式打开
2021-01-14 18:41:22
14459
4
原创 node-sass安装报错的解决方法
一、 node-sass安装失败的解决方案npm install 时偶尔遇到报错：没有安装python或node-sass 安装失败的问题，百度之后发现是被墙了，但根据百度的方法换了淘宝镜像和用了vpn都安装失败，最后发现原来是因为没有卸载之前安装失败的包导致的。作者本人最后的解决方案是npm uninstall node-sass，然后使用VPN重新安装了一遍就成功了。不能翻墙的同学请看下文相关错误提示提示没有安装python、build失败等，如gyp ERR! configure errorg
2020-12-11 11:05:01
836
原创 vue组件间通信（全部）
1 父子组件：props和$emit父传子：props//parent组件内，msg传递给子组件<HelloWorld msg="Welcome to Your Vue.js App" />//子组件通过props接收msg<template> <div class="hello"> <h1>{{ msg }}</h1> </div></template><script>exp
2020-06-03 23:32:18
100
原创 记录npm发包过程
1 npm login时报错：409正确输入npm的账号信息的时候，npm login报错： 409 Conflict - PUT https://registry.npm.taobao.org/-/user/org.couchdb.user:zphtown - [conflict] User xxx already exists原因：因为之前设置的是淘宝镜像，所以需要把代理registry 改为npm的地址。运行：npm config set registry https://registry
2020-05-25 10:00:13
354
原创 Hbuilder打包碰到的问题
1 打包过程1 vscode项目打包1 在hbuilder创建一个项目：选择5+App2 删除项目中的其他文件，删除其他的文件，保留manifest.json文件，其他的替换成vscode打包之后的文件替换前替换后：2 修改manifest.json文件配置1 基础配置：2 SDK配置，例如使用百度地图或者高德地图添加app_key：例如：申请百度地图appkey流程：创建应用这个页面，需要我们填一些东西：应用名称：这里瞎填，你喜欢就好；应用类型：这里选择对应平台的SD
2020-05-19 15:49:48
1852
转载 H5获取当前天气
当前获取经纬度的方法只能在H5+app中使用，web移动端页面无法使用，需要使用其他办法。1 在项目中引入H5 plus方法首先下载h5plus依赖 npm i vue-html5plus -S2）在main.js中添加代码var onPlusReady = function (callback, context = this) { if (window.plus) {...
2020-05-07 20:32:13
1316
转载 小程序
1 hidden属性的问题如果元素设置display：flex；使用hidden是不起效呢，因为hidden是控制的display：none来隐藏和显示元素的
2019-07-09 11:33:57
103
转载 alias和redirect的区别
1 redirect：重定向 { path:'/home', name:'home', component:()=>import('@/components/a.vue'), redirect:'/index' //重定向 }当访问/home时，跳转后显示的url：/index显示的是重定向后的地址即inde...
2019-07-02 11:21:45
1510
原创 调起APP功能的实现
用户手机里面有APP的时候直接调起app，如果没有安装app就跳转到app的下载页面下载APP。实现步骤：1 首先判断手机是安卓还是ios手机2 调起APP的实现原理是iframe标签的src设置为APP的shemaUrl地址调起APP，有的手机支持直接window.location.href=shemaUrl来调起app...
2019-06-10 11:27:32
1415
原创 解决H5页面在微信中跳转时URL不变的问题
最近做了一个功能，H5页面需要在微信中打开，到最后一个页面时，需要重新再浏览器中打开，然后调起APP，使用vue-router的hash模式，根据网上的办法，一直实现不了，现在目前有两个办法1. hash模式改成history模式：history发布的时候会比hash模式外面多添加一个文件夹；finance首先把vue-router里面的路由配置的mode改成history模式，然后前端需...
2019-05-14 11:18:10
4130
转载 async和promise函数总结
async函数async表示函数里有异步操作，await表示紧跟在后面的表达式需要等待结果可以把异步操作包装成promise函数，await就是then命令的语法糖，可以把异步变成同步，async函数里面使用return会返回一个promise函数，在外面使用.then 方法获取回调函数async函数里面如果异常，不想要在.then里面获取，需要使用throw new Error(‘er...
2019-03-18 11:35:22
472
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人