欢迎来到我的博客📔博主是一名大学在读本科生，主要学习方向是前端。🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏🛠目前正在学习的是🔥React/小程序React/小程序React/小程序🔥，中间穿插了一些基础知识的回顾🌈博客主页👉codeMak1r.小新的博客😇本文目录😇新建小程序页面修改项目首页什么是WXML？什么是WXSS？小程序中的.js文件宿主环境小程序组件本文被专栏【小程序｜原力计划】收录🕹坚持创作✏️，一起学习📖，码出未来👨🏻💻！新建小程序页面只需要在app.json⇒pages中新增页面的存放路径，小程序开发者工具即可帮我们自动创建
欢迎来到我的博客📔博主是一名大学在读本科生，主要学习方向是前端。🍭目前已经更新了【Vue】、【React–从基础到实战】、【TypeScript】等等系列专栏🛠目前正在学习的是🔥React/小程序React/小程序React/小程序🔥，中间穿插了一些基础知识的回顾🌈博客主页👉codeMak1r.小新的博客😇本文目录😇新建小程序页面修改项目首页什么是WXML？什么是WXSS？小程序中的.js文件宿主环境小程序组件本文被专栏【小程序｜原力计划】收录🕹坚持创作✏️，一起学习📖，码出未来👨🏻💻！新建小程序页面只需要在app.json⇒pages中新增页面的存放路径，小程序开发者工具即可帮我们自动创建
适用范围使用prettier的项目、安装了prettier扩展的vscode和微信开发者工具。原理prettier是根据默认的解析器对相应的文件进行处理，我们可以自定义什么格式的文件用什么解析器。具体看documentSelectors。配置只列出有关的配置编辑器的配置{"editor.defaultFormatter":"esbenp.prettier-vscode","[wxml]":{"editor.defaultFormatter":"esbenp.prettier-vscode"},"[wxss]":{"editor.defaultFormatter":"esbenp.prettie
WXSS(WeiXinStyleSheets)是一套样式语言，用于描述WXML的组件样式。WXSS用来决定WXML的组件应该怎么显示。与CSS相比，WXSS扩展的特性有：单位尺寸和样式导入一、书写位置1.1内联样式内联样式1.2页内样式写在.wxss文件中.wxsstest01{height:30px;width:200px;background-color:rgba(146,146,236,0.692);font-size:30px;}1.3全局样式全局样式写在app.wxss中，这其中的样式在全局的页面中都是可以直接使用的，而对于组件来说是应用不了的1.4优先级内联>页内>全局；可以通过!
🖥️微信小程序专栏：小程序WXSS-WXML-WXS🧑💼个人简介：一个不甘平庸的平凡人🍬✨个人主页：CoderHing的个人主页🍀格言:☀️路漫漫其修远兮,吾将上下而求索☀️👉你的一键三连是我更新的最大动力❤️目录一、WXSS编写程序样式小程序的样式写法WXSS支持的选择器WXSS优先级与CSS类似，权重如图wxss的拓展-尺寸单位二、Mustache语法绑定Mustache语法三、WXML的条件渲染逻辑判断wx:if-wx:elif-wx:elsehidden属性四、WXML的列表渲染列表渲染-wx:for基础block标签列表渲染-item/index名称列表渲染-key作用五、WXS语
🖥️微信小程序专栏：小程序WXSS-WXML-WXS🧑💼个人简介：一个不甘平庸的平凡人🍬✨个人主页：CoderHing的个人主页🍀格言:☀️路漫漫其修远兮,吾将上下而求索☀️👉你的一键三连是我更新的最大动力❤️目录一、WXSS编写程序样式小程序的样式写法WXSS支持的选择器WXSS优先级与CSS类似，权重如图wxss的拓展-尺寸单位二、Mustache语法绑定Mustache语法三、WXML的条件渲染逻辑判断wx:if-wx:elif-wx:elsehidden属性四、WXML的列表渲染列表渲染-wx:for基础block标签列表渲染-item/index名称列表渲染-key作用五、WXS语
🐚作者简介：苏凉（专注于网络爬虫，数据分析，正在学习前端的路上）🐳博客主页：苏凉.py的博客🌐系列专栏：小程序开发基础教程👑名言警句：海阔凭鱼跃，天高任鸟飞。📰要是觉得博主文章写的不错的话，还望大家三连支持一下呀！！！👉关注✨点赞👍收藏📂文章目录条件渲染wx:if结合block使用wx:ifhidden隐藏元素wx:if和hidden的区别列表渲染wx:for手动指定索引和当前项的变量名wx:key的使用wxss模板样式wxss是什么wxss和css的关系rpx单位rpx实现原理条件渲染wx:if在小程序中为了显示不同的信息段，我们可以通过条件渲染来显示，满足条件则显示页面，不满足则隐藏。配合
🐚作者简介：苏凉（专注于网络爬虫，数据分析，正在学习前端的路上）🐳博客主页：苏凉.py的博客🌐系列专栏：小程序开发基础教程👑名言警句：海阔凭鱼跃，天高任鸟飞。📰要是觉得博主文章写的不错的话，还望大家三连支持一下呀！！！👉关注✨点赞👍收藏📂文章目录条件渲染wx:if结合block使用wx:ifhidden隐藏元素wx:if和hidden的区别列表渲染wx:for手动指定索引和当前项的变量名wx:key的使用wxss模板样式wxss是什么wxss和css的关系rpx单位rpx实现原理条件渲染wx:if在小程序中为了显示不同的信息段，我们可以通过条件渲染来显示，满足条件则显示页面，不满足则隐藏。配合
一、问题描述uniapp项目运行至小程序，包很大超过2M，很无奈的做了分包，勉勉强强将主包控制到了2M以内。但是为什么这么大，刚开始，也没有找到原因。说白了，还是对打包不太了解。项目上线后，做优化，在微信开发者工具中，做了代码检查，有提示，说我的wxss文件中包含了大量没有引用的css，我打开一看，果然每一个生成的wxss文件中都存在我写的公共的css代码。解决：找文档，研究打包原理；1.下图是刚开始的目录结构：2.官网打包建议static目录下的js文件不会被编译css、less/scss等资源，建议公用的资源放在自建的common目录下。运行时，要勾选压缩选项参考文章：https://xs
一、问题描述uniapp项目运行至小程序，包很大超过2M，很无奈的做了分包，勉勉强强将主包控制到了2M以内。但是为什么这么大，刚开始，也没有找到原因。说白了，还是对打包不太了解。项目上线后，做优化，在微信开发者工具中，做了代码检查，有提示，说我的wxss文件中包含了大量没有引用的css，我打开一看，果然每一个生成的wxss文件中都存在我写的公共的css代码。解决：找文档，研究打包原理；1.下图是刚开始的目录结构：2.官网打包建议static目录下的js文件不会被编译css、less/scss等资源，建议公用的资源放在自建的common目录下。运行时，要勾选压缩选项参考文章：https://xs
