微信小程序与网页开发有什么不同
发布时间: 2022-03-19 18:26:31点击次数: 970


开发语言上小程序与传统的网页差别不大:是使用JavaScript 脚本语言编写逻辑代码、使用类似于HTML的WXML的语法形式来描述页面的结构、使用类似于CSS的WXSS来描述样式,但是由于小程序渲染和逻辑分离的运行机制与传统的网页存在差异,所以无法使用传统的网页的开发调试工具,因此我们推出了小程序开发生态开发工具——微信开发者工具。开发者可以借助微信开发者工具完成小程序的代码开发、编译运行、界面和逻辑调试、真机预览和提交发布版本等功能。


 

360截图20220319182948297.jpg


小程序的主要开发语言是 JavaScript ,所以通常小程序的开发会被用来同web网页开发来比较。


两者有很大的相似性,对于前端开发者而言,从网页开发迁移到小程序的开发成本并不高,但是二者还是有些许区别的。


web开发者需要面对的环境是各式各样的浏览器,PC 端需要面对 IE、Chrome、QQ浏览器等,在移动端需要面对Safari、Chrome以及 iOS、Android 系统中的各式 WebView 。而小程序开发过程中需要面对的是两大操作系统 iOS 和 Android 的微信客户端,以及用于辅助开发的小程序开发者工具,小程序中三大运行环境也是有所区别的。


web开发渲染线程和脚本线程是互斥的,这也是为什么长时间的脚本运行会导致页面失去响应,而在小程序中二者是分开的,分别运行在不同的线程中。网页开发者可以使用到各种浏览器暴露出来的 DOM API,进行 DOM 选中和操作。而如上文所述,小程序的逻辑层和渲染层是分开的,逻辑层运行在 JSCore 中,并没有一个完整浏览器对象,因而缺少相关的DOM API和BOM API。这一区别导致了前端开发非常熟悉的一些库,例如 jQuery、 Zepto 等,在小程序中是无法运行的。

同时 JSCore 的环境同 NodeJS 环境也是不尽相同,所以一些 NPM 的包在小程序中也是无法运行的。


上海咏熠科技为您提供全方位微信小程序开发制作方案。

360截图20220319182948297.jpg


运行环境逻辑层渲染层

iOSJavaScriptCoreWKWebView

安卓X5 JSCoreX5浏览器

小程序开发者工具NWJSChrome WebView

网页开发者在开发网页的时候,只需要使用到浏览器,并且搭配上一些辅助工具或者编辑器即可。小程序的开发则有所不同,需要经过申请小程序帐号、安装小程序开发者工具、配置项目等等过程方可完成。


标签: