m0_60746035的博客

原创 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...