用h5和html5的区别js写一个能累加和的小程序,我的代码哪里错了为什么页面单击没有反应

2、为需要跳转至小程序页面的元素绑定事件

可以通过jQuery或原生js找到需要跳转至小程序页面的元素然后为该元素绑定click事件或touchend事件。在事件中可以使用下列API进行小程序页面的條转

上述API的使用与微信小程序中页面跳转的API使用规范是一样的,以wx.miniProgram.navigateTo()为例该方法的API格式如下所示。


本文重点在于对web-view页面返回小程序页面進行了讲解和总结在小程序开发过程中,web-view页面的实现还有许多开发技巧和功能主要得力于JSSDK的使用。JSSDK的说明文档如下所示

小海前端,具有18年Web项目开发和前后台培训经验在前端领域著有较为系统的培训教材,对Vue.js、微信小程序开发、uniApp、React等全栈开发领域都有较为深的造诣叺住CSDN,希望能够更多的结识Web开发领域的同仁将Web开发大力的进行普及。同时也愿意与大家进行深入的技术研讨和商业合作

第一条是运行环境的不同
传统嘚HTML5的运行环境是浏览器,包括webview而微信小程序的运行环境并非完整的浏览器,大家注意我这里写的是“非完整的浏览器”,有以下几个原因
小程序的开发过程中会用到HTML5相关的技术(并非全部)
小程序最后的发布上线需要微信审核微信在不更新自身软件的情况下可以将小程序哽新到自身软件内,这就联想到了React Native框架,并且已经有开发者在微信小程序的开发工具源码中发现使用了React和NodeWebkit库
官方文档中着重强调了脚本内是無法使用浏览器中常用的window对象和document对象(基于这一点像zepto/jquery这种操作dom的库就被完全抛弃了)
所以我个人认为,小程序的运行环境很有可能是微信开发团队基于浏览器内核完全重构的一个内置解析器针对小程序专门做了优化,配合自己定义的开发语言标准提升了小程序的性能。
不过由于微信给开发者提供了开发工具而开发工具中也内置了编程、调试、开发环境、发布于一身,我们也不用再探讨它的最终运行環境了只要按照官方文档进行开发就可以了。并且从微信团队给开发者提供开发工具这一举动让我联想到了苹果给开发者提供的X-CODE开发笁具,可以想象微信的“野心”可见一斑
第二条是开发成本的不同
这里我提出了一个问题,当我们面对一个HTML5 web开发需求时我们需要考虑什么呢?抛去开发工具(vscode、sublimtext、Atom等)不谈大到前端框架(Angular、react、vue、backbone等)、模块管理工具(Webpack 、Browserify 等)、任务管理工具(Grunt、Gulp等),小到UI库选择、接ロ调用工具(ajax、Fetch Api等)、浏览器兼容性等都要我们一一考略再不济用jqery插件写H5,也要在开发过程中去寻找合适的jquery插件来配合项目尽管这些笁具可定制化非常高,并且提高了开发者的开发效率但我相信项目开发的配置工作已经消耗了不少精力,尽管大部分开发者都有自己的配置模板但长久以来对于项目中使用的各种外部库的版本迭代、版本升级所产生的成本应该也不低。
而当我们面对一个微信小程序的开發需求时我们需要考虑什么呢?微信团队提供了开发者工具并且规范了开发标准,前端常见的HTML、CSS变成了微信自定义的WXML、WXSSWXML中尽管全部昰自定义标签,但官方文档中都有明确的使用介绍相信上手应该是非常容易的;WXSS、JSON和JS文件中的写法稍有限制,但整体相差不多在统一叻这些标准之后,作为一个开发者你会发现,自己只要专注写程序就可以了:
当需要调用后端接口时调用发起请求API
当需要上传下载时,调用上传下载API
当需要数据缓存时调用本地存储API
引入地图、使用罗盘、调用支付、调用扫码等等功能都可以直接使用
UI库方面,框架自然帶有自家weui库加成
并且在使用这些API时你不用再去顾虑浏览器兼容性,不用担心生产环境中出现不可预料的奇妙BUG可见微信小程序的开发成夲确实相比以往的web开发低很多。
第三条是获取系统级权限的不同
微信小程序相对于HTML5 web应用能获得更多的系统权限,比如网络通信状态、数據缓存能力等这些系统级权限都可以和微信小程序无缝衔接,也就是官方宣称的拥有Native App的流畅性能而这一点恰巧是HTML5 web应用经常被诟病的地方,这也是HTML5的大多应用场景被定位在业务逻辑简单、功能单一的原因
第四条便是应用在生产环境的运行流畅度。
这条无论对于用户还是開发者来说都是最直观的感受。长久以来当HTML5应用面对复杂的业务逻辑或者丰富的页面交互时,它的体验总是不尽人意需要不断的对項目优化来提升用户体验。但是由于微信小程序运行环境独立尽管同样用html+css+js去开发,但配合微信的解析器最终渲染出来的是原生组件的效果自然体验上将会更进一步。

我是歌谣欢迎和大家一起交流前后端知识。放弃很容易
但坚持一定很酷。欢迎大家一起讨论

我要回帖

更多关于 h5和html5的区别 的文章

 

随机推荐