iis服务器助手广告
返回顶部
首页 > 资讯 > 前端开发 > html >微信小程序是不是html5
  • 523
分享到

微信小程序是不是html5

2024-04-02 19:04:59 523人浏览 八月长安
摘要

这篇文章给大家分享的是有关微信小程序是不是HTML5的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 微信小程序不是html5,它是根据微信的独立的开发

这篇文章给大家分享的是有关微信小程序是不是HTML5的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。

微信小程序不是html5,它是根据微信的独立的开发模式,能过节约人们的开发本钱与开发周期。微信小程序和html5的区别:1、运行环境的不同;2、开发成本的不同;3、获取系统级权限的不同;4、应用在生产环境的运行流畅度不同。

教程操作环境:windows7系统、HTML5版、Dell G3电脑。

HTML英文全称为Hyper Text Markup Language,即超文本标记语言。HTML5是一种技术,依附的外壳是是浏览器,而小程序是基于微信的一种不需要下载安装即可使用的应用。

下面从“前端开发”的视角来看,微信小程序和HTML5也存在着多方面的不同。概括来说有以下四个方面的区别!

第一条、运行环境的不同

传统的HTML5的运行环境是浏览器,包括WEBview,而微信小程序的运行环境并非完整的浏览器。大家注意,我这里写的是“非完整的浏览器”,有以下几个原因:

小程序的开发过程中会用到HTML5相关的技术(并非全部)。

小程序最后的发布上线需要微信审核,微信在不更新自身软件的情况下可以将小程序更新到自身软件内,这就联想到了ReactNative框架。并且已经有开发者在微信小程序的开发工具源码中发现使用了react和nodeWebkit库。

官方文档中着重强调了脚本内是无法使用浏览器中常用的window对象和document对象(基于这一点,像zepto/Jquery这种操作dom的库就被完全抛弃了)。

所以我认为,小程序的运行环境很有可能是微信开发团队基于浏览器内核完全重构的一个内置解析器,针对小程序专门做了优化,配合自己定义的开发语言标准,提升了小程序的性能。

不过由于微信给开发者提供了开发工具,而开发工具中也内置了编程、调试、开发环境、发布于一身,我们也不用再探讨它的最终运行环境了,只要按照官方文档进行开发就可以了。并且从微信团队给开发者提供开发工具这一举动,让我联想到了苹果给开发者提供的X-CODE开发工具,可以想象微信的“野心”可见一斑

第二条、开发成本的不同

这里我提出了一个问题,当我们面对一个HTML5web开发需求时,我们需要考虑什么呢?

抛去开发工具(vscode、sublimtext、Atom等)不谈,大到前端框架(angular、react、Vue、backbone等)、模块管理工具(webpack 、Browserify 等)、任务管理工具(Grunt、Gulp等),小到UI库选择、接口调用工具(ajax、Fetch api等)、浏览器兼容性等都要我们一一考略,再不济用jqery插件写H5,也要在开发过程中去寻找合适的jquery插件来配合项目

尽管这些工具可定制化非常高,并且提高了开发者的开发效率。但小编相信项目开发的配置工作已经消耗了不少精力,尽管大部分开发者都有自己的配置模板。长久以来对于项目中使用的各种外部库的版本迭代、版本升级所产生的成本应该也不低。

而当我们面对一个微信小程序的开发需求时,我们需要考虑什么呢?微信团队提供了开发者工具,并且规范了开发标准,前端常见的HTML、CSS变成了微信自定义的WXML、WXSS,WXML中尽管全部是自定义标签,但官方文档中都有明确的使用介绍,相信上手应该是非常容易的;WXSS、JSONjs文件中的写法稍有限制,但整体相差不多。在统一了这些标准之后,作为一个开发者,你会发现,自己只要专注写程序就可以了:

  • 当需要调用后端接口时,调用发起请求API;

  • 当需要上传下载时,调用上传下载API;

  • 当需要数据缓存时,调用本地存储API;

  • 引入地图、使用罗盘、调用支付、调用扫码等等功能都可以直接使用;

  • UI库方面,框架自然带有自家weui库加成;

并且在使用这些API时,你不用再去顾虑浏览器兼容性,不用担心生产环境中出现不可预料的奇妙BUG,可见微信小程序的开发成本确实相比以往的web开发低很多。

第三条、获取系统级权限的不同

微信小程序相对于HTML5 web应用能获得更多的系统权限,比如网络通信状态、数据缓存能力等,这些系统级权限都可以和微信小程序无缝衔接,也就是官方宣称的拥有Native App的流畅性能,而这一点恰巧是HTML5 web应用经常被诟病的地方,这也是HTML5的大多应用场景被定位在业务逻辑简单、功能单一的原因。

第四条、应用在生产环境的运行流畅度不同。

最容易区分小程序与H5的一点, 打开H5,实际上是打开一个网页,而网页需要在浏览器中渲染,面对复杂的业务逻辑或者丰富的页面交互时页面会卡顿。

而微信小程序,直接在微信上运行,省去了通过浏览器渲染的步骤,因此,在微信中使用小程序,才会比H5流畅很多。除了首次打开需要几秒的加载时间外,小程序各个页面的切换、跳转等体验已经媲美原生App,非常顺畅。

小程序不能跳转外部链接,H5没有限制。

概括来说、小程序相对H5有着开发成本低、功能更丰富、用户体验更佳的优点。(缺点:微信做了很多限制,很多东西不能自定义)

以上就是我总结的微信小程序跟HTML5的区别。微信现在月活9亿,特别是微信推出大众号今后,微信的月活也大幅上升,这就为微信小程序带了十分便利的入口。以9亿为基数,奠定了微信小程序的根底。

微信小程序不是HTML5,它是根据微信的独立的开发模式,能过节约人们的开发本钱与开发周期。

感谢各位的阅读!关于“微信小程序是不是html5”这篇文章就分享到这里了,希望以上内容可以对大家有一定的帮助,让大家可以学到更多知识,如果觉得文章不错,可以把它分享出去让更多的人看到吧!

--结束END--

本文标题: 微信小程序是不是html5

本文链接: https://www.lsjlt.com/news/80825.html(转载时请注明来源链接)

有问题或投稿请发送至: 邮箱/279061341@qq.com    QQ/279061341

本篇文章演示代码以及资料文档资料下载

下载Word文档到电脑,方便收藏和打印~

下载Word文档
猜你喜欢
  • 微信小程序是不是html5
    这篇文章给大家分享的是有关微信小程序是不是html5的内容。小编觉得挺实用的,因此分享给大家做个参考,一起跟随小编过来看看吧。 微信小程序不是html5,它是根据微信的独立的开发...
    99+
    2024-04-02
  • uniapp是不是微信小程序
    近年来,随着移动互联网技术的发展,微信小程序成为了很多企业、组织和个人推广自己的重要途径。而在微信小程序开发中,人们也经常听到一个新的名词——UniApp。那么,UniApp是不是微信小程序呢?本文将对此进行解析。UniApp是什么?Uni...
    99+
    2023-05-14
  • 微信小程序算不算是一个系统
    这篇文章主要介绍微信小程序算不算是一个系统,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!微信小程序不算一个系统,而是一种不需要下载安装即可在微信平台上使用的应用程序;主要提供给企业、政府、媒体、其他组织或个人的开发者...
    99+
    2023-06-22
  • 微信小程序是什么意思
    小编给大家分享一下微信小程序是什么意思,相信大部分人都还不怎么了解,因此分享这篇文章给大家参考一下,希望大家阅读完这篇文章后大有收获,下面让我们一起去了解一下吧!微信小程序是小程序的一种,英文名是Wechat Mini Program,是一...
    99+
    2023-06-22
  • 微信小程序怎么是黑屏
    微信小程序黑屏的原因及解决方法小程序内部程序错误,导致黑屏,可以向运营商反馈问题,等待运营商解决;服务器访问速度慢,导致黑屏,可以尝试切换网络线路、重启路由器或等待网络恢复;微信版本小程序无法运行,导致黑屏,升级微信版本,再次运行小程序即可...
    99+
    2024-04-02
  • 微信小程序中WXSS是什么
    这篇文章主要介绍微信小程序中WXSS是什么,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!WXSSWXSS(WeiXin Style Sheets)是一套样式语言,用于描述WXML的组件样式。WXSS用来决定WXML的...
    99+
    2023-06-26
  • 微信小程序获取是android还是ios,微信小程序-手机操作系统以及微信版本判断
    首先,要判断当前用户的微信版本以及是安卓还是iOS,要调用方法wx.getSystemInfo() 官方文档:https://developers.weixin.qq.com/miniprogram/...
    99+
    2023-09-20
    微信小程序 android 微信
  • 微信小程序tabbar页面是什么
    微信小程序tabbar页面是拥有底部导航栏的页面,实现方法:在app.json中添加以下代码:"tabBar": {"list": [{"pagePath":&...
    99+
    2024-04-02
  • 微信小程序全局状态是什么
    这篇文章主要讲解了“微信小程序全局状态是什么”,文中的讲解内容简单清晰,易于学习与理解,下面请大家跟着小编的思路慢慢深入,一起来研究和学习“微信小程序全局状态是什么”吧!前言在微信小程序中,可以利用 App.js 的 globalData ...
    99+
    2023-06-14
  • 微信小程序是什么工具开发
    微信小程序的开发工具:1、微信开发者工具,微信官方提供的一款开发工具,是开发微信小程序的首选工具;2、IDE工具,可以使用各种集成开发境工具,例如Visual Studio Code和Sublime Text和Atom等;3、第三方开发框架...
    99+
    2023-08-16
  • 微信小程序中wx-promise-request是什么
    这篇“微信小程序中wx-promise-request是什么”文章,文中示例代码介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要参考一下,对于“微信小程序中wx-promise-request是什么”,小编整理了以下知识点,请大家...
    99+
    2023-06-26
  • 微信小程序动态页面是什么
    微信小程序动态网页是指一种网页编程技术,动态页面的代码虽然没有变,但可随着时间、环境或者数据库操作等不同的结果而改变显示的内容,例如网站上的广告轮播图,代码不变,图片会自动变化。...
    99+
    2024-04-02
  • 微信小程序中WXS是什么意思
    这篇“微信小程序中WXS是什么意思”除了程序员外大部分人都不太理解,今天小编为了让大家更加理解“微信小程序中WXS是什么意思”,给大家总结了以下内容,具有一定借鉴价值,内容详细步骤清晰,细节处理妥当,希望大家通过这篇文章有所收获,下面让我们...
    99+
    2023-06-26
  • 微信小程序开发优势是什么
    这篇文章主要介绍了微信小程序开发优势是什么,具有一定借鉴价值,感兴趣的朋友可以参考下,希望大家阅读完这篇文章之后大有收获,下面让小编带着大家一起了解一下。小程序将是“ 互联网”的巨大流量门户。 微信拥有超过十亿的用户,数量非常庞大,每个人每...
    99+
    2023-06-27
  • 微信小程序运维中心是什么
    这篇文章主要为大家展示了“微信小程序运维中心是什么”,内容简而易懂,条理清晰,希望能够帮助大家解决疑惑,下面让小编带领大家一起研究并学习一下“微信小程序运维中心是什么”这篇文章吧。  “公众平台新增小程序运维中心,可方便开发者及时了解到自己...
    99+
    2023-06-26
  • 微信小程序页面标签是什么
    微信小程序页面中常用的标签有以下几种view标签view标签相当于div标签,主要用来显示文本内容,它的特点就是在没有其他样式影响的情况下,宽度100%。text标签这个标签相当于span,它的特点就是在没有其他样式影响的情况下,不会独占一...
    99+
    2024-04-02
  • 微信小程序运行机制是什么
    小编给大家分享一下微信小程序运行机制是什么,希望大家阅读完这篇文章之后都有所收获,下面让我们一起去探讨吧!运行机制小程序没有重启的概念当小程序进入后台,客户端会维持一段时间的运行状态,超过一定时间后(目前是5分钟)会被微信主动销毁置顶的小程...
    99+
    2023-06-26
  • 微信小程序 | 小程序开发
    🖥️ 微信小程序专栏:小程序开发 初级知识 🧑‍💼 个人简介:一个不甘平庸的平凡人🍬 ✨ 个人主页:CoderHing的个人主页 🍀 格言: ☀️ 路漫...
    99+
    2023-09-08
    微信小程序 小程序
  • 微信小程序--小程序框架
    目录 前言:  一.框架基本介绍 1.整体结构: 2.页面结构: 3.生命周期: 4.事件系统: 5.数据绑定: 6.组件系统: 7.API: 8.路由: 9.模块化: 10.全局配置: 二.视图层详解 1.WXML(WeiXin Mar...
    99+
    2023-10-20
    小程序 微信小程序
  • 基于微信小程序的旅游社微信小程序
    文末联系获取源码 开发语言:Java 框架:springboot JDK版本:JDK1.8 服务器:tomcat7 数据库:mysql 5.7/8.0 数据库工具:Navicat11 开发软件:eclipse/myecli...
    99+
    2023-10-23
    微信小程序 小程序 mysql java 毕业设计
软考高级职称资格查询
推荐阅读
编程网,编程工程师的家园,是目前国内优秀的开源技术社区之一,形成了由开源软件库、代码分享、资讯、协作翻译、讨论区和博客等几大频道内容,为IT开发者提供了一个发现、使用、并交流开源技术的平台。
  • 官方手机版

  • 微信公众号

  • 商务合作