阿乐のBlog

报错：Some selectors are not allowed in component wxss, including tag name selectors, ID selectors, and attribute selector 官网给出的解释是：https://developers.weixin.qq.com/miniprogram/dev/framework/custom-component/wxml-wxss.html 组件样式组件对应 wxss 文件的样式，只对组件wxml内的节点生效。编写组件样式时，需要注意以下几点： 组件和引用组件的页面不能使用id选择器（#a）、属性选择器（[a]）和标签名选择器，请改用class选择器。 组件和引用组件的页面中使用后代选择器（.a .b）在一些极端情况下会有非预期的表现，如遇，请避免使用。 子元素选择器（.a>.b）只能用于 view 组件与其子节点之间，用于其他组件可能导致非预期的情况。 继承样式，如 font 、 color ，会从组件外继承到组件内。 除继承样式外， app.wxss 中的样式、组件所在 ...

小程序项目的主要目录作用小程序包含一个描述整体程序的 app 和多个描述各自页面的 page。 一个小程序主体部分由三个文件组成，必须放在项目的根目录，如下： 文件 必需 作用 app.js 是 小程序逻辑 app.json 是 小程序公共配置 app.wxss 否 小程序公共样式表 一个小程序页面由四个文件组成，分别是： 文件类型 必需 作用 js 是 页面逻辑 wxml 是 页面结构 json 否 页面配置 wxss 否 页面样式表 注意：为了方便开发者减少配置项，描述页面的四个文件必须具有相同的路径与文件名。 project.config.json 项目配置文件，做一些个性化配置，例如界面颜色、编译配置等等 app.json 当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等 sitemap 配置小程序及其页面是否允许被微信索引 pages 里面包含一个个具体的页面 wxss 页面样式，app.wxss 作为全局样式，会作用于当前小程序的所有页面，局部页面样式 page.wxs ...

如何隐藏滚动条，同时仍然可以在任何元素上滚动？ 首先，如果需要隐藏滚动条并在内容溢出时显示滚动条，只需要设置overflow：auto样式即可。想要完全隐藏滚动条只需设置overflow：hidden即可，但是这样一来将导致元素内容不可滚动。时至今日，还没有任何一条CSS规则可以使元素可以隐藏滚动条的同时依然可以滚动内容，只能通过针对特定浏览器设置滚动条样式来实现。 Firefox浏览器 对于Firefox，我们可以将滚动条宽度设置为none： 1scrollbar-width: none; /* Firefox */ IE浏览器 对于IE，我们需要使用-ms-prefix属性定义滚动条样式： 1-ms-overflow-style: none; /* IE 10+ */ Chrome和Safari浏览器 对于Chrome和Safari浏览器，我们必须使用CSS滚动条选择器，然后使用display：none隐藏它： 123::-webkit-scrollbar { display: none; /* Chrome Safari */} 注意： ...

postcss-px-to-viewport，将px单位自动转换成viewport单位，用起来超级简单，postcss-px-to-viewport 官方文档 安装1npm install postcss-px-to-viewport --save-dev 引入vue项目，在postcss.config.js引入12345678910111213141516171819module.exports = { plugins: { autoprefixer: {}, // 用来给不同的浏览器自动添加相应前缀，如-webkit-，-moz-等等 "postcss-px-to-viewport": { unitToConvert: "px", // 要转化的单位 viewportWidth: 750, // UI设计稿的宽度 unitPrecision: 6, // 转换后的精度，即小数点位数 propList: ["*& ...

移动端点击延迟事件 移动端浏览器在派发点击事件的时候，通常会出现300ms左右的延迟。 原因: 移动端的双击会缩放导致click判断延迟。 这是为了检查用户是否在做双击。为了能够立即响应用户的点击事件，才有了FastClick。 解决方式 使用fastclick ，源码地址：https://github.com/ftlabs/fastclick fastclick 原理: 在检测到touchend事件的时候，会通过DOM自定义事件立即出发模拟一个click事件，并把浏览器在300ms之后真正的click事件阻止掉。 使用方式在JS中使用 123456789101112 // 引入 <script type='application/javascript' src='/path/to/fastclick.js'></script> // 使用了jquery的时候 $(function () { FastClick.attach(document.body);
...