小程序不同开发的人兼容性(微信小程序前端怎么做新手开发入门教程)

微信小程序前端怎么做新手开发入门教程

1、单位变化，写H5页，一般用rem、px、percentage等。在小程序，它有自己的单位rpx。我自己的理解是，一个宽度为100%的div，也就是常说的横幅，所以它的宽度是750rpx。50%宽，也就是375rpx。这个rpx可以自动适应不同的屏幕尺寸，所以不用担心小程序中页面的兼容性问题。

2.完全支持flex布局。flex布局之前也接触过，因为浏览器兼容性还没有完全覆盖，所以没什么用。现在还在用float，在小程序，可以放心使用。实际使用后，感觉比float强多了。我相信再过几年，flex布局会成为主流，这将是前端布局的一次革命，因为它彻底改变了现有的模式。不熟悉flex的小伙伴们，赶紧学起来吧。

3.关于背景图，首先小程序中不支持背景图。Base64，对于前端人员来说，这两种方法完全不现实。因此，不支持背景图像。那我该怎么办呢？解决办法是：小图，用字体图标写。大图，用图像写，再写绝对定位。到目前为止，还没有更好的办法。

4.字体图标的使用。小程序有自己的字体图标，但是太少了。这根本不够好。我们还是要用大阿里的logo库，但是不能直接用。我们必须将ttf字体转换成base64。百度有具体方法。

5.关于标签闭包小程序，标签闭包的要求特别严格，过于精确。可以说稍微短一点就会报错，有点像xhtml。标签必须是关闭的。要特别注意像input这样的单标签，如果跟随/不写的话是永远不行的。

6，模板和文件引用，只要当遇到重用的代码块时，可以构建一个模板在任何地方引用它，比如头、底、列表。模板的用法也不难，就是把代码放进去，给它起个名字，就是一个模板。使用IS属性引用模板。详情请查阅官方文件。

7.善用公文。前端人员主要看组件，框架部分，够用了。小程序有自己的官方开发文档，很详细，就是对于第一次接触的人来说，有点头疼无从下手，不好读。

微信小程序开发版和体验版的区别

1，小程序架构，小程序主要分为两个主要部分：视图模块和服务模块。查看模块负责UI展示。它包括：wxml和wxss转换后的代码和微信提供帮助模块。一个视图模块对应一个webview组件，小程序支持多个视图。视图模块通过微信jsbridge对象与后台通信。

2.类型小程序，小程序主要分为三种版本类型开发版，体验版，正式版。开发板和体验版不需要审核。你需要给许可微信。扫描二维码小程序即可访问。正式版需要经过微信的审核流程。开发版和体验版的区别在于开发小程序版的二维码有效期比较短。在项目中，你可以准备两到三套环境。开发版本访问测试环境，正式版访问生产环境。

3.测试5，电话号码小程序。虽然小程序是在微信推出的新品，但是和模式上的其他客户端测试是一样的。小程序的测试主要分为四个方面，分别是功能测试，兼容性测试，性能测试，后台接口测试。对于安全性测试，因为小程序集成在微信客户端，相比传统的网页，安全性更能得到保障。只要保证后台接口上数据的安全性测试，客户端的安全性由

4，功能测试，功能测试类似于传统的web端测试，这里就不赘述了。

5.兼容性测试，兼容性测试要考虑三个方面系统兼容性，微信兼容性和缓存数据兼容性。