m0_60746035的博客

原创 uniapp wot-design-uni wd-col-picker组件 接口自定义地址数据JS版

【代码】uniapp wot-design-uni wd-col-picker组件 接口自定义地址数据JS版。

原创 使用 Sequelize ORM

sequelize seed:generate --name user 种子文件。sequelize db:seed --seed '种子文件名' 运行种子。npm i sequelize mysql2 安装数据库。npm i -g sequelize-cli 全局安装。sequelize init 初始化项目。迁移文件 新建数据库表。初始化完成后会出现一个。

原创 express 创建项目

这里是程序的路由部分，路由简单的理解就是将不同网址，分别对应到不同的程序代码上去。咱们开发项目，最重要的就是这个目录了，后面我们开发要写的代码主要也都是在这里。但因为我们项目是专门开发接口的，所以这里的东西，大家完全不需要管它，根本用不上。它是用来启动项目的文件，无需修改，也不用管它，知道它是干嘛的就好了。命令后，安装的项目依赖包。这个文件也很重要，在开发中，我们需要做一些路由的配置、跨域配置，都会来修改它的。时，安装依赖包的版本号。这里主要记录的是项目的基本信息，和一些依赖包的情况。也会自动重新生成的。

原创 解决uniapp中uni.scanCode不兼容h5扫码的问题

【代码】解决uniapp中uni.scanCode不兼容h5扫码的问题。

原创 uniapp、vue 实现手写签名后合并到pdf文件

操作pdf文件使用的是pdf-lib依赖（此依赖库和vite有兼容性问题，解决办法采用了CDN引入使用）后续还有一部分代码本来是要用于重新渲染展示签名后的PDF的，但是需求暂定不需要，根据需求可选。插件作者已经实现了原pdf的预览渲染及签名功能，接下来说一下签名合并的功能。通过监听pdf文件的渲染预览完成可以获取到PDF的总页码等数据后续会用到。然后将已经完成签名的图片base64格式合并到pdf指定位置。实现，增加了签名合并到pdf的功能。获取新生成合并后pdf文件的数据。先获取原始PDF数据。

原创 vue web聊天记录页面，定位最后一条消息到底部

注意点：消息记录的父元素容器 如果用其他ui框架的组件，可能会不生效。这时再包一层div即可！

原创 uniapp判断当前环境，微信环境、APP 环境还是浏览器环境

【代码】uniapp判断当前环境，微信环境、APP 环境还是浏览器环境。

原创 process.env.NODE_ENV 全局变量

用于特殊情况 接口单独处理的情况，不属于请求封装的范围。例如本地环境须走代理，但有接口没统一封装，所以须区分环境类型 避免来回更改。是一个全局变量，可以通过它来获取当前的环境。来判断当前是线上环境还是本地环境。在 Vue 页面中，你可以使用。

原创 export default 、export、 import

它们使得 JavaScript 模块化开发更加方便和灵活，能够实现模块之间的代码共享和复用。用于导入其他模块的成员。

原创 js 使用jsonp获取网络地址中的数据内容 （避免了跨域问题）

原创 v-html 渲染设置图片大小

important;

原创 移动端下拉分页

u-divider text="到底了" :dashed="true">message: '数据加载完毕',// 让页码值自增+1。searchData: { //查询条件。total: 0, //总条数。

原创 自定义 select 并进行时间限制

/ 服务结开始时间。

原创 el-time-picker 组件时分秒样式错位

arrow-control属性使用箭头进行选择。一个直接的解决办法更改选择的方式。不同分辨率下可能会导致样式错位。

原创 确认密码校验规则

callback(new Error("两次输入密码不一致!message: '两次输入密码不一致',message: '请输入确认密码',

转载 //根据经纬度获取详细的地址

console.log(this.address, "当前地点")title: '获取地理位置失败，请重试',id: 0, //id 必填项。//成功获取到经纬度。//根据经纬度获取详细的地址。

原创 uniapp下拉分页

contentrefresh: '加载中',contentnomore: '没有更多'contentdown: '查看更多',

原创 DOM v-if v-else

{ id:"14", title:"联系电话", valueDom:"telphone", type:'cell' },{ id:"1", title:"车号", valueDom:"vehicleNo", type:'cell' },{ id:"13", title:"身份证号", valueDom:"cardNo", type:'cell' },{ id:"15", title:"住址", valueDom:"address", type:'cell' },

原创 Vue密码颜色变更强度校验 （强中弱）

通过对输入的密码来进行三种情况的校验（弱、中、强），校验的结果组成一个数组进行过滤，为真的组成一个新数组，新数组的长度就是密码的强度。然后密码的强度（passwordStrength字段）来展示不同的css样式。charCodeAt方法可以返回指定位置的Unicode 编码，然后通过Unicode编码来判断。重点：强中弱三种的校验方法！// 判断是否包含字母。// 判断是否包含数字。// 是否含有特殊符号。...

原创 vue密码校验强中弱

/ 弱密码：全是数字或全是字母，8-20个字符。// 强密码：由数字、26个英文字母、特殊字符线组成的字符串，8-20个字符。// 中密码：数字或26个英文字母或特殊字符两两组合，8-20个字符。

原创 vue支付倒计时

//支付倒计时 ComputetTime(data) { let st = data.replace(/\-/g, "/"), //当前服务器时间 ct = this.dataList.createTime.replace(/\-/g, "-"); //创建订单时间 let ts = new Date(st).getTime(), tc =

原创 JS 按钮加锁 函数加锁

Js 加锁

原创 html2canvas前端二次生成微信二维码添加文字

downloadCode(type) { let name, url if (type === 'nurse') { name = '护士端二维码' url = this.computeNurseCode() downloadFile(url).then(blob => { html2canvas(this.$refs.photo, { useCORS: true, allowTaint: fal...