小程序开发注意事项

1. 开发小程序时，每个页面一定要在app.json文件中注册，页面文件夹和其包含的四个文件的名字要保持一致。

2. 小程序发起的都是HTTPS网络请求，在开发调试的过程中可以不校验协议和TLS版本，但在实际上线后必须进行HTTPS协议通信。

3. 小程序可以进行组件化开发以及数据绑定，所有对于DOM的 *** 作都是基于数据驱动的，并没有直接进行DOM *** 作的做法，换言之，小程序内没有document对象，原生js和jQuery里的DOM *** 作思维要舍弃掉。

4. 小程序的网络请求wx.request()是不自带Cookies的，这和浏览器上的网络请求不同，因此基于Cookies实现的会话管理不适用于小程序。

5. 小程序的脚本文件中，内置对象是page，而非传统浏览器里的window，因此所有基于window对象来写的库(例如jQuery)都不适用于小程序。

6. 小程序提供模板功能，模板拥有自己的作用域，它只能使用从data属性传入的数据。

7. 每一个页面文件夹下的.json文件是用来写配置项的，如果该页面无需添加相关配置，.json文件也要写上一对大括号（“{ }”），否则会报错。

8. 在同一个tab里的页面可以跳转，并且允许携带参数。不同tab的页面之间无法跳转，使用wx.navigateTo()接口会报错。同时，tab之间的跳转可以用wx.switchTab()实现，但是路径后不能带参数。

9. 脚本文件里data的数据，在更新的时候要通过this.setData()方法来更新，而不能直接用“=”来做。

10. 在组件标签里，可以通过“data-属性值”的方式绑定我们需要的数据，然后在事件内置event对象里进行获取。

11. 小程序里也存在事件的冒泡，具体的冒泡事件可以参考官方文档，如果希望事件向上冒泡，则使用bind来绑定事件，若希望阻止事件冒泡，就使用catch来进行事件绑定。

12. 小程序支持文件引用，有import和include两种方式，import有作用域，也就是引入的目标文件里import的模板不会被引入；而include等于是将目标文件除 以外的整个代码进行引入。

13. wx.login()和wx.getUserInfo()是两个独立的接口，前者可以实现用户登录，这个过程是悄无声息的，不需要用户授权，登录后可以拿到用户的openid和session_key；而wx.getUserInfo()可以拿到用户的具体信息，这个过程需要获得用户的授权，开发时也必须考虑用户拒绝授权的场景。

14. 目前小程序可以分享给微信好友和微信群，但小程序默认是没有这个功能的，只有在Page里定义了onShareAppMessage事件处理函数，点击小程序右上角才可以看到分享按钮。

微信小程序通过JavaScript语言编写，可以调用后台服务器接口进行数据交互和处理。如果你想在微信小程序中调用工具类来隐藏身份z信息，可以参考以下步骤：

1. 编写工具类代码：首先，在后台服务器中编写身份z隐藏算法工具类代码，可以使用常见的字符串处理方法、正则表达式等技术来实现身份z信息的隐藏，例如用“*”代替身份z号的前 11 位数字。在编写完毕后，将代码封装为类或函数，以便在微信小程序中调用。

2. 构建微信小程序界面：根据需求，在微信小程序中构建合适的界面，例如输入框和按钮等，以便用户输入身份z号并调用工具类隐藏身份z信息。可以采用微信小程序提供的开发工具或其他相关工具进行开发和调试。

3. 将工具类引入微信小程序：将后台服务器中的工具类代码封装为 JavaScript 类或函数，并将其导入微信小程序中。可以使用微信小程序提供的 import 或 require 方法将工具类引入到对应的页面或组件中。

4. 调用工具类隐藏身份z信息：在微信小程序界面中，获取用户输入的身份z号，并调用引入的工具类进行身份z信息的隐藏处理。处理完成后，将隐藏后的身份z号显示在界面相应的位置。

1、创建小程序项目

2、在小程序根输入npm init,进行初始化，然后一路可以默认（enter）之后可看到package.json

3、开始安装Weui组件库 npm install --save weui-miniprogram --production

4、工具>构建npm

5、点击小程序开发工具右上角详情-本地设置，勾选上使用npm模块

[图片上传中...(image-b7a8e2-1624982995933-0)]

6、在小程序app.wxss中引入样式文件

@import './miniprogram_npm/weui-miniprogram/weui-wxss/dist/style/weui.wxss'

7、index页面使用

//index.json { "usingComponents": { "mp-dialog": "weui-miniprogram/dialog/dialog" } }

//index.wxss <mp-dialog title="test" show="{{true}}" bindbuttontap="tapDialogButton" buttons="{{[{text: '取消'}, {text: '确认'}]}}"><view>test content</view> </mp-dialog>

---