zly_101的博客

原创 微信小程序Q&A 实时更新

1Q:微信小程序怎么对b端收款？A:微信小程序暂时没有办法直接对b端收款！如果非要做，那就用H5的方法，展示微信收款二维码2Q:微信小程序如何跳转第三方h5商城？A:使用web-view 并且要验证业务域名3微信公众号如何挂在小程序？可以挂别人的小程序么？A:可以的，1公众号可关联同一个主体的小程序10个，不同主体的小程序3个。2一个小程序最多可以关联500个公众号，一个月内可以新增关...

原创 游览器 多窗口共享缓存

同一域名下：localStorage.setItem

原创 vscode 按照eslint配置格式化

1.插件市场安装Eslint插件2.插件市场安装 Prettier-ESLint 插件3.右键 -> 格式化文档的方式 -> 选择配置默认格式化程序 -> 选择 Prettier-ESlint

原创 n 管理node版本

npm instlal -g n / sudo npm instlal -g n //安装n模块安装当前稳定版本n stable或者sudo n stable安装最新版本的n latest或者sudo n latest、安装指定版本的noden v8.16.0卸载指定的node版本n rm v8.16.0

原创 toast ui image editor 的使用

官方文档使用

原创 axure 3312版本 mac分享

链接: https://pan.baidu.com/s/1W6T7Ryqsp0pZ2drCZoSv-w密码: a5ej

原创 webscoket的使用

webscoket的使用及注意事项webscoke有什么特点webscoke有什么应用场景webscoket方法及事件webscoket在VUE中如何使用

原创 小程序中的 广播/监听 机制（跨页面通信）

重点：小程序中并没有广播监听机制！！！要我们手动去实现一个哦应用场景：有pageA pageB pageC 三个页面pageA打开了pageB，pageB打开了pageC,pageC页面完成了一些动作，此时想 即时 通知pageA去请求新的数据，已防止用户返回到pageA时再请求数据导致用户体验不好!但是上面也说过了，小程序内置方法里并没有这个，就需要我们手动封装一个了。先来写调度中心 event.js：（监听 on；广播 emit；销毁 remove）// /utils/event.js

原创 vue项目常用插件

nprogress (进度条) 配套引用normalize.css样式axios（数据请求）swiper -》vue-awesome-swiper（轮播）el-tree-transfer（基于elementui的穿梭框）vue-scrollto （滚动到什么位置，可传值，可锚点）sass ，less(预编译插件)babel-polyfill（将不可能变为可能）element-ui（ui框架）echarts（图形）vue-count-to，vue-number-scroll（滚动数字）m.

原创 vue 如何写出仿elementui的message消息提示

利用render（虚拟dom）定义template组件 就是正常的组件 起名为index.vue<template> <transition name="fade" v-if="isShow"> <!-- //success warn err default --> <div class="tip-box" :class="{'success':type =='success' ,'warn':type =='warn' ,'e

原创 axios如何设置请求时发送cookie

axios.defaults.withCredentials = true以下两种写法都是正确的

原创 如何判断 后端设置的set-cookie是否成功

成功案列失败案例

原创 elementUI el-date-picker type=“daterange“ 限制时间选择

el-date-picker type = daterange限制选中时间限制时间跨度

原创 webpack babel-loader预设报错

Unknown option: .useBuiltIns. Check out https://babeljs.io/docs/en/babel-core/#options for more information about options.To be a valid preset, its name and options should be wrapped in a pair of brackets

原创 vue 动态修改网站title 图标以及名称

众所周知,下图标红的地方是修改标题和图标的地方但是如何动态的修改标题和图标呢？看下图注意，这里有个大坑，在webpack.dev.conf.js里面修改的要 重新运行项目才能生效...

原创 微信小程序 图片缓存

问题产生：需求：有个页面有个banner，不想做大面积开发（不想后端做功能），就问我们前端同事，能不能根据时间来替换图片，能是肯定能的，但是客户端时间不一致会导致图片显示不一致！解决办法：然后我们就把这图片替换成了网络图片，当图片替换完（清楚完cdn）之后，会发现有些手机（部分苹果）图片一直是旧的，无法更新，在微信里面删除了小程序也不行，百度一波说，图片路径未换，有些手机会优先请求本地（客户...

原创 微信小程序 tab吸顶效果

核心思想：监听滚动条，实时监听原有导航栏的位置，如果到达临界点（临界点这个东西要看项目的具体需求），显示悬浮的tab，反之隐藏tabonPageScroll(){ if (query) { query.select('.query_nav_box').boundingClientRect(res => { // 判断 如果 状态...

原创 如何获取cookies

前端的cookies 获取vue-cookies前端 获取后端存的cookiesjs脚本是读不到该cookie的

原创 微信小程序 recycle-view 使用体会

微信小程序 recycle-view 长列表组件 使用

原创 关于微信小程序自定义组件 本次编码遇到的问题整理

1.当父组件数据更新之后 子组件跟着刷新解决办法：在父组件中 给子组件设置类名 通过 this.selectComponent 方法获取子组件实例对象xwml <child-com class='childName'></child-com>js this.selectComponent('.childName') 这样就可以获取到组件的实例对象了 调用子组...

原创 微信小程序 textarea层级太高问题

解决办法：1 用微信小程序提供的cover-view和cover-image 显示需要展示在textarea上；还有一种办法向下看》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》》是不是很期待？还有毛线的办法啊，找你们ui小姐姐换个方式展...

原创 ios 日期格式化不正确

ios 在new Date的时候传入 2017-09-91 12:12:22 无法返回正常日期格式原因是ios无法识别日期中的 ‘-’let str = '2017-09-91 12:12:22'str = str.replace(/-/g, "/") //用正则将 ‘-’ 替换成 ‘-’new Date(str) => 可以正常返回...

原创 获取 带防盗链的图片

问题：获取 图片403 ，复制图片地址到地址栏发现可以打开解决办法：或者 原理：服务端获取游览器请求头 referrer 信息，判断信息内容，非白名单网站请求不予响应。referrer信息不可以设置内容，只可以设置是否发送，发送内容为当前游览器地址自己家的图片后端处理最好，拿合作方的图片可以这样解决，但前提是合作方的服务器端 不 判断referrer不能为空...

原创 小程序与其他平台跳转 思维导图

原创 小程序ios端白屏，安卓正常，mac编辑器正常

检查正则表达式里面是否有 <= 正则匹配 ，如果有，请尝试其他写法

原创 post 方法 / ajax传参 下载excel 返回数据为blob二进制

请求前设置：config.responseType = “blob”config.headers: {“Content-Type”: “application/json”}数据返回后：//处理异常 显示后台抛错信息//‘与后台约定数据出错返回格式’if(res.type == ‘application/json’){// 创建读取文件的FileReader 对象var read...

原创 微信小程序 国际化

ok，首先 肯定是要准备一个语言包脚本— locales.js 暴露出一个对象，将你要国际化的语言分别注入export default { 'zh-cn': { language: '中文', // pages/company/index search: '搜索...', youAlsoHave: '您还有', }, // **********...

原创 vue 子组件props参数改变值

this.isShow = val 直接报错this.$emit('update:isShow',val) 可以

原创 vue 利用extend 写confirm （小程序无法使用，没办法操作dom）

组件：index.vue<template> <view v-if="isShow"> <view class="z_confirm"></view> <view class="tips_box"> <view class="title ellip_one line_bottom"> {{title...

原创 极验校验 web端使用

思路：1.引入极验校验的 gt.js2.向后台请求数据，拿到 初始化必传参数 challenge geetestId success3.初始化极验4.处理校验成功或者失败情况所需要的状况5.二次校验 不成功则重置极验校验下面代码也是思路，比较具象话的<template> <div> <!-- 追加数据的盒子 --> <...

原创 uni-app编写小程序 自定义tabBar

上图 红色的作为主页，绿色的以及蓝色的都作为组件在主页的 tabBarIndex 方法里面处理页面跳转以及页面导航

原创 canvas 角度 弧度 换算

在canvas里面 ， 2 π 代表 360度 （ π = Math.PI）那：弧度 / 角度 = 2 π / 360 => 弧度 / 角度 = π / 180 => 弧度 = 角度 * π / 180反之：角度 / 弧度 = 180 / π正弦：对面比斜边余弦：临边比斜边正切：对边比临边余切：临边比对边另外还有个正割和余割...

原创 解决el-input视图不更新的问题！！！

上图中的数据列表为：this.makeCardDData.listthis.makeCardDData.list =[{amountTit: “50元面值”, count: 0},{amountTit: “100元面值”, count: 0},{amountTit: “200元面值”, count: 0},{amountTit: “500元面值”, count: 0},{amount...

原创 vue数据更新视图不响应 --- v-lazy图片不更新？用:src绑定可以更新

官方文档上说：data 中存在的属性才是响应式并且可以响应一下方式的更改：1. =2. $set3. $watch4. 。。。。。以上都不是重点：用了，然并卵，v-lazy要绑定key才会刷新...

原创 自定义滚动条样式

::-webkit-scrollbar //滚动条整体部分::-webkit-scrollbar-button //滚动条两端的按钮::-webkit-scrollbar-track // 外层轨道::-webkit-scrollbar-track-piece //内层轨道，滚动条中间部分（除去）::-webkit-scrollbar-thumb //滚动条里面可以拖动...

原创 设置是否允许用户选中文本

user-select：none | text | all | element | => 默认text1.none ： 不能被选择2.text ： 可以选择文本3.all ： 当所有内容作为一个整体时可以被选择。如果双击或者在上下文上点击子元素，那么被选择的部分将是以该子元素向上回溯的最高祖先元素。4. 可以选择文本，但选择范围受元素边界的约束IE6-9不支持该属性，但支持使用标签...

原创 js深拷贝与浅拷贝

基础扩展js的数据类型可分为两种：基本类型 引用类型- 基本类型 ： Undefined Null Boolean Number String- 引用类型 ： Object Array Function date regexp err基本类型的数据是以键值对的形式存在栈中的 给新参数赋值时是直接复制过去了，不存在深拷贝和浅拷贝的问题引用类型的数据的值是保存在堆中的，对象的引用...

原创 仿京东省市区 基于vue+elementui

效果是这个样子的点击跳转到github

转载 web前端规范

HTML原则1.规范 。保证您的代码规范，保证结构表现行为相互分离。2.简洁。保证代码的最简化，避免多余的空格、空行，保持代码的语义化，尽量使用具有语义的元素，避免使用样式属性和行为属性。任何时候都要用尽量简单、尽量少的元素解决问题。3.实用。遵循标准，但是不能以牺牲实用性为代价。4.忠诚。选择一套规范，然后始终遵循。不管代码由多少人参与，都应该看起来像一个人写的一样语法1.小写....

原创 elementui 如何将lable值调为空

<template> <el-radio v-model="radio" label="1">&nbsp;</el-radio> <el-radio v-model="radio" label="2"></el-radio> <el-radio v-model="radio" label="3">备选项&l...