- 博客(18)
- 收藏
- 关注
RSS订阅原创 进度条（CSS）
进度条效果（实际有动态效果）html<div class="progress-bar"> <div class="progress-bg"></div></div>css.progress-bar{ width: 100%; height: 30px; overflow: hidden; box-sizing: border-box; border-radius: 24px; background-color: rg
2021-08-27 15:29:51
6387
原创 egg搭建服务端
搭建egg项目快速生成项目（npm >=6.1.0）：$ npm init egg --type=simple$ npm i启动项目：$ npm run dev$ open http://localhost:7001连接mysql数据库安装插件 egg-mysql ：$ npm i --save egg-mysql开启插件：// config/plugin.jsmodule.exports = { mysql: { enable: true, pack
2021-07-13 16:38:00
460
原创 JS校验正则笔记总结
1、输入框控制输入最多两位小数function controlTwoDecimal(v) { v = v.toString() v = v.replace(/[^\d.]/g, "") // 清除"数字"和"."以外的字符 v = v.replace(/\.{2,}/g, ".") // 只保留第一个. 清除多余的 v = v.replace(/^0+\./g, '0.') v = v.match(/^0+[1-9]+/) ? v = v.replace(/^0+/
2021-05-08 13:49:53
256
原创 微信小程序 页面中的swiper组件有时不显示原因
问题描述A页面中使用了swiper组件，在反复跳转进入该页面时，有时会出现swiper显示不出来的情况，但元素位置还是占据着。解决办法其实是swiper-item显示不出来，可能是在swiper-item上加入了自定义样式，导致有时没能获取到swiper-item，从而显示不出，应去掉swiper-item上的样式，单独使用view包裹下入样式即可。...
2020-08-20 16:11:17
2508
原创 小程序授权登录流程
1、判断用户是否授权通过调用wx.getSetting（获取用户的当前设置，返回值中只会出现小程序已经向用户请求过的权限）API，检测用户是否授权，代码如下：wx.getSetting({ success: resSetData => { // 判断用户是否授权 if (resSetData.authSetting['scope.userInfo']) { // 已授权 ...
2019-11-18 17:19:14
1303
原创 JS统计页面访问时长
以vue单页面项目为例1、在路由的meta属性中，给需要记录访问时长的页面添加hasViewTime属性，以便全局处理页面，代码如下：{ path: '路由地址', name: '页面模块名称', component: '页面模块', meta: { hasViewTime: true/false }}2、在页面主入口文件App.vue文件中，记录访问页面的初始数据，同时初...
2019-10-21 15:02:57
5373
原创 nvm安装
1、安装网址：https://github.com/coreybutler/nvm-windows/releases，选择nvm-setup.zip，下载后直接安装2、安装时，可以自由选择nvm的安装路径，但不用改变当前node的安装路径（默认就好）3、安装结束，使用nvm -v命令，检查是否安装成功4、nvm 设置淘宝镜像，如下：设置npm_mirror:执行命令 nvm npm_mi...
2019-09-29 10:55:30
214
原创 rgba与十六进制的相互转换，以及rgba的校验
1、将rgba颜色值转换为十六进制(rgb转十六进制同理)RGBToHex(rgba){ let str = rgba.slice(5,rgba.length - 1), arry = str.split(','), opa = Number(arry[3].trim())*100, strHex = "#", r = Number(arry[0].trim()), g =...
2019-09-29 10:52:26
4542
原创 页面可见性改变事件：visibilitychange
1、PC浏览器上（以谷歌浏览器为例）刷新H5页面，会触发该事件，由于刷新导致该页面消失时，会检测到document.visibilityState === ‘hidden’切换页面（包括切换离开和切换回来），导致页面暂时不处于激活状态时，会触发该事件。切换离开时document.visibilityState === ‘hidden’，切换回该页面时，document.visibilityS...
2019-09-29 10:26:25
2199
原创 ios设备中，JS执行focus方法，无法调起键盘
ios设备中，JS执行focus方法，无法调起键盘问题背景：移动端开发，有一个input输入框（默认输入框是disabled，不能编辑的），需要点击一个“修改”按钮，使input能编辑，并聚焦弹起软键盘。所以，在点击“修改”按钮的时候，JS执行focus()方法，来达到所要的效果，但在IOS设备上出了一些问题。问题描述：android设备中，JS执行focus方法，能正常聚焦和弹出键盘；...
2019-04-19 16:13:48
3506
原创 微信公众号网页授权（以vue框架，在App.vue主入口文件中为例）
1、变量设置data () { isWechat: true, // 是否为微信环境（true：是；false：否） wx: { wxAppId: '', // 微信公众号 ID wxSecret: '', // 微信公众号 密钥 code: '', ...
2019-01-09 10:49:32
7976
4
原创 ios设备，在微信环境中，单页面程序（如：vue），页面分享问题
问题描述：单页面程序（如：使用vue框架搭建的单页面应用），在微信环境中，使用微信原生的分享功能，进行页面分享时，安卓设备正常，分享那个页面，进来就是那个页面。但是在ios设备中，无论在那个页面分享，进入时始终进入的是初次进入应用时的页面。问题环境：ios设备，vue单页面程序问题原因：vue单页面应用中，把第一次打开的页面叫做进入页，之后通过路由跳转的页面（通过pushState或re...
2019-01-09 10:43:27
1899
原创 webpack工程化小程序开发
webpack编译打包构建小程序webpack工程化小程序开发1、新建项目文件（如：wx-mini）2、创建package.json文件3、安装项目依赖包（或插件包）4、项目目录构建5、在项目个目录下，新建 .babelrc 文件，用来将es6转化为es56、执行 npm run dev 或 yarn dev (如果有安装yarn)，生成dist文件，将整个dist文件放入微信开发者工具即可7...
2019-01-03 18:14:25
9208
9
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人