- 博客(47)
- 收藏
- 关注
RSS订阅原创 token的实现思路
后端提供仨接口：1.通过code获取access_token和refresh_token（每次调佣都生成新的access_token和refresh_token，并将老的数据变为过期）2.通过access_token 获取用户信息3.通过refresh_token 刷新token，返回新access_token（每次调用都生成新的access_token，并将老的数据变为过期）token一般加密规则：用户id+当前时间戳+秘钥，用md5生成32位token。
2023-04-26 17:58:13
1050
1
原创 webpack常用plugin（优化持续更新）
看以上代码我们可以看出来,这个插件,算得上是简单好用,我们在做的事只是把style-loader换成MiniCssExtractPlugin.loader,我们用插件中的loader就可以取代style-loader的作用且打包的时候打包到css文件中,配置到minimizer中,说明我们这个也是可以用来做优化使用的,一般情况下我们会用const devMode = process.env.NODE_ENV!注意看这个Dll到底了什么,实际上不是很复杂,只不过是在我们常用的逻辑之外。
2023-03-07 00:20:39
416
原创 前端错误/性能监控（vue）
1、window.addEventListener(‘error’,error=>{}) 静态资源加载错误 或者 JS错误(不会捕获promise)在utils/monitor新建两个js文件，分别是errorLog,js全局错误监听，performanceLog.js全局性能监听。性能监听：可以及时发现问题，比如下载的js文件、image时间过长，白屏、渲染时间长等等问题。监听在页面刷新或关闭前，将错误发送到服务器(我这里加了个，当50条错误的时候先上传)这里是在自己封装的请求拦截器里面，监听请求错误。
2023-02-15 14:02:32
2114
原创 微前端：技术选型
iframe、single-spa 在功能完善度上有余，所以放弃抉择；emp 比拟适宜在我的项目初期选型应用，用约定来躲避款式隔离和js隔离（所以 emp 没有把利用隔离思考进去），比拟适宜在大型项目中应用；microapp 和qiankun，性能残缺度上比拟好，只管 microapp 比 qiankun 多了元素隔离性能、插件零碎，且应用了类web component的思路升高子利用的接入老本。
2023-01-29 14:12:02
749
原创 微信开放平台创建android应用时怎么获取应用签名
简单记录开发者中心https://dev.dcloud.net.cn/app/index开放平台上填的应用签名，就是开发者中心MD5去掉分号问题1 ：当提示“签名不对,请检查签名是否与开放平台上填写的一致”1.先检查签名是否填写正确2.在手机上下载官方提供的签名生成工具，查看是否与公众平台上一致（修改之后如果还是同样的错误，那就删除APP重新下载一次）签名生成工具...
2021-09-13 17:40:32
1103
原创 百度地图相关api
1. 设置地图配置enableDragging() none 启用地图拖拽，默认启用。disableDragging() none 禁用地图拖拽。enableScrollWheelZoom() none 启用滚轮放大缩小，默认禁用。disableScrollWheelZoom() none 禁用滚轮放大缩小。enableDoubleClickZoom() none 启用双击放大，默认启用。disableDoubleClickZoom() non
2021-08-02 18:34:54
559
原创 7 个超实用的 MySQL 语句写法，让同事们眼前一亮！
在写SQL时，经常灵活运用一些SQL语句编写的技巧，可以大大简化程序逻辑。减少程序与数据库的交互次数，有利于数据库高可用性，同时也能显得你的SQL很牛B，让同事们眼前一亮。1.插入或替换如果我们想插入一条新记录（INSERT），但如果记录已经存在，就先删除原记录，再插入新记录。情景示例：这张表存的每个客户最近一次交易订单信息，要求保证单个用户数据不重复录入，且执行效率最高，与数据库交互最少，支撑数据库的高可用。此时，可以使用"REPLACE INTO"语句，这样就不必先查询，再决定是否先删除再插入。
2021-07-05 19:11:50
214
1
原创 html转word 页头页脚代码示例
<html xmlns:v="urn:schemas-microsoft-com:vml"xmlns:o="urn:schemas-microsoft-com:office:office"xmlns:w="urn:schemas-microsoft-com:office:word"xmlns:m="http://schemas.microsoft.com/office/2004/12/omml"xmlns="http://www.w3.org/TR/REC-html40"><he
2021-04-21 17:19:30
1673
4
原创 SQL一次更新多条数据
UPDATE 表名称 SET 列名称 = 新值 WHERE 列名称 = 某值例：想将serviceId=36的number变为20serviceId=37的number变为30serviceId=38的number变为40该怎么做？切记不要循环sql语句，拼一条sql语句就解决。有两种方法：方法一：（当表里没有主键或者唯一索引的情况）数据循环遍历按照下方格式when…then…（WHEN 36 THEN 10）拼成字符串，然后拼成一条sql修改单字段UPDATE cd.
2021-04-02 17:20:14
12555
1
原创 微信小程序-环形图（带动画）
效果图思路使用一个canvas绘制（带动画）；通过画弧线，设置线宽，来实现圆环效果；计算每段圆弧的起始角度和终止角度，用递归做动画；绘制完第一段圆弧块–>再绘制下一块，下一块的起始角度是上一块结束的角度+间隙（中间的白色分割线）；当最后一段圆弧块绘制完成时，绘制延伸线+文字；如下图，通过三角函数确定延伸点A点位置，判断延伸点位于中心点的左或右，绘制延伸线；确定A点坐标：已知A点到圆心的长度edge = 半径r + 伸出去点的长度；let edgeX = Math.cos(st
2021-03-17 15:12:15
1973
7
原创 微信小程序-canvas 2d带动画的半圆形刻度进度条
效果图实现思路代码过多，但不复杂采用Canvas 2D，文档请搜索h5 canvas 开发文档；定义4个canvas，通过相对定位重叠在一起： <!-- 绘制背景半圆刻度 --> <canvas type="2d" id="bgLine" style="position:absolute;"></canvas> <!-- 绘制百分比刻度（带动画） --> <canvas type="2d" id="line" st
2021-03-16 18:03:17
1663
3
原创 微信小程序人脸识别认证-微信开放接口
摘要目前并未全面开放，特定的主体类目+邮件形式申请开放。具体参考下方官方发布的查看。官方链接：微信人脸核身接口能力符合开通条件即可支持开通，目前使用不收费，后续是否收费的问题请关注开通规范，如有收费信息将会在官方渠道通知。申请具体申请流程参照上方连接查看开通小程序后台的接口权限入口后，开发者可以通过公众平台mp.weixin.qq.com登录小程序账号，在“开发-接口设置”中，添加可用类目开通接口。即可按照下述方式，开发调试试用接口。实现一、获取本机支持的 SOTER 生物认证方式
2021-03-15 16:25:17
18748
6
原创 微信小程序第三方开发平台注册、授权、上传、审核、发布流程（3）- 上传
上传（3）一、小程序模板开发第三方平台帮助旗下已授权的小程序进行代码管理时，需先开发完成小程序模版，再将小程序模版部署到旗下小程序帐号中，具体流程如下：第一步：绑定开发小程序1）第三方平台的开发人员需先到微信公众平台（mp.weixin.qq.com）申请一个普通的小程序并完善小程序的头像、昵称、简介、服务类目等信息。（2）进入微信开放平台，在第三方平台详情中，将该小程序添加为开发小程序。注意：绑定为开发小程序后，该小程序的在开发工具中上传，代码会直接上传到开放平台，不会上传到公众平台。第二步
2021-02-26 17:40:58
6960
原创 微信小程序第三方开发平台注册、授权、上传、审核、发布流程（2）- 授权
授权（2）https://developers.weixin.qq.com/doc/oplatform/Third-party_Platforms/Authorization_Process_Technical_Description.html开发步骤：一、第三方平台方获取预授权码（pre_auth_code）① 获取component_access_token：请求地址：POST https://api.weixin.qq.com/cgi-bin/component/api_compone
2021-02-26 16:15:05
5433
3
原创 微信小程序第三方开发平台注册、授权、上传、审核、发布流程（1）- 注册
开发一个小程序管理平台，其他小程序管理员只需一次授权给第三方，第三方平台即可帮助他发布小程序，不同管理员的配置参数不同，其他功能都基本相同开发步骤：一、注册开放平台：到微信开放平台注册账号 ：https://open.weixin.qq.com/cgi-bin/readtemplate?t=regist/regist_tmpl&lang=zh_CN二、申请第三方平台开发申请第三方平台必须拥有一定的开发者资质，必须先通过开发者资质认证，才可以开始第三方平台开发，在开发平台账号管理中可进行资质
2021-02-26 14:39:54
4500
1
原创 Vue实现企业微信扫码登录
企业微信扫码登录原理构建企业微信登录二维码获取访问令牌access_token请求方式：GET（HTTPS）请求URL：https://qyapi.weixin.qq.com/cgi-bin/gettoken?corpid=ID&corpsecret=SECRETcorpid、corpsecret换为自己的corpid、应用secret获取访问用户身份（企业微信号）请求方式：GET（HTTPS）请求地址：https://qyapi.weixin.qq.com/cgi-b
2020-08-14 17:53:15
5420
9
原创 sql 动态修改where查询 case when用法
case when的使用方法Case具有两种格式。简单Case函数和Case搜索函数。第一种 格式 : 简单Case函数 :case 列名 when 条件值1 then 选项1 when 条件值2 then 选项2....... else 默认值 end第二种 格式 :Case搜索函数case when 列名= 条件值1 then 选项1 when 列名=条件值2 then 选项2....... else 默认值 endcase
2020-08-14 16:56:04
3889
原创 Vue两个很好用的UI库ElementUI ViewUI
Element UI开发文档npm 安装npm i element-ui -S引入 Element完整引入在 main.js 中写入以下内容：import Vue from 'vue'import ElementUI from 'element-ui'import 'element-ui/lib/theme-chalk/index.css'import App from './App.vue'Vue.use(ElementUI)new Vue({ el: '#app',
2020-08-14 15:29:08
2561
原创 sql 修改自增主键起始值
修改nonogram_userList表，主键自增从10000开始alter table nonogram_userListAUTO_INCREMENT=10000;
2020-04-13 15:50:25
1325
原创 js高阶函数 reduce/filter
通常我们仅使用第一个参数，表示Array的某个元素。例：把一个字符串13579先变成Array——[1, 3, 5, 7, 9]，再利用reduce()就可以写出一个把字符串转换为Number的函数。例：输入：[‘adam’, ‘LISA’, ‘barT’]，输出：[‘Adam’, ‘Lisa’, ‘Bart’]。例：移除数组 arr 中的所有值与 item 相等的元素。例：计算给定数组 arr=[ 1, 2, 3, 4 ] 中所有元素的总和。初始值, 或者计算结束后的返回值。当前元素所属的数组对象。
2019-11-21 18:14:25
147
原创 小程序canvas彩虹图+动画
效果图wxml<canvas canvas-id="arc" style="width:574rpx;height:287rpx;margin:auto;"></canvas>jsPage({ data: { }, onReady(){ this.drawArc({ arcW: 574,//宽rpx arcH: 287...
2019-09-06 11:45:02
1723
原创 ：) 如何发送一条空白的动态？让你成为朋友圈焦点
效果图所谓空白的朋友圈，就是一条看起来没有任何内容的动态，几年前曾因为微信出bug流行过一次。但现在如果不输入任何内容，【发送】按钮是无法点击的，因此我们就要从特殊字符入手了。不可见字符是有文字内容的，只是人的肉眼看不见，所以相当于空白。不可见字符不可见字符就是零宽空格，不可见字符是有文字内容的，只是人的肉眼看不见，所以相当于空白字符。零宽空格（zero-width space,...
2019-08-08 17:04:50
624
4
原创 canvas绘制三次贝赛尔曲线及应用-曲线图
微信小程序开发交流微信群 ↓ 扫码入群，备注微信小程序承接微信小程序开发。扫码加微信。效果图之后会更新成组件利用三次贝赛尔曲线，将折线图变曲线图前提-搭框架let curve = { mW: 360, //canvas宽 mH: 250, //canvas高 mCenter: 180, //中心点 hCenter: 125, //中心点 curveText...
2019-08-02 17:12:31
1041
原创 小程序卡片式轮播
微信小程序开发交流微信群 ↓ 扫码入群，备注微信小程序承接微信小程序开发。扫码加微信。效果图index.wxml<swiper previous-margin="80rpx" next-margin="80rpx" bindchange="bindchange" current="{{swiperIndex}}"> <swiper-item> ...
2019-07-29 12:37:28
2284
原创 js倒计时效果，传入时间2019-07-30 10:20:00输出xx天xx小时xx分钟xx秒
微信小程序开发交流微信群 ↓ 扫码入群，备注微信小程序承接微信小程序开发。扫码加微信。倒计时，主要应用于活动倒计时当前时间：2019-07-29 10:56:00//时间传活动截止时间const app = getApp();Page({ data:{ currentTime:'' }, onLoad(){ app.countdown(this,'2019-07-30...
2019-07-29 11:04:36
467
原创 js时间格式化几分钟前、几小时前
微信小程序开发交流微信群 ↓ 扫码入群，备注微信小程序承接微信小程序开发。扫码加微信。时间格式化一分钟前、几天前当前时间：2019-07-29 10:21:00//打印console.log(app.getDateDiff('2019-07-29 10:20:00'))//输出 1分钟前console.log(app.getDateDiff('2019-07-28 12:2...
2019-07-29 10:29:43
2170
原创 小程序Promise封装wx.request
Promise解决异步+回调地狱utils/request.jsconst API_URL = 'https://www.xxx.cn'; //服务器api地址function wxPromisify(fn) { return function (obj = {}) { return new Promise((resolve, reject) => { obj...
2019-07-26 13:38:17
390
原创 微信小程序-底部弹框组件带动画
效果图组件bottomFrame.wxml<view wx:if='{{flag}}'> <view class='wrap {{wrapAnimate}}' style='background:rgba(0,0,0,{{bgOpacity}});'></view> <view catchtap='hideFrame' class='fra...
2019-04-25 16:10:08
5195
13
原创 微信小程序-canvas雷达图
效果图//wxml<view class='radar-container'> <canvas class='radarCanvas' canvas-id='radarCanvas' style='width:360px'></canvas></view>//wcss.radar-container { width: 100%;...
2019-04-25 15:36:26
1564
1
转载 使用git命令将本地项目上传到Gitlab上
鼠标右键打开git bash here:&amp;amp;amp;amp;lt;1&amp;amp;amp;amp;gt;输入git config --global user.name “你的用户名”&amp;amp;amp;amp;lt;2&amp;amp;amp;amp;gt;输入git config --global user.email “你的邮箱”&amp;amp;amp;amp;lt;3&amp
2019-03-01 09:51:49
3836
原创 小程序---微信支付（简单明了，绕坑）
生成随机字符串函数 len传入位数randomString: function (len) { /*32位随机数*/ len = len || 32; var $chars = 'ABCDEFGHJKMNPQRSTWXYZabcdefhijkmnprstwxyz2345678'; /*默认去掉了容易混淆的字符oOLl,9gq,Vv,Uu,I1*/ var max...
2018-12-24 16:50:21
346
原创 ES6 const ＞ let ＞ var 使用场景及差异
建议使用的优先级：const > let > varES6 提出了两个新的声明变量的命令：let和const。其中，let完全可以取代var，因为两者语义相同，而且let没有副作用。
2018-12-20 18:21:45
879
1
转载 如何写出一手好的小程序代码，从架构说起（转）
转自https://cloud.tencent.com/developer/article/135853801简述小程序的通信体系为了大家能更好的开发出一些高质量、高性能的小程序，这里带大家理解一下小程序在不同端上架构体系的区分，更好的让大家理解小程序一些特有的代码写作方式。整个小程序开发生态主要可以分为两部分：· 桌面 nwjs 的微信开发者工具（PC 端）· 移动 APP 的正式运...
2018-12-04 11:05:01
579
原创 python实现查看微信消息撤回
娱乐1.安装itchat（下载地址明天搞上来，前提是要先下载python）itchat是一个开源的python微信库，支持发送消息、图片、视频、地图、名片、文件等，还可以实现自动回复等多种功能。代码实现建一个wx.py文件，以下代码导入# -*-encoding:utf-8-*-import osimport reimport shutilimport timeimport ...
2018-10-24 18:10:11
2165
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人