- 博客(10)
- 收藏
- 关注
原创 侦听器/监听器
它之所以叫侦听器,是因为它可以侦听一个或多个响应式数据源数据,并再数据源变化时调用所给的回调函数。就是你传给watch侦听器一个响应式变量,然后当这个变量变化时,自动触发一个你定义的函数,就像一个人被监控了一样,只要这个人一动,摄像头就会报警。
2024-06-22 14:56:42 460
原创 解构赋值es6
什么是解构赋值ES6允许按照一定模式,从数组和对象中提取值,对变量进行赋值解构赋值可以立即将一个对象或数组映射到多个变量上。解构对象的完整语法:1表示属性 prop 会被赋值给变量 varName,如果没有这个属性,就会使用默认值 default。没有对应映射的对象属性会被复制到 rest 对象。解构数组的完整语法:1数组的第一个元素被赋值给 item1,第二个元素被赋值给 item2,剩下的所有元素被复制到另一个数组 rest。
2024-06-01 15:00:36 1269
原创 本地存储和会话存储
本地存储(LocalStorage)是浏览器提供的一种机制,允许Web应用程序在用户的浏览器中存储数据。这些数据以键值对(key-value pairs)的形式存储,并且可以在浏览器会话之间保持持久性。本地存储是基于域名的,这意味着数据将与特定域名相关联。持久性: 存储在LocalStorage中的数据在浏览器关闭后仍然保留,直到被明确删除。容量限制: 浏览器为每个域名提供了一定的LocalStorage存储容量,通常为5-10MB。超出容量限制时,需要谨慎管理存储数据。
2024-05-25 15:15:13 917
原创 有趣的渐变
渐变,指形状或颜色的有规律性的变化,往往可以给人很强的节奏感和审美情趣,这里研究的主要是颜色的渐变。渐变的形式在日常生活中很常见,在网页中的用的也很多,传统网页技术中往往用图片来实现渐变,容易带来加载负担和动态定制的瓶颈。CSS3提供了实现渐变的属性,随着浏览器的逐步支持,研究CSS3渐变已势在必行。涉及CSS渐变的属性主要有linear-gradient、radial-gradient、repeating-linear-gradient、repeating-radial-gradient四个属性。
2024-05-19 19:09:29 735 1
原创 flex布局
1.基本概念Flex 弹性盒子模型是一种 CSS 布局模型,用于创建灵活的、自适应的布局结构。该模型由容器(Flex Container)和项目(Flex Item)组成,容器是 Flex 项目的父元素。2.主要属性1,display: 定义一个块级容器为 Flex 容器,可以是 flex 或 inline-flex。2,flex-direction: 控制 Flex 项目在容器中的排列方向,可以是水平(row)、垂直(column)或其反向。
2024-05-05 09:59:46 1523 2
原创 正则表达式
正则表达式是构成搜索模式(search pattern)的字符序列。当您搜索文本中的数据时,您可使用搜索模式来描述您搜索的内容。正则表达式可以是单字符,或者更复杂的模式。正则表达式可用于执行所有类型的文本搜索和文本替换操作。
2024-04-27 09:26:07 460 1
原创 js函数详解
函数声明提升可以用于调整代码的顺序,将大段的定义过程放到代码最后,但是不影响代码执行效果。函数表达式:进行的是变量声明提升,而不是函数声明提升。提升后变量内部存的是一个undefined。在前面进行函数方法调用,数据类型会提示错误。如果函数没有设置 return语句 ,那么函数有默认的返回值undefined;如果函数使用 return语句,但是return后面没有任何值,那么函数的返回值也是undefined。函数调用如果实参的个数小于形参的个数,未被赋值的形参的值为undefined.
2024-04-20 10:04:40 607 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人