- 博客(13)
- 收藏
- 关注
原创 [前端学习] JavaScript 笔记 (六)
在一个代码执行未完成时,如果再次被触发,则会取消上次未完成的,重新开始准备执行,循环往复,只执行最后一次。
2024-05-19 18:20:58
562
1
原创 [前端学习] JavaScript 笔记 (五)
缺点:嵌套引用(循环引用),若两个对象互相引用,尽管它们已不再使用,但是他们的引用次数不为0,垃圾回收器不会进行回收,导致内存泄漏。文件的最外层就是全局作用域,在此声明的变量在函数内部也可以被访问。全局作用域中声明的变量,任何其它作用域都可以被访问。通过构造函数创建的对象称为实例对象,实例对象中的属性和方法称为实例成员(实例属性和实例方法)。一个函数将周围状态的引用捆绑在一起,内层函数中访问到其外层函数的作用域。闭包的作用:封闭数据,提供操作,外部也可以访问函数内部的变量。声明的变量不存在变量提升。
2024-05-16 19:57:37
244
原创 [前端学习] JavaScript 笔记 (四)
正则表达式(Regular Expression)是用于匹配字符串中字符组合的模式。在JavaScript中,正则表达式也是对象。常用于表单验证(匹配)、过滤敏感词(替换)、提前字符串的一部分(提取)。微任务队列存放的是需要在当前任务执行结束后立即执行的任务,如Promise的回调函数。微任务队列的优先级高于任务队列,即使在任务队列中有待执行的任务,也会先执行完微任务队列中的任务。表示匹配除换行符之外的任意一个字符;字符集合,匹配方括号中的任意。
2024-04-17 11:55:15
1691
1
原创 [前端学习] Javascript 笔记 (三)
/ 通过事件对象的 target 属性,获取当前点击的元素,e.target.tagName 获取当前点击元素的标签名。会经历捕获和冒泡两个阶段。// 使用事件委托,只给 ul 添加事件,点击 li 时,事件冒泡到 ul 上,触发事件。// 若希望保留原有类名或添加多个类名,要将所有值都写上,以空格隔开。// 给元素删除类名:如果不存在也不会报错,删除多个类名用逗号隔开。// 给元素添加类名:如果已存在就不添加,添加多个类名用逗号隔开。// 给元素添加类名,这个值会直接替换掉元素原有的class值。
2024-04-11 10:18:16
816
1
原创 [前端学习] JavaScript 笔记 (二)
函数可以把具有相同或相似逻辑的代码包裹起来,通过函数调用执行这些被包裹起来的代码逻辑,这样有利于精简代码方便复用。循环三要素:变量起始值,变量变化量,终止条件(没有终止条件循环会一直执行,造成死循环)循环本质就是以某个变量为起始值,然后不断产生变化量,慢慢靠近终止条件的过程。数组(Array)是一种可以按顺序保存数据的数据类型(属于对象中的一种)。对象(object)也是Javascript中的数据类型。的数据集合,可以使用一个变量管理多个数据,非常方便。中,当满足一定条件时,右边的代码不执行。
2024-04-01 10:24:04
629
原创 [前端学习] JavaScript 笔记 (一)
JavaScript是一种运行在客户端(浏览器)的编程语言,实现人机交互效果。JavaScript的组成JavaScript由ECMAScript和Web APIs两大部分组成,而Web APIs又包括了DOM和BOM。ECMAScript:规定了js基础语法核心知识,例如:变量、分支语句、循环语句、对象等。Web APIsDOM(页面文档对象模型):操作文档,比如对页面元素进行移动、大小变换、添加删除等操作。BOM(浏览器对象模型):操作浏览器,比如页面弹窗、检测窗口宽度、存储数据到浏览器等。
2024-03-13 19:47:48
1734
原创 [前端学习] HTML + CSS 学习笔记(六)
CSS3 概述CSS3 是CSS2 的升级版本,新增了很多强大的新功能;CSS3 的未来会按照模块化的方式去发展。CSS3 的私有前缀1)什么是私有前缀?下面代码中的-webkit-就是私有前缀div {2)为什么要有私有前缀?W3C 标准提出的某个 CSS 特性在被浏览器正式支持之前,浏览器厂商会根据浏览器的内核,使用私有前缀来测试该CSS特性,在浏览器正式支持该CSS特性后,就不需要私有前缀了。例如:-webkit-border-radius: 20px;
2024-01-17 17:25:27
1627
原创 [前端学习] HTML + CSS 学习笔记(五)
由内而外分别是:,设置的是内容区域的宽高,整个元素的大小由内容区、内边距、边框一起组成,会影响整个元素,外边距只会影响元素的位置,不会影响大小。可继承的有:不影响布局的属性,例如字体属性、文本属性(vertical-align除外)、文字颜色等;不可继承的一般是与盒子布局有关的:例如边框、背景、内边距、外边距、宽高、溢出方式等元素有默认样式,在优先级上:默认样式 > 继承的样式。
2024-01-11 19:43:05
834
1
原创 [前端学习] HTML + CSS 学习笔记(四)
:值:自动(默认)——、箭头指针——、无指针——、点——、移动——、抓取——、等待——等。
2024-01-04 16:36:19
906
1
原创 [前端学习] HTML + CSS 学习笔记(三)
HTML + CSS 学习笔记(三)CSS就是层叠样式表,CSS也是一种标记语言,用于给HTML结构设置样式,例如:文字大小、颜色、元素宽高等。一、行内样式(内联样式)在标签内使用style属性设置该标签样式,属性名+:+值+;<!DOCTYPE html><html lang="zh-cn"> <head></head> <body> <h1 style="color: red; font-size: 80px
2023-07-12 18:30:34
188
1
原创 [前端学习] HTML + CSS 学习笔记(一)
无法自动换行,一行可放多个,不可设置宽高,默认宽度是本身内容宽度,行内元素的padding可以设置,margin只能设置水平方向的边距,例如。设置图片大小时,只设置图片的宽/高,图片默认会以等比例缩放,同时设置宽和高时会压缩/拉伸图片,造成图片比例失调。:单标签,属性有src(路径)、alt(图片描述)、width(宽)、height(高)。,表明当前网页是HTML5(不算HTML的标签,是一种特殊标记)自动换行,独占一行,可设置宽高,默认宽度为父元素宽度,例如。:单标签,没有结束标签,单独一个。
2023-06-17 10:17:02
82
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人