郑州微信小程序必知知识
郑州微信小程序必知知识
1请谈谈微信小程序主要目录和文件的功能？
Project.config.json项目配置文件，用的最多的是配置是否开启https验证；
App.js设置一些全局基础数据等。
App.json底部的tab、标题栏、路线等设置；
App.wxss公共样式，介绍iconfont等。；
Pages包含特定页面；
Index.json(配置当前页面标题，介绍组件等。);
Index.wxml(页面结构)；
Index.wxss(页面样式表)；
Index.js(页面的逻辑、请求和数据处理等。);
请谈谈wxml和标准html的异同？
用于描述页面的结构；
都是由标签、属性等组成的。；
标签名称不同，小程序标签少，单个标签多；
还有更多类似wx:if的属性和类似{{}}的表达式。
WXML只能在微信小程序开发者工具中预览，而HTML可以在浏览器中预览。
组件的包装是不同的。WXML重新打包组件。
小程序运行在JS核心，没有DOM树和窗口对象，窗口对象和文档对象不能在小程序中使用。
请谈谈WXSS和CSS的异同？
用来描述页面的外观；
WXSS拥有CSS的大部分特性，并做了一些扩展和修改。
WXSS增加新的维度单位，WXSS支持新的维度单位rpx在底部；
WXSS仅支持部分CSS选择器；
WXSS提供全局样式和局部样式。
4你如何封装微信小程序的数据请求？
在根目录下创建utils目录、api.js文件和apiConfig.js文件；
在apiConfig.js中封装基本的get、post、put、upload等请求方法，设置请求体，取令牌和异常处理等。
将apiConfig.js封装的请求方法引入api，设置相应的方法，并根据页面数据请求的URL导出；
在特定页面中导入；
5小程序页面之间传递数据的方法有哪些？
使用全局变量实现数据传输
当页面跳转或重定向时，url用于传递带有参数的数据。
使用组件模板传递参数
使用缓存传递参数
使用数据库传输数据
6请谈谈小程序和vue双向绑定的异同？
一般都是一样的，只是小程序直接对this.data的属性不能同步到视图上。必须调用this.setData()方法！
7请谈谈小程序的生命周期功能？
加载页面时会触发OnLoad()。它将只被调用一次来获取当前页面路径中的参数。
onShow()页面显示/切入前台时触发，一般用于发送数据请求；
当第一次呈现完成时，onReady()页面被触发。它只会被调用一次，这意味着页面可以与视图层进行交互。
当onHide()页面隐藏/剪切到背景中时触发，例如底部选项卡切换到其他页面或applet剪切到背景中。
卸载时会触发onUnload()页面，例如重定向到或导航回其他页面。
8简述微信小程序的原理？
applet的本质是单页应用。所有页面渲染和事件处理都在一个页面中进行，但是可以通过微信客户端调用原生接口。
它的架构是数据驱动的，它的UI和数据是分离的，所有的页面更新都需要通过改变数据来实现。
从技术上讲，类似于现有的前端开发，使用JavaScript、WXML和WXSS技术进行开发；
功能可以分为两部分:webview和appService
Webview用于显示UI，appService用于处理业务逻辑、数据和接口调用；
两部分分两个进程运行，系统层JSBridge实现通信、UI渲染、事件处理等。
9请谈谈原生开发小程序，wepy和mpvue的对比？
个人认为，如果是新项目，没有老h5项目的迁移，可以考虑用小程序进行原生开发。好处是相比第三方框架，坑少。
如果有vue开发的老h5项目或者h5项目也需要小程序开发，那么wepy或者mpvue迁移或者开发更合适。最近wepy几乎不更新，推荐美团的mpvue。
而且如果团队前端很强，自己做个框架也没问题。
10小程序和原生app哪个好？
除了微信官方账号开发成本低、获客成本低、无需下载的优势外，小程序在服务请求延迟和用户体验上有了很大的提升，使其能够承载复杂的服务功能，让用户获得更好的用户体验。
11简述微信小程序的原理。
微信小程序是用JavaScript，WXML，WXSS开发的，从技术上来说和现有的前端开发差不多，但是深挖就不一样了。
JavaScript:首先，JavaScript代码运行在微信App中，而不是浏览器中。所以H5技术的一些应用需要微信app相应的API支持，限制了H5技术的应用，也称不上严格的H5。它可以被称为伪H5。同样，微信提供的一些独特的API，
H5不支持或支持的都不是特别好。
WXML:WXML微信是自己基于XML语法开发的，所以开发时只能使用微信提供的现有标签，不能使用HTML标签。
WXSS:WXSS拥有CSS的大部分特性，但并不是所有的特性都被支持，也没有详细的文档说明哪些是支持的，哪些是不支持的。
微信的架构是数据驱动的架构模型，UI和数据是分离的。所有的页面更新都需要通过改变数据来实现。
小程序分为两部分:webview和appService。Webview主要用来展示UI，appService用来处理业务逻辑、数据和接口调用。它们在两个进程中运行，通过系统层的JSBridge相互通信，渲染UI，处理事件。
2微信小程序和vue的双向绑定有什么区别？
applet直接调用this.data的属性无法同步到视图，必须调用:this.setData({})。