CSS 选择器详细分类

CSS

CSS 选择器有很多类型: 通配符选择器、标签选择器、类选择器、id选择器、群组选择器、后代选择器、子代选择器、交集选择器、兄弟选择器、属性选择器、伪类选择器。使用合适的选择器可以更好匹配元素,CSS 样式代码更加优雅

辰风沐阳 阅读 703 2022-08-06

HTML5 语义化标签

HTML

HTML5 语义化标签可以使页面呈现出很好的内容结构、代码结构,比 div 标签有更加丰富的含义,方便开发与维护。比如看到 header 标签就知道这是头部内容,看到 footer 标签就知道这段内容是公共底部,而 nav 标签一般作为导航栏使用

辰风沐阳 阅读 781 2022-07-30

CSS font-family 属性设置字体

CSS

font-family 属性用于给元素指定字体,该属性的值是一个字体系列,每个值使用逗号隔开,如果字体名名称包含空格,那么字体名称必须使用引号包裹,设置的字体是否可用取决于用户机器上该字体是否可用

辰风沐阳 阅读 1054 2022-07-28

玩转 CSS Flexbox 弹性布局

CSS

本文记录 CSS 弹性布局中常用的属性及其属性值。创建 flex 块级容器: display: flex; 创建 flex 行内容器 display: inline-flex。定义主轴方向: flex-direction: row; 水平方向为主轴(默认值) flex-direction: column; 垂直方向为主轴

辰风沐阳 阅读 732 2022-07-24

uniapp 中的生命周期函数

uni-app

uniapp 中的生命周期可以分为三大部分: 应用生命周期,页面生命周期,组件生命周期。应用生命周期 在 App.vue 文件中定义,页面生命周期定义在 pages 目录下的 vue 文件,组件生命周期定义在 components 目录下的文件。

辰风沐阳 阅读 816 2022-07-23

uniapp 中的交互反馈 API【提示框】

uni-app

消息提示 是项目中不可缺少一个功能,比如: 表单提交成功后的提示,操作成功后的提示,此外,询问框和加载动画也是经常使用。uniapp 提供了该 API,详细用法参考官方文档 API - 界面 - 交互反馈 章节

辰风沐阳 阅读 536 2022-07-22

异步编程解决方案 Promise

JavaScript

回调地狱是指在回调函数中嵌套回调函数。 ES6 原生提供了 Promise 对象,Promise 解决了回调地狱的问题。Promise 实例有两个属性: state,result。Promise 实例的三种状态为:pending,fulfilled,rejected

辰风沐阳 阅读 1138 2022-07-10

Vue 2.x 过滤器

vue

Vue2 支持自定义过滤器,可被用于一些常用的文本格式化。过滤器可以用在两个地方:双花括号插值 和 v-bind 表达式,过滤器应被添加在 JavaScript 表达式的尾部,使用 “管道符号” 指示。需要注意的是在 Vue3 中已经不支持过滤器

辰风沐阳 阅读 418 2022-07-08

CSS 控制内容显示行数

CSS

显示一行内容,超出部分使用省略号表示(只有块元素才会生效)overflow: hidden; text-overflow: ellipsis; white-space: nowrap; 显示两行或三行,超出部分用省略号显示,需要使用 -webkit-box-orient: vertical;

辰风沐阳 阅读 899 2022-07-07

初识 yarn 包管理工具

JavaScript nodejs yarn

Yarn 是一个软件包管理器,是 facebook 在 npm 之后又造的一个包管理器轮子。yarn 是为了弥补 npm 的一些缺陷而出现的。yarn 相对 npm 来说的优点有:速度更快,安装版本更统一,命令输出更加简洁。

辰风沐阳 阅读 833 2022-06-29