JS 中的 ?. 和 ??

JavaScript

可选链操作符(?. ): 不必明确验证链中的每个引用是否有效。可选链操作符的功能类似于链式操作符(.),不同之处在于引用为空的情况下不会引起错误。空值合并操作符(??): 只有当左侧为 null 或 undefined`时,才会返回右侧的数

辰风沐阳 阅读 67 2022-08-16

CSS overflow 内容溢出时的显示方式

CSS

css 中的 overflow 属性用于控制内容溢出元素框时的显示方式。当元素框中的内容溢出时,无非就是两种情况: 溢出部分隐藏、溢出部分通过滚动条查看。最常见用法是: overflow: hidden; (溢出隐藏) overflow: auto; (内容溢出时显示滚动条)

辰风沐阳 阅读 78 2022-08-16

网站经典功能之返回顶部

HTML JavaScript

当页面内容很多的时候,用户可能会一直往下滑动页面。但是当他想返回页面顶部进行其他操作时,他可能需要不断滚动鼠标滚轮,这就导致用户体验将很差。鉴于这种情况, “回到顶部”这一功能便出现了。

辰风沐阳 阅读 42 2022-08-13

CSS 中的变量

CSS

在 CSS 中,有很多需要反复使用的属性值,如果每个使用的地方都直接写死这个值,而没有使用变量去定义这个值的话,后期修改起来会很麻烦。有很多人忽略了在 CSS 中也可以定义变量这个事情,相信你会爱上它 !

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

CSS 选择器详细分类

CSS

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

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

HTML5 语义化标签

HTML

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

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

CSS font-family 属性设置字体

CSS

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

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

玩转 CSS Flexbox 弹性布局

CSS

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

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

uniapp 中的生命周期函数

uni-app

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

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

异步编程解决方案 Promise

JavaScript

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

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