![](https://img-blog.csdnimg.cn/b750358feb2b4158a939369bec6259c7.jpeg?x-oss-process=image/resize,m_fixed,h_224,w_224)
微信小程序
文章平均质量分 81
小程序笔记整理
Morgan_Liu
前端工程师
展开
-
微信小程序开发自学笔记 —— 九、微信开发者工具
由于小程序渲染和逻辑分离的运行机制与传统的网页存在差异,所以无法使用传统的网页的开发调试工具。开发者可以借助微信开发者工具完成小程序的代码开发、编译运行、界面和逻辑调试、真机预览和提交发布版本等功能。微信开发者工具是一个基于nw.js ,使用node.js、chromium以及系统API来实现底层模块,使用React、Redux等前端技术框架来搭建用户交互层,实现同一套代码跨Mac和Windows 平台使用。原创 2023-03-07 10:44:32 · 1158 阅读 · 0 评论 -
微信小程序开发自学笔记 —— 八、小程序基础库的更新迭代
小程序的运行环境是分成渲染层和逻辑层的,在渲染层可以用各类组件组建界面的元素,在逻辑层可以用各类API来处理各种逻辑,组件、API其实都是小程序基础库进行包装提供的,基础库的职责还要处理数据绑定、组件系统、事件系统、通信系统等一系列框架逻辑,才能让整个小程序有序的运作起来。小程序基础库的迭代速度非常快,但是基础库的变更会影响到所有小程序的运行,如果基础库出现重大Bug没有及时发现时,会引起很多小程序无法正常使用,所以在更新基础库时要谨慎。所有小程序在微信客户端打开的时候,都需要注入相同的基础库。原创 2023-03-07 10:42:06 · 1023 阅读 · 0 评论 -
微信小程序开发自学笔记 —— 七、性能优化
在setData的数据通信流程中,数据从逻辑层经过native层转发,传入视图层的WebView,再经过一系列渲染步骤之后传入组件。下载到的小程序代码包不是小程序的源代码,而是编译、压缩、打包之后的代码包。对于wx.redirectTo,这个调用不会打开一个新的页面层级,而是将当前页面层级重新初始化:重新传入页面的初始数据、路径等,视图层清空当前页面层级的渲染结果然后重新渲染页面。小程序启动或一个新的页面被打开时,页面的初始数据(data)和路径等相关信息会从逻辑层发送给视图层,用于视图层的初始渲染。原创 2023-03-07 09:56:35 · 227 阅读 · 0 评论 -
微信小程序开发自学笔记 —— 六、底层框架
自定义组件是开发者可以自行扩充的组件。开发者可以将常用的节点树结构提取成自定义组件,实现代码复用。1.ShadowTree的概念2.运行原理3.组件间通信。原创 2023-03-07 09:17:54 · 514 阅读 · 0 评论 -
微信小程序开发自学笔记 —— 五、小程序的协同工作和发布
如果小程序使用到Flex布局,并且需要兼容iOS8以下系统时,请检查上传小程序包时,开发者工具是否已经开启“上传代码时样式自动补全”。小程序使用的服务器接口应该走HTTPS协议,并且对应的网络域名确保已经在小程序管理平台配置好。在测试阶段不要打开小程序的调试模式进行测试,因为在调试模式下,微信不会校验域名合法性,容易导致开发者误以为测试通过,导致正式版小程序因为遇到非法域名无法正常工作。发布前请检查小程序使用到的网络接口已经在现网部署好,并且评估好服务器的机器负载情况。原创 2023-03-06 11:16:41 · 511 阅读 · 0 评论 -
微信小程序开发自学笔记 —— 四、场景应用
在开发前,首先要对整个小程序整的的产品体验有一个清晰的规划和定义,一般通过交互图或者手稿描绘小程序的界面交互和界面之间的跳转关系。接着,优先完成WXML+WXSS缓缓设计稿,实现静态页面的布局和样式最后,按照页面交互梳理每个页面的data部分,并完成JS逻辑部分。原创 2023-03-05 11:12:27 · 759 阅读 · 0 评论 -
微信小程序开发自学笔记 —— 三、理解小程序宿主环境
初次进入小程序的时候,微信客户端初始化好宿主环境,同时从网络下载或者从本地缓存中拿到小程序的代码包,把它注入到宿主环境,初始化完毕后,微信客户端就会给App实例派发onLaunch事件,App构造器参数所定义的onLaunch方法会被调用。进入小程序之后,用户可以点击右上角的关闭,或者按手机设备的Home键离开小程序,此时小程序并没有被直接销毁,我们把这种情况称为“小程序进入后台状态”,App构造器参数所定义的onHide方法会被调用。小程序是指产品层面的程序,而“程序”指的是代码层面的程序实例。原创 2023-03-04 11:17:18 · 319 阅读 · 0 评论 -
微信小程序开发自学笔记 —— 二、小程序代码组成
WXML 文件后缀名是 .wxml,简单的 WXML 语句在语法上同 HTML 非常相似。-- 注释 --> < text > pages/wxml/index.wxml -- 注释 --> < text > pages/wxml/index.wxml < text > pages/wxml/index.wxml WXML 要求标签必须是严格闭合的,没有闭合将会导致编译错误。标签可以拥有属性,且大小写敏感。原创 2023-03-04 10:21:35 · 1268 阅读 · 0 评论 -
微信小程序开发自学笔记 —— 一、小程序介绍与开发环境
小程序是一种全新的链接用户与服务的方式,可以在微信内被便携地获取和传播,具有出色的使用体验。网页开发渲染线程和脚本线程是互斥的,长时间的脚本运行可能会导致页面失去响应;而在小程序中,二者(逻辑层和渲染层)是分开的,分别运行在不同的线程中。小程序里,逻辑层运行在JSCore中,并没有一个完整浏览器对象,同NodeJS环境也不尽相同,所以一些NPM的包以及前端常用库如jQuery等在小程序中是无法运行的。原创 2023-03-03 23:24:56 · 371 阅读 · 0 评论