Jana Jing的分享

问题：小程序上传文件后我需要后端返回的一个值，但这个值总是在最后面导致需要这个值的方法总是报错，打印测试后发现这它是异步的。

单选和多选这两个 input 看上去没差别（自身和层级都一致），vue出于提高性能，所以 vue 给复用了。根据radio切换来更改下拉框是否多选。

【代码】小程序 关闭小程序两种方式。

echarts中y轴（yAxis）的参数配置项释义

表示：可选链操作符(?. )允许读取位于连接对象链深处的属性的值，而不必明确验证链中的每 个引用是否有效。操作符的功能类似于 . 链式操作符，不同之处在于，在引用为空(null 或者 undefined) 的情况下不会引起错误，该表达式短路返回值。在javascript中如果一个值为null、undefined，直接访问下面的属性，前面没有值的时候会默认?后边的值（类似于三目运算符中的:后面赋值）双问号后面是默认值（可常量、可变量）。表示：只有左侧的值为。的时候才返回右侧的值。

使用$router.back()和$router.go(-1)作用相同，都是返回原页面，但如果原页面路由携带参数，使用以上两个方式返回的原页面路由参数消失，此时使用$router.back(-1)返回原页面路由，参数仍存在。

配置数据绘制基础图形、文字wxml元素转换成canvas元素

【代码】vue 实现数字验证码功能。

（下文引用网友dalmeeme 评论：）Guid的总数非常大，以目前速度的计算机，产生的两个Guid（产生在2个时刻或2个不同地方）基本上不会重复。假定在计算机上，平均1ns能产生一个，那么不断产生1年，共产生365*24*3600*1000*1000*1000=3.1536*10^16。假定全球有100亿台计算机参与产生，那么共产生3.1536*10^26个Guid。连续产生100年，也只有产生3.1536*10^28个Guid。所以以目前全世界计算机的性能和总数，理论上能保证不重复。

小程序 表单验证

​小程序 WxValidate.js​再次封装

小程序 将图片转成Base64格式。

小程序 多层次对象数组的赋值、动态赋值

线上小程序版本号仅支持在正式版小程序中获取，开发版和体验版中无法获取。插件账号信息（仅在插件中调用时包含这一项）

微信小程序的获取用户头像昵称组件封装

事件分为冒泡事件和非冒泡事件：冒泡事件：当一个组件上的事件被触发后，该事件会向父节点传递。非冒泡事件：当一个组件上的事件被触发后，该事件不会向父节点传递。

2.编码规则不同，第一代身份证在前6位号码后没有完整出生年份，而二代的有完整的出生年份，一代身份证将年份前二位省略。在最后一位数上，二代证加了校验码。二代证： 331303（县区代码）19870808 （出生年月）1412（尾数加校验码）一代证：331303(县区代码）870808（出生年月）141（尾数）1.编号位数不同，第一代身份证为15位号码，第二代证是18位号码。

【代码】小程序 检查微信版本更新。

是CSS中的一个属性，用于指定背景图片或颜色的裁剪方式，裁剪的区域是文本的轮廓。具体来说，就是将背景图片或颜色限制在文本的轮廓内，而不是整个元素的范围内。这个属性通常用于创建一些特殊的文本效果，比如文字渐变、文字填充等。

需求是: 有个在服务器上的html文件,希望在vue项目的页面里去预览该文件内容,并且监听查看内容完毕后(即内容滚到底部后)再进行一些操作。这是分隔线 ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~发测试站,手机测试,🍎手机ok,安卓手机问题多多,所以,开始在网上百度兼容安卓手机的方法,找到。拿到该需求,就在思考,必须得拿到iframe里的DOM结构,所以,开始敲代码,如下。该方法: 在该示例代码中，我们使用。在html文件里增加代码。

vue-esign插件签字

百度了好多没找到相同的问题,自行删除package.json文件,重新安装了多次wxml2canvas仍然不行,经历了一下午的重新构建npm、删除、重新安装、构建npm、删除、重新安装.........把微信开发者工具关闭打开了好几次,就差把电脑重新启动了。后来想是不是文件名字(即路由)的原因,这里我的文件名字是wxml2canvas,然后就改成wxml2Pic,再重新全部清缓存,重新执行项目,正常画图并保存到本地,哇啊阿啊阿啊阿啊阿啊....真的好绝啊。运行项目一直报该错误。

微信客户端 7.0 开始，UI 界面进行了大改版。小程序也进行了基础组件的样式升级。app.json 中配置。基础库 2.8.0 开始支持，低版本需做。可前往小程序示例进行体验。可表明启用新版的组件样式。本次改动涉及的组件有。

解释:先用wx:if隐藏video,300毫秒后再显示video组件,播放进度的指定时间重新赋值,然后再调用视频播放事件,即可正常从指定时间点播放视频,实测安卓和IOS皆可以正常播放。这样写的话,点击事件冲突,会导致在安卓手机上点击了播放按钮,然后视频鬼畜颤抖不能正常播放视频,后改为。这又产生新的问题,导致进入这个页面后播放视频,再返回上一个页面,再进入时视频无法从指定时间点开始播放。在onShow()调用已拿到的指定时间的值,然后调用该方法。需求:视频播放,并记录上次播放的时间。

但是如果说你的前端项目是在某个项目文件夹下或者合并到后台项目中去发布，即访问路径可能为：http://xxx:9090/projectname/index.html，那么就一定要使用'./',否则资源信息会找不到。假如说，你把index.html以及static文件夹直接放到容器的根目录，即访问路径为：http://xxxx:9090/index.html这样形式，那么直接使用‘/’即可，不用使用相对路径。: 除了 index.html 之外的静态资源要存放的路径，: 在当前目录的上一级 的 上一级 的。

微信公众号非静默授权获取头像和昵称

testA组件接收到testB组件的值：(接收值使用$on)testB组件传值给testA组件：(传值使用$emit)1.在项目中创建一个bus.js文件,暴露一个vue实例。到这里其实使用bus总线实现兄弟组件之间的传值已经完成。2.在父组件中注册两个子组件testA、testB。3.在两个子组件中分别引入bus。testA.vue子组件。testB.vue子组件。

接着你可以在代码中直接引入 Vant 组件，插件会自动将代码转化为按需引入的形式。2、安装 vant （可能安装最新的vant，vue 版本不支持）3. 引入组件 （在main.js 里面引入组件）

CSS 平行四边形样式

取消input的上下箭头

Element-UI 的Cascader 级联选择器使用的数据源

areaList可使用以下代码转好的放在项目里的静态数据。通过js转化转化成PopupPicker适用的格式。

在当前日期加减（天、周、月、年数）

wx.miniProgram.navigateTo 跳转地址不能是tabbar地址

Datetime 组件compute-days-function动态设置日期列表

微信小程序 图片src变量拼接问题

某一个时间是否在某段时间范围

Object.values()被返回可枚举属性值的对象

对象的拓展 之 Object.keys()

el-form组件的@submit.native.prevent