
作者:微信公开课+
作品:微信公开课
地区:全国小程序
标签:教育,工具,微信公开课,资讯
描述:微信公开课是微信官方与小程序行业合作伙伴沟通交流的微信小程序社区,为线下微信小程序公开课的免费授课提供线上的相关服务,包括查阅小程序活动议程、参与小程序活动互动以及回顾小程序课程内容等。
声明:作者对小程序服务信息内容及运营行为等真实性/合法性及有效性承担全部责任
订阅微信公开课小程序
-
小程序微信小程序的服务请求是否必须使用https
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序的服务请求是否必须使用https」
摘要:小程序微信小程序的服务请求是否必须使用https
展开:微信小程序的服务请求是否必须使用https,只用Http可以吗? -
小程序微信小程序的样式机制
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序的样式机制」
摘要:小程序微信小程序的样式机制
展开:之前,我已经介绍过在小程序开发中使用WXML来做界面布局,但是WXML只是一个界面的骨架。要让我们的小程序变得精致漂亮高大上起来,就需要一种为其添加样式的机制。小程序的开发框架采用了与Web开发中所使用的CSS(层叠样式表)几乎相同的一种机制,称作WXSS。WXSS用于描述WXML的组件样式,用于决定WXML的组件应该如何显示。为了适应广大的前端开发者,它被设计为支持CSS中大部分的特性(但是注意是大部分,还是有一些特性是不支持的),并且有一些自己的扩展和修改。比如引入了一种新的尺寸单位rpx,还有@import这种外联样式的导入机制(话说这个功能不是CSS里也有的么)关于CSS,我就不在这里介绍它的用法了,这个内容实在有点多,还没学习过CSS的朋友可以自己找一下资料学习,我在这里主要想讲解一下WXSS和CSS之间的不同之处。样式的设置在WXML文件中,我们可以通过style和class属性为组件设置样式。不过由于WXML的数据绑定功能的存在,我们就可以动态的设置style和class的属性值了。比如:viewstylecolor:{{color}};padding:{{padding}};Hello/viewviewclassmessage{{type}}{{message}}/view不过,我们要尽量避免使用style来设置组件的样式,最好将样式定义成样式规则放到样式文件中(.wxss),然后通过class属性来设置。因为组件通过style接收动态样式,在运行时会进行解析,影响渲染性能。有限的选择器和CSS不一样,小程序的WXSS支持的选择器的类型有限,官方文档中明确列出说支持的,目前只有以下几种选择器:.class:类选择器,例如.errormsg,它会选择所有classerrormsg的组件id:ID选择器,例如mycontainer,它会选择idmycontainer的组件element:元素选择器,例如view,它会选择所有view组件element,element:多选择器,例如view,button,它会选择所有view和button组件::after:例如view::after,它会在view组件后面插入内容::before:例如view::after,它会在view组件前面插入内容其实自己试了一些在CSS中可用,小程序官方没有声明在WXSS里支持的选择器,也是可以生效的。但是有些用了就会把微信web开发者工具给整崩溃掉,所以,还是不要在实际开发中使用这类没说支持的选择器了,虽然在有的场景下麻烦了点,但是以上支持了的选择器还是基本够用了。全局样式与局部样式WXSS中有全局样式与局部样式之分。定义在app.wxss文件中的样式为全局样式,将会对每一个页面起作用。而定义为page同名的wxss文件,则称为局部样式,只会针对对应的页面起作用,而且样式优先级比全局样式要高,可以覆盖全局样式。新的尺寸单位最后来说一下WXSS中新增和扩展的尺寸单位,对于做屏幕的自适应是非常有帮助的。rpx(responsivepixel,响应式px),简单来说,就是不管什么尺寸的设备,总是认为屏幕宽度是750rpxrem(rootem,根em),也很简单,就是不管什么尺寸的设备,总是认为屏幕的宽度是20rem。所以rpx和rem之间的换算,就是:1rem(750/20)rpx37.5rpx设计师的设计稿一般都是按照px来做单位的,那么在开发阶段,开发人员就需要在px和rpx之间进行换算,具体可以如下来计算:rpx(屏幕实际宽度/750)pxpx(750/屏幕实际宽度)rpx因此,如果设计师的设计是以iphone6屏幕尺寸为参照(iphone6的屏幕宽度为375px),则:1rpx(375/750)px0.5px1px(750/375)rpx2rpx是不是很容易理解?好了,关于微信小程序样式WXSS的关键点内容,就讲解到这里,不对的地方欢迎指正。谢谢啦。文/一斤代码(简书作者)原文链接:http://www.jianshu.com/p/30caa82e55c6 -
小程序微信小程序的模块系统是否支持输出对象
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序的模块系统是否支持输出对象」
摘要:小程序微信小程序的模块系统是否支持输出对象
展开:虽说微信小程序中的JSRuntime和Node.js的是不同的,但是如果可以使用node_modules就爽了,尝试引入某个node_module的过程中发现这个module使用了输出对象。如下例。那么问题来了,微信小程序的模块系统是否支持例子中的用法?例如://hello.js -
小程序微信小程序的模板消息,只能给点击表单的当前登录账户发送
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序的模板消息,只能给点击表单的当前登录账户发送」
摘要:小程序微信小程序的模板消息,只能给点击表单的当前登录账户发送
展开:微信小程序的模板消息,只能给点击表单的当前登录账户发送吗?不能多方通知吗?比如法律咨询类的应用:当事人提交问题,需要通知对应的律师,这种情况怎么解决? -
小程序微信小程序的缓存策略分析
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序的缓存策略分析」
摘要:小程序微信小程序的缓存策略分析
展开:文件缓存特性:1.由于小程序的缓存没有时效性2.文件缓存大小限制3.需要针对特定业务群进行缓存更新4.一键清空缓存5.针对不同用户,对应的缓存是公共的,没有隔离。因此缓存针对不同的用户,使用该用户特定的key来隔离。那么对应的解决方案是什么呢解决方案:1.缓存前缀,带上用户标识_缓存名2.每个缓存,需要记录缓存大小、缓存名、缓存类名、缓存生成时间、缓存失效时间到一个公共的缓存类中。3.有一个设置缓存,如果目前系统缓存大小,启动失效缓存清理机制方法。4.当手机网络非常好的情况下,基本上走线上实时数据策略当网络不好,尽量走本地缓存策略。5.为了更好地提高用户体验度,有一个提前加载数据的策略。例如打开首页后2秒,自动加载请求未来用户需要请求的数据,入缓存数据。初步分析的,希望对大家有用缓存策略的好坏,影响到小程序加载的效率和用户体验度缓存,可以在客户端后台,进行静默加载常用的,这样用户在进入第二页,将会加快打开。提高用户体验度。原作者:guoyan2008来自:http://www.henkuai.com/thread1629211.html -
小程序微信小程序的蓝牙功能支持连接OBD读取车载信息
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序的蓝牙功能支持连接OBD读取车载信息」
摘要:小程序微信小程序的蓝牙功能支持连接OBD读取车载信息
展开:微信小程序的蓝牙功能支持连接OBD读取车载信息吗? -
小程序微信小程序的语音保存本地
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序的语音保存本地」
摘要:小程序微信小程序的语音保存本地
展开:有人遇到过语音保存到本地后文件有时会异常,头文件不一样的吗?正常的是这样的Eߣ�B��B��B�B�B��webmB��B��S�g�������I�f�ױ�B@M��ChromeWA�ChromeT�k���ׁsŇ�r��e����A_OPUSc��OpusHead异常的是没有这个头文件的 -
小程序微信小程序的请求里面会自动带上openid
2019-04-03 15:13:30如何看待微信公开课小程序热门讨论「小程序微信小程序的请求里面会自动带上openid」
摘要:小程序微信小程序的请求里面会自动带上openid
展开:服务号发送的请求中能取到微信的openid,那么能从微信小程序发送的请求中能获取到吗,如果能的话怎么取呢