这个问题表现为当进入页面第一次点击button的时候setData是生效的，radio是可以看到被选中了，当我手动选择了其他radio，再点button就不生效了，data里面的checked值是改变了，但是页面没变，radio没被选中。经过查找，了解到这个组件存在的一些问题，是因为手动选中后并没有更新绑定数据data当中的状态值。所以需要手动更新绑定数据状态。参考使用一下代码。<radio value="{{item.value}}" checked="{{item.checked}}" disabled="{{item.disable

字体大小类名介绍实际属性说明text-xsl特大号字font-size: 120rpx;用于图标、数字等特大显示text-xs说明文本font-size: 20rpx;说明文本，标签文字等关注度低的文字text-sl较大号字font-size: 80rpx;用于图标、数字等较大显示text-xxl特殊字font-size: 44rpx;用于金额数字等信息text-xl页面大标题font-size: 36rpx;页面大标题，用于结果页等单一信息页text-lg页面小标题font-size: 32rpx;页面小标题，首要层级显示内容text-df正文font-size: 28rpx;页面默认字号，

AmazeUI框架现在官网已经没了，查阅越来越不方便。该记的还是记一些，使用起来更方便。1、Amaze UI 将所有元素的盒模型设置为 border-box。这下好了，妈妈再也不用担心没计算好 padding、border 而使布局破相了。2、Amaze UI 将浏览器的基准字号设置为 62.5%，也就是 10px，现在 1rem = 10px —— 为了计算方便。然后在body 上应用了 font-size: 1.6rem;，将页面字号设置为 16px。3、<h1> - <h6> 保持粗体

现在网络上关于小程序的表单验证其实是没有更好的解决方法的，这是由小程序特殊的前端框架模式决定的。也许小程序脚本如果开放js的dom操作的话，会变得简单很多，但这样又会与前端模式相背离，估计是不会开放的。现在最常用的验证插件应该是WxValidate，提供了类似于jQuery Validate 的验证配置模式。使用上也相差不大。WxValidate插件官网：https://github.com/wux-weapp/wx-extend/blob/master/src/pages/validate/index.js#L1WxValidate插件WxValidate插件基本的使用方法如下：//验证函数

涉及的到的知识点媒体查询CSS transform 属性CSS vh vm 单位CSS 优先级实现思路1.当屏幕为竖屏时，将内容旋转。2.但屏幕为横屏时，不做任何操作。代码如下/* 当屏幕为竖屏时应用的样式 */ @media screen and (orientation: portrait){ /*要横屏显示的内容的外层盒子*/ #box { /* 设置基准点为左上角 */ transform-origin:top left; /* 以左上角为基准点，顺时针旋转90度 然后沿Y轴反方向平移100% */ /* 为什么沿

微信授权微信授权有2种方式：静默授权和非静默授权。静默授权：scope=snsapi_base。没有弹窗，只能获取到用户的openid。非静默授权：scope=snsapi_userinfo。有弹窗，需要用户手动点击同意授权，可获取到用户的openid、昵称、头像、性别。授权流程1. 页面一加载，判断有没有code（因为授权成功之后，会刷新当前页面，此时应该在页面一加载的时候判断有没有code，如果有code，直接把code传给后台服务器）onLoad(e) { let code = this.getUrlCode('code') console.log(code)

阿里巴巴历时 3 年自研开发的 Web 渲染引擎北海（英文名：Kraken）正式开源，致力打造易扩展，跨平台，高性能的渲染引擎，并已在优酷、大麦、天猫等业务场景中使用。项目地址：https://github.com/openkraken/kraken文档地址：https://openkraken.com/guide一  背景互联网业务如火如荼地发展离不开跨平台技术，而最成熟的跨平台技术就是大家熟悉的浏览器了，它与生俱来的跨平台能力、开放的标准以及强大的生态使它成为炙手可热的容器之一。而由于其本身不是为了性能而设计的，并且历史包袱重、兼容性、厂商更新慢等问题，浏览器在移动端的表现并不突

在实际开发中经常会用到小程序跳转的链接。现在基本由两种方法来获得一个直达小程序页面的链接方法，也对应两种链接格式。支付宝小程序页面链接格式一种是http普通链接这一种可以从小程序码中识别获得。结构类似于下面的格式。https://qr.alipay.com/s6x01576abp...一种是scheme链接格式为：alipays://platformapi/startapp?appId=[appId]&page=[pagePath]&query= [params]支付宝文档地址：https://opensupport.alipay.com/support/helpcenter/

血的教训钩子函数的定义形式，第一种形式和第三种形式 是正确的，写成其它形式会导致 this 指向有误，引起一系列问题。。。// 第一种形式mounted(){ // do something} //第二种形式mounted:()=>{ // do something} //第三种种形式mounted:function(){ // do something}

1、生命周期图示参考官网页面：Vue生命周期图示2、Vue 的生命周期包括四个状态（记住这四个）1、creating 状态 ----vue 实例被创建的过程2、mounting 状态 ----挂到到真实的 DOM 节点，渲染出html页面3、updating 状态 ----如果 data 中的数据改变就会触发对应组件的重新渲染4、destroying 状态 ----实例销毁3、四个状态对应 8 个方法beforeCreate ----el选项 和 data 并未初始化，el、data都还是 undefinedcreated ----实例创建成功，完成了 data 数据的初始化，el选项还是是u