小程序面试题

小程序面试题

小程序和h5的区别

1. 运行环境 H5 运行环境是浏览器，包括webview；而微信小程序的运行环境并非完整的浏览器，因为小程序的开发过程中只用到一部分H5 技术。
   小程序的运行环境是微信开发团队基于浏览器内核完全重构的一个内置解析器，针对性做了优化，配合自己定义的开发语言标准，提升了小程序的性能。
   小程序中无法使用浏览器中常用的 window 对象和 document 对象，H5 可以随意使用。

2. 开发成本
   当我们开发一个HTML5 的web需求时，我们需要从开发工具，（vscode、Atom等），到前端框架（Angular、react等）、模块管理工具（Webpack 、Browserify 等）、任务管理工具（Grunt、Gulp等），还有UI库选择、接口调用工具（ajax、Fetch Api等）、浏览器兼容性等等，都需要考虑周到。尽管大多数开发者面对这些工具时，都有了自己的配置模板，但成本依然不低吧？而当我们想要开发一款小程序时，我们需要考虑什么？微信提供了统一的开发工具，并且规范了开发标准，所以，作为一个开发者，你只需要专注写代码就好了。而且，你可以随意调用微信开发里的API，不用担心浏览器的兼容性，不用担心莫名其妙的bug……所以，小程序的开发成本比以往的HTML5 开发的web 成本低很多。

3. 系统权限 微信能获取到更多的系统权限，如网络通信状态、数据缓存能力等，这些系统级权限都能与微信小程序无缝衔接，这也就是官方宣称的拥有Native App的流畅性能。而HTML5 web应用则相对少了很多，这一点恰巧是HTML5web应用经常被诟病的地方。也因此，HTML5的大多数应用被圈定在业务逻辑简单、功能单一的范围上。

4. 用户体验 我们在打开一个HTML5页面的时候，实际上就是打开一个web网页，而网页在浏览的时候，需要在浏览器中进行渲染，这个过程叫做加载，无论加载的时间的长短，都会给用户一种「卡」或者「不灵敏」的感觉。小程序是微信内的云端应用，通过WebSocket
   双向通信（保证无需刷新即时通信）、本地缓存（图片与UI
   本地缓存降低与服务器交互延时）以及微信底层技术优化实现了小程序接近原生APP的体验。所以在使用小程序的时候，同等网络条件下几乎不用等待，可以像操作普通app一样流畅。