- 博客(20)
- 收藏
- 关注
RSS订阅原创 Vue3基础
每次组件实例化时被调用，用于进行初始的配置和逻辑处理，类似于Options API中的beforeCreate和created钩子函数的功能，在setup函数，可以访问和操作props、context，还可以返回一个对象或一个渲染函数。同时，由于使用了响应式数据和函数式编程的思想，组件逻辑代码也更加具有可重用性和可测试性。跟踪UI状态：可以使用ref函数来管理与UI 交互相关的状态，如控制弹窗的打开或关闭，切换开关的状态等。管理表单输入值：可以使用ref函数将表单输入的值进行状态管理，实现数据的双向绑定。
2025-06-04 18:02:37
501
原创 jQueryHTML与插件
delegate()方法为指定的元素（被选元素的子元素）添加一个或多个事件处理程序，并规定当这些事件发生时运行的函数。remove()---删除被选元素及其子元素（自己和子元素都删除了，本身已删除，所以不占位置）empty()---从被选元素中删除子元素（只是把子元素删除掉了，本身没有删除，所以本身占位）bind()、on()方法向被选元素添加一个或多个事件处理程序，以及当事件发生时运行的函数。在被选元素的结尾插入内容（仍然在该元素的内部）在被选元素的开头插入内容（仍然在该元素的内部）
2025-04-10 10:50:38
819
原创 jQuery基础
js：入口函数只有一个，window.onload浏览器兼容性，比如textContent只能支持IE8+以上的浏览器DOM错综复杂，实现简单的效果很麻烦代码兼容性差，出错后导致后面的代码不执行jQuery：市场占有率稳步上升，代码比较少，功能强大DOM比较强大，事件处理，完全解决了浏览器的兼容性问题ajax操作（比较好）jQuery是一个JS函数库jQuery是一个轻量级的“写得少，做得多”的JS库。
2025-04-09 15:57:37
979
原创 JS基础---内置对象使用
substring(start,end) 从start开始截取，end结束，包括start，不包括end。splice(start,length) 从start开始截取，截取length个，返回新数组，start是索引，length是个数。slice(start,end) 从start开始截取，end结束，包括start，不包括end。slice(start,end) 从start开始截取，end结束，包括start，不包括end，返回新数组。
2025-03-31 19:47:10
667
原创 JS基础---预解析、对象
如果没有，就到上一级找，有就返回，没有就继续上一级查找，直到全局，如果全局没有，就报错。主队列：是执行栈，还是js代码执行的主要区域，当调用一个函数的时候会将该函数执行上下文压入执行栈，函数执行完毕后其执行上下文从栈中弹出。如果一个函数属于一个对象所有，那么该函数就可以称之为该对象的一个方法，一般是动词，用来描述事物的行为和功能。如果一个变量属于一个对象所有，那么该变量就可以称之为该对象的一个属性，一般是名词，用来描述事物的特征。直接在script标签中的，都是全局作用域，在页面打开时创建，关闭时销毁。
2025-03-31 18:39:52
642
原创 JS基础---数组与函数
就是将多个元素（通常是同一类型）按照一定的顺序排列放到一个集合中，这个集合就称为数组。数组是一个有序的列表，可以在数组中存放任意的数据，长度也可以动态的调整把一段相对独立的具有特定功能的代码封装起来，形成一个独立的实体，就是函数。函数的作用：封装代码，将来可以重复使用函数声明 函数表达式函数定义好后，函数体并不会执行，只有当函数被调用的时候才会执行,调用需要用（）进行调用//函数声明function 函数名(){// 函数体//函数表达式// 函数体。
2025-03-27 19:38:07
402
原创 JS基础---流程控制
switch 语句在比较值时使用的是全等操作符, 因此不会发生类型转换（例如，字符串'10' 不等于数值 10）if能实现的，switch不一定能实现。switch使用严格比较（===），值和要必配的类型必须相同，才能为ture。while语句当循环条件为true时，执行循环体；if 表达式的结果为boolean类型，常用与区间判断。break：立即跳出整个循环，即循环结束，开始执行循环后面的内容。do...while语句，不管条件是否成立，都会执行一次。（1）循环结构的表达式不同。
2025-03-27 18:10:48
428
原创 JSAPI---offset、client、scroll
clientWidth、clientHeight：获得可是范围的宽度高度，及边框内部的，不包括border，元素没有fixed情况下，父级元素有定位，得到离他最近的有定位的父级元素。元素没有fixed情况下如果元素所有的父级元素都没定位，得到body;offsetHeight：获取元素的高度，包括border及以内，不包括margin。offsetWidth：获取元素的宽度，包括border及以内，不包括margin。如果父元素有定位，距离父元素最左侧的距离。如果父元素有定位，距离父元素最上侧的距离。
2025-03-27 15:22:07
294
原创 JSAPI---DOM操作
API（Application Programming Interface,应用程序编程接口）是一些预先定义的函数，目的是提供应用程序与开发人员基于某软件或硬件得以访问一组例程的能力，而又无需访问源码，或理解内部工作机制的细节。例如：alert()、 prompt()、log()、reverse()、getMonths()JavaScript的组成 ECMAScript、DOM、BOMDOM 文档对象模型 又称为文档树模型文档：一个网页可以称为文档。
2025-03-24 15:56:07
502
原创 JS基础---变量、数据类型、运算
js是一个脚本语言，解释型语言，弱类型语言，基于对象语言，动态类型语言1.在一对script标签中若有错误，接下来的代码就不会执行2.第一对script标签中有错，不影响第二对script标签的代码执行3.script的标签中可以写type="text/javascript"或language="JavaScript"，也可以两者同时出现。目前可以省略，原因是html遵循h5的标准。4.script标签可以出现多对，一般是放在body标签的后面，也可以放在head标签中。
2025-03-24 14:37:04
536
原创 CSS3总结
nth-child (2) 选择父级的第二个子元素 even、2n偶数 odd、2n+1奇数。:nth-last-of-type(n) 从同类型元素最后一个子项计数，第n个元素。::first-letter 选择每一个<li>元素的第一个字母或者第一个汉字。:nth-last-child(n) 从父元素最后一个子项计数，第n个元素。::first-line 选择每一个<li>元素的第一行。:nth-of-type(n) 选择同类型的第n个元素。[target]所有target属性元素。
2025-02-04 20:12:46
547
原创 高级技巧总结
vertical-align 不影响块级元素中的内容对齐，它只针对于行内元素或者行内块元素，特。给img 添加 display：block;别是行内块元素， 通常用来控制图片/表单与文字的对齐。修改父级元素字体尺寸：font-size:0;hidden不显示超过对象内容，超出部分隐藏。none隐藏元素（隐藏之后不保留原来位置）scroll不管是否超出内容，都显示滚动条。auto超出自动显示滚动条，不超出不显示。hidden隐藏元素（隐藏之后占位置）visible不剪切内容也不添加滚动条。
2025-01-24 20:26:40
483
原创 浮动与定位
left元素向左浮动；right元素向右浮动；none元素不浮动，默认值。浮动的元素总是找离它最近的父级元素对齐。但是不会超出内边距的范围。3.浮动后的元素不能超过父元素的范围内边距和边框。1.浮动后的元素脱离标准流文档，不占位置。主要是为了解决父级元素因为子级浮动引起内部高度为0的问题。2.浮动后的元素会转化为行内块元素。：脱离了标准流文档 不占位置会影响标准流文档。
2025-01-21 20:34:52
293
原创 CSS三大特性与盒子模型
对于两个嵌套关系的块元素，如果父元素没有上内边距及边框，则父元素的上外边距与子元素的上外边发生合并，合并后外边距为两者中的最大者，如果父元素的上外边距为0，也会发生合并。当上下相邻的两个块元素相遇时，如果上面的元素有下外边距，下面的元素有上外边距，则他们之间的间距不是两个外边距之和，而是两者中的最大值。把HTML页面中的元素看作是一个矩形的盒子，每个矩形都有元素的内容、内边距、边框和外边距组成。继承样式的权重为0，子元素定义的样式会覆盖继承来的样式。三个属性值：上 左右 下。一个属性值：上下左右。
2025-01-21 20:15:26
1311
原创 CSS选择器、标签的分类、CSS背景
（2）背景平铺：background-repeat:no-repeat（不平铺）repeat(平铺) repeat-x\y 横纵向平铺。（2）行内元素（inline） span、a、del、u、s、b、strong、em、i等。有两个选择器构成，第一个为标签选择器，第二个为类选择器，两个选择器之间不能有空格。<a>标签伪类的书写顺序是a:link、a:visited、a:hover、a:active。（1）块状元素（block） div、p、h1~h6、ul、ol、li等。
2025-01-12 19:04:16
1429
原创 表单类型、多媒体与CSS初识
normal默认 underline下划线 overline文本上的一条线 line-through删除线。综合设置：font:font-style font-weight font-size font-family。font-weight 字体粗细 normal==400 bold==700。不需要的属性可以省略，但必须写font-size font-family。loop 循环播放。
2025-01-11 19:16:13
1220
原创 表格、表单与H5
属性：action url地址 method（post、get两种方式）提交方式 name 表单名称。2.表单标签 （2）然后将rowspan或者colspan写在第一个要合并的单元格上。表头单元格：th 一般在表格的第一行或者第一列，文字会加粗且居中。（3）将合并的行数或者列数写在指定的属性值上。select 下拉列表。
2025-01-10 20:00:02
775
原创 HTML基础
1.浏览器的内核定义？内核中的两个引擎分别有什么作用？浏览器内核是浏览器的核心部分，负责解析网页内容并将其呈现给用户。渲染引擎：获取网页内容（HTML\XML等），加入页面中加入CSS。JS渲染引擎：用来解析JS语言，执行JS实现页面的动态效果。2.五大主流浏览器是？其内核分别是什么？3.WEB标准构成？好处？主要包括结构（HTML）、表现（CSS）、行为（JS）好处：（1）不同浏览器之间兼容性更强（2）提高页面的加载速度（3）页面更好维护（4）降低网站流量费用。
2025-01-10 19:07:53
612
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人