微信小程序原理
(/u/3718163e49e5)
kamidox (/u/3718163e49e5) 关注
0.9 2016.11.05 09:42* 字数 2356 阅读 26570 评论 9 喜欢 85 赞赏 1
微信小程序使用了前端技术栈 JavaScript/WXML/WXSS。它背后的原理是怎么样
的呢?
写在前面
微信小程序使用了前端技术栈 JavaScript/WXML/WXSS。但和常规的前端开发又有一些
区别:
JavaScript: 微信小程序的 JavaScript 运行环境即不是 Browser 也不是 Node.js。它运
行在微信 App 的上下文中,不能操作 Browser context 下的 DOM,也不能通过
Node.js 相关接口访问操作系统 API。所以,严格意义来讲,微信小程序并不是
Html5,虽然开发过程和用到的技术栈和 Html5 是相通的。
WXML: 作为微信小程序的展示层,并不是使用 Html,而是自己发明的基于 XML 语法
的描述。
WXSS: 用来修饰展示层的样式。官方的描述是 “ WXSS (WeiXin Style Sheets) 是一
套样式语言,用于描述 WXML 的组件样式。WXSS 用来决定 WXML 的组件应该怎么
显示。” “我们的 WXSS 具有 CSS 大部分特性...我们对 CSS 进行了扩充以及修
改。”基于 CSS2 还是 CSS3?大部分是哪些部分?是否支持 CSS3 里的动画?不得
而知。
在微信小程序官方文档上,有下面这段话:
微信小程序运行在三端:iOS、Android 和 用于调试的开发者工具
在 iOS 上,小程序的 javascript 代码是运行在 JavaScriptCore 中
在 Android 上,小程序的 javascript 代码是通过 X5 内核来解析
在 开发工具上, 小程序的 javascript 代码是运行在 nwjs(chrome内核) 中
我们先从开发工具谈起。
开发工具
小程序的 javascript 代码运行在 nwjs 中。nwjs 是什么鬼呢?官方介绍是这样写的:
(/apps/redi
utm_sourc
banner-clic
评论0