小程序开发wxss文档(微信小程序开发文档tip)

:

小程序前端开发中遇到坑总结一下，发现不对请大家帮忙看看

1.如果在图像标签中宽度设置为100%，而高度没有设置或者设置了auto，图片就不能正常显示。此时，您可以在小程序文档中检查模式属性的widthFix。这样就能自动适应。

2.大家一定都遇到过在wxss中写背景图的经历。比较好的方法是1:直接写在标签上，虽然可以在工具上看到。2:直接在wxss中写绝对连通图，即线上。3.使用标签，并将其定位到顶部Z-index:-1，这是可以的。当然还有其他的。

3.提货人-查看和提货人的选择小程序自带选择。他们有好有坏。一是剪辑复杂。看你的选择了，所以我选了pick。

4.单击事件以获取该元素的自定义属性。自定义属性最好以data-name命名，它是e.dataset.name当您获取它时；请注意，名称是小写的，无论数据名称是否包含大写，它都是小写的。为什么？类似于原生。

:

小程序发展学习技能

1.如上所述，WXML语言类似于Html语言。您可以通过组合basic组件和event系统来构建页面的结构。

2.作为背景来学习代码写语言。

3.学习PHP做服务器代码写作语言(也可以选择其他语言)。

4.了解WXSS: WXSS:WXSS(WeiXin样式表)是一种用来描述WXML组件样式的样式语言。与CSS相比，WXSS扩展功能包括：大小单位和样式导入。

5.学习使用微信小程序系列组件：该框架提供了一系列基础知识组件适用于开发人，而开发人可以结合这些基础知识开发

6.了解微信的独特API:该框架提供了丰富的微信原生API，可以轻松调用功能提供的功能，如获取用户信息，本地存储和支付功能。当这个事件被触发时，回调函数将被调用。

:

微信小程序开发文档tip

1.不能把本地资源引入WXSS。只能用线上资源，可以用base64。

2.app.wxss和每个页面的wxss的叠加关系是：如果有同名规则，页面会叠加app，不是合并而是叠加。

3.WXSS的规则不支持聚合。所以很难写。每个类都要很长，不然怕重名。不过，李. current { color:red；}这种写法支持after，before伪类，不支持first-childlast-childnth-child这样的伪类。

4.目前测试引入的字体也不可用，WXML中提到的内容SVG也无法使用。所以icon目前只能做图。

5.WXSS不支持大括号嵌套({{}})。所以关键帧是不可用的，但它是可用的。

6.WXSS和CSS很像，基本上所有CSS都支持。小程序还提供rpx作为一个单元。屏幕宽度为750rpx。