- 博客(366)
- 资源 (10)
- 问答 (1)
- 收藏
- 关注
RSS订阅原创 html+css基础：22、css3的新增文本属性(文本阴影/换行/溢出/修饰/描边)、新增渐变(线性渐变、径向渐变、重复渐变、渐变案例)
CSS3新增文本属性与渐变效果摘要： 本文介绍了CSS3新增的文本属性与渐变效果。在文本属性方面，包括文本阴影(text-shadow)实现文字发光效果、文本换行(white-space)控制空白处理方式、文本溢出(text-overflow)处理长文本显示、文本修饰(text-decoration)添加装饰线样式以及文本描边(-webkit-text-stroke)创建空心文字效果。在渐变效果方面，详细讲解了线性渐变、径向渐变、重复渐变等实现方法，并提供了实际应用案例。这些新特性大大增强了网页文本的表现力
2025-12-26 07:45:00
1669
4
原创 html+css基础：21、css3的新增背景相关属性(background-origin/clip/size或复合属性、多背景图)、新增边框相关属性(边框圆角、边框外轮廓)
CSS3新增了多个背景相关属性：background-origin控制背景定位区域（border-box/padding-box/content-box），background-clip控制背景裁剪区域，background-size调整背景图尺寸（cover/contain/具体值）。还引入了复合属性background，可一次性设置颜色、图片、位置等参数。同时支持多背景图叠加显示。在边框方面新增了圆角（border-radius）和外轮廓（outline）属性，为网页设计提供了更丰富的视觉效果。这些新特
2025-12-26 07:30:00
1407
4
原创 html+css基础：20、css3的新增长度单位、新增颜色设置方式、新增选择器、新增盒子模型相关属性(box-sizing、resize、box-shadow、opacity)
本文介绍了CSS3的几个重要新特性：1）新增视口单位vw/vh和vmax/vmin，实现响应式布局；2）新增盒子模型属性box-sizing，可选择标准或怪异盒模型；3）新增resize属性配合overflow实现元素尺寸调整；4）新增box-shadow属性实现多种阴影效果，支持水平/垂直偏移、模糊半径、扩展半径等参数设置。这些特性增强了CSS的布局能力和视觉效果，使网页开发更加灵活高效。
2025-12-25 07:45:00
664
4
原创 html+css基础：19、html5的新增多媒体标签(新增视频标签、新增音频标签、音频案例)和新增全局属性和兼容性处理
本文介绍了HTML5新增的多媒体标签及其应用。视频标签（<video>）支持controls、muted、loop等属性，可设置封面图（poster）；音频标签（<audio>）同样支持controls和loop属性。通过案例演示了音频播放功能实现，点击按钮触发播放并隐藏遮罩层。此外还介绍了四个新增全局属性：spellcheck（拼写检查）、contenteditable（内容可编辑）、draggable（可拖拽）和hidden（隐藏元素）。最后提到H5兼容性处理方案html5shi
2025-12-25 07:30:00
1077
2
原创 html+css基础：18、html5的新增语义化标签(布局标签、状态标签、列表标签、文本标签)和表单相关的新增(表单控件属性、input新增type属性值)
HTML5新增了多种语义化标签和表单功能。布局标签包括header、nav、aside、article、footer等，帮助构建更清晰的页面结构。状态标签如meter和progress可直观展示数值和进度。列表标签datalist提供下拉选项，details实现可折叠内容。文本标签ruby支持注音，mark高亮文本。表单新增了required、autofocus、autocomplete、pattern等属性，增强了表单验证和交互功能。这些新特性使HTML5代码更具语义化和功能性。
2025-12-24 07:45:00
610
1
原创 html+css基础：17、css2的定位(相对定位、绝对定位、固定定位、粘性定位、定位层级、定位可越过padding、定位特殊应用)
本文介绍了CSS2中的四种定位方式：相对定位、绝对定位、固定定位和粘性定位。通过代码示例展示了相对定位元素在原位保留空间但偏移显示的特性，以及绝对定位元素脱离文档流并相对于最近定位祖先元素定位的特点。文章还演示了定位层级控制、定位元素可越过padding区域等特性，并提供了定位在特殊场景下的应用示例。这些定位技术为网页布局提供了更灵活的解决方案，能够实现更复杂的页面元素排列效果。
2025-12-24 07:30:00
684
1
原创 html+css基础：16、css2的浮动(简介、元素浮动后的特点、浮动小练习、浮动后的影响、解决浮动后的影响的五种方案、浮动布局)
本文介绍了CSS浮动(float)的基本概念及应用。主要内容包括：1）浮动简介，通过图片和首字母浮动示例展示元素脱离文档流的效果；2）元素浮动后的特点，展示多个浮动元素排列特性；3）浮动练习，演示浮动元素可能跳出父容器的现象；4）浮动带来的影响，特别是父容器高度塌陷问题。文章通过多个代码示例直观呈现了浮动的实际效果，为后续讲解浮动布局及解决方案（如清除浮动）奠定了基础。浮动是CSS布局中的重要概念，能实现文字环绕、多栏布局等效果，但需注意其对文档流的影响。
2025-12-23 07:45:00
692
1
原创 html+css基础：15、css2的盒子模型(3种布局技巧、元素之间的空白问题、行内块幽灵的空白问题)
本文介绍了CSS2中的三种布局技巧：1) 使用overflow:hidden创建BFC实现垂直居中；2) 通过text-align:center实现行内元素水平居中；3) 结合text-align和vertical-align实现图文混排。同时探讨了元素间的空白问题和行内块元素的幽灵空白问题，提供了font-size:0、vertical-align调整和display:block等解决方案。文中包含完整代码示例和效果截图，详细展示了各种布局技巧的实际应用效果。
2025-12-23 07:30:00
1112
1
原创 html+css基础：14、css2的盒子模型(margin塌陷、margin合并、处理内容溢出、隐藏元素的两种方式、样式的继承、元素的默认样式)
CSS盒子模型常见问题总结：1.margin塌陷表现为子元素margin-top影响父元素位置，可通过给父元素添加border/padding或设置overflow:hidden解决；2.margin合并是相邻元素垂直margin会重叠，可通过display:inline-block规避；3.内容溢出处理使用overflow属性控制，可选visible/hidden/scroll/auto；4.隐藏元素有display:none（不占位）和visibility:hidden（占位）两种方式；5.部分样式（如
2025-12-22 07:45:00
1618
1
原创 html+css基础：13、css2的盒子模型(盒子的内边距、盒子的边框、盒子的外边距)及margin的注意事项
本文介绍了CSS2盒子模型中的内边距(padding)、边框(border)和外边距(margin)的设置方法及注意事项。内边距可通过padding属性设置四个方向的值；边框可分别设置宽度、颜色和样式；外边距通过margin属性调整元素间距。重点注意事项包括：1)子元素margin基于父元素content计算；2)上下margin会影响自身或兄弟元素位置；3)行内元素垂直margin不生效；4)margin会传递给父元素；5)margin可以设置为负值。文章通过多个代码示例演示了这些属性的实际应用效果。
2025-12-22 07:30:00
789
1
原创 html+css基础：12、css2的盒子模型(常用的长度单位、元素显示模式、总结各元素显示模式、修改元素显示模式、盒子模型组成部分、盒子内容区content、关于默认宽度)
本文介绍了CSS2中盒子模型的相关知识，主要包括：1）常用长度单位（px、em、rem、%）；2）元素显示模式（块级、行内、行内块元素）及其特点；3）如何通过display属性修改元素显示模式；4）盒子模型的组成部分（content、padding、border、margin）。通过多个代码示例展示了不同长度单位的应用效果和各类元素的显示特性，帮助理解CSS盒模型的基本概念和使用方法。
2025-12-17 07:45:00
1154
原创 html+css基础：11、css2的列表相关属性、表格相关属性(边框相关属性、表格独有属性)、背景相关属性、鼠标相关属性
CSS2提供了丰富的样式属性，主要包括列表、表格和背景相关属性。列表属性可通过list-style-type、list-style-position等控制符号样式和位置；表格属性包括边框样式(table-layout、border-collapse)和单元格控制(border-spacing、empty-cells)；背景属性支持颜色(background-color)、图片(background-image)及定位等设置。这些属性不仅适用于特定元素，也可用于其他HTML元素，如span、div等，为网页设
2025-12-17 07:30:00
756
原创 html+css基础：10、css2的常用文本属性(文本修饰、文本缩进、文本水平对齐、细说font-size、行高及注意事项、文本垂直对齐、vertical-align)
本文总结了CSS2中常用文本属性的应用方法，主要包括：1. 文本修饰（text-decoration）实现上划线、下划线和删除线效果；2. 文本缩进（text-indent）控制段落首行缩进；3. 文本水平对齐（text-align）设置内容对齐方式；4. 字体大小（font-size）与字体家族（font-family）的配合使用；5. 行高（line-height）的四种写法及其注意事项，包括行高继承、与高度的关系，以及在多行间距调整和单行垂直居中中的应用。通过代码示例展示了各属性的具体实现效果。
2025-12-16 07:45:00
2105
原创 html+css基础：09、css2的常用字体属性(字体大小、字体族、字体风格、字体粗细、字体复合属性)及常用文本属性(文本颜色、文本间距)
本文介绍了CSS2中常用的字体属性和文本属性。字体属性包括：字体大小（font-size）、字体族（font-family）、字体风格（font-style）、字体粗细（font-weight）以及复合属性font。文本属性主要介绍了文本颜色（color）的各种表示方法，如颜色名称、RGB/RGBA、十六进制、HSL/HSLA等。通过多个示例代码和效果图，展示了这些属性的实际应用效果，如不同字体大小对比、多种字体族设置、斜体效果、粗细程度以及复合属性的使用方式。文章还特别指出浏览器最小支持12px字体，并演
2025-12-16 07:30:00
631
原创 html+css基础：08、css2的选择器优先级、三大特性、像素、颜色(颜色名、rgb/rgba、hex/hexa、hsl/hsla等四种方式)
本文介绍了CSS2的核心概念：1）选择器优先级规则：行内样式>ID选择器>类选择器>元素选择器>通配符，!important具有最高优先级；2）CSS三大特性：层叠性、继承性和优先级；3）像素单位的使用示例；4）四种颜色表示方式：颜色名称、RGB/RGBA、HEX/HEXA以及HSL/HSLA。通过多个代码示例展示了这些特性的实际应用效果，帮助理解CSS基础概念。
2025-12-15 07:45:00
941
原创 html+css基础：07、css2的复合选择器_伪类选择器(概念、动态伪类、结构伪类(核心)、否定伪类、UI伪类、目标伪类、语言伪类)及伪元素选择器
本文介绍了CSS中多种伪类选择器的概念和应用。主要包括：1）伪类选择器的基本概念，通过a:link和a:visited示例说明元素特殊状态的样式控制；2）动态伪类选择器，展示链接在不同状态（未访问、悬停、激活、已访问）下的样式变化；3）结构伪类选择器，详细解析first-child、last-child、nth-child等选择器的使用方法和效果，包括按兄弟元素和同类型兄弟元素计算的不同应用场景。通过多个HTML结构和对应的CSS样式示例，直观展示了各类伪类选择器的实际应用效果。
2025-12-15 07:30:00
680
原创 html+css基础：06、css2的复合选择器(交集选择器、并集选择器、后代选择器、子代选择器、兄弟选择器、属性选择器)
本文介绍了CSS2中常用的复合选择器类型及其应用示例。主要内容包括：1）交集选择器（同时满足多个条件的元素）；2）并集选择器（选择多个元素的集合）；3）后代选择器（选择嵌套元素）；4）子代选择器（直接子元素）；5）兄弟选择器（相邻或所有兄弟元素）；6）属性选择器（根据属性值匹配元素）。每种选择器都提供了HTML代码示例和对应的样式效果图，展示了不同选择器的具体应用场景和渲染结果。这些复合选择器可以灵活组合，实现更精准的页面元素样式控制。
2025-12-10 07:45:00
1640
原创 html+css基础：05、css2的编写位置(行内样式、内部样式、外部样式)及样式表优先级及语法规范及代码风格及基本选择器(通配、元素、类、ID选择器)
本文介绍了CSS的基础知识，包括三种编写位置（行内样式、内部样式、外部样式）及其优先级规则，展示了不同位置样式的实现代码和效果。详细讲解了CSS语法规范、代码风格（展开/紧凑格式），以及基本选择器（通配选择器、元素选择器、类选择器）的使用方法，通过多个示例代码演示了各选择器的应用场景和实际效果。文章采用代码+效果图的形式直观呈现CSS样式的应用结果。
2025-12-10 07:30:00
1692
原创 html+css基础：04、html4的表单(基本结构、常用控件、禁用表单控件、label标签、fieldset及legend)及框架标签及字符实体及全局属性及meta元信息
本文介绍了HTML表单的基本结构、常用控件及相关属性。主要内容包括：表单的基本结构代码示例，展示如何通过form元素提交数据到百度、京东等网站；常用表单控件的使用，如文本输入框、密码框、单选框、复选框、下拉选择框等；禁用表单控件的方法；label标签的使用技巧；以及表单的提交、重置等操作按钮的实现方式。通过代码示例和效果截图，直观展示了各类表单元素的实现方法和实际应用场景。
2025-12-09 07:45:00
699
原创 html+css基础：03、html4的超链接(跳转页面、跳转文件、跳转锚点、唤起指定应用)及列表(注意事项)及表格(整体结构、常用属性、跨行与跨列)及补充常用标签
本文介绍了HTML超链接的多种应用方式：1）跳转页面（包括同窗口和新建窗口跳转）；2）跳转文件（支持图片、视频、PDF等浏览器可打开的文件，以及强制下载功能）；3）跳转锚点（实现页面内定位）；4）唤起指定应用（如电话、邮件、短信）。每种方式都提供了示例代码和效果演示，并配有相应的图片说明。文章还涵盖了超链接使用中的注意事项，如刷新页面的实现差异等。
2025-12-09 07:30:00
863
原创 html+css基础：02、html4(标准结构、排版标签、语义化标签、块级元素与行内元素、常用文本标签、不常用文本标签、图片标签、演示base64图片)
本文介绍了HTML的基本结构和常用标签，包括标准文档结构、排版标签（h1-h6、p、div）、语义化标签、块级与行内元素特性（div/span等）、常用文本标签（em/strong/span）以及不常用文本标签（cite/del/sub等）。通过代码示例展示了各类标签的实际应用，并附有对应的页面效果截图。文章还包含了图片标签的使用说明和base64图片演示，为HTML初学者提供了全面的标签使用参考。
2025-12-08 07:45:00
1536
4
原创 html+css基础：01、初识html4(html初体验、html标签、html标签属性、html基本结构、html注释、html文档声明、html字符编码、html设置语言)
html的marquee标签的使用，每个标签中可能要包含的属性值，html自己标准的基本结构是什么，怎样写才是符合html规则的，如何给html中除标签及标签属性外的其它语句添加注释，来诠释每个代码的各个用处，html如何添加文档声明，为何要添加文档声明，html字符编码是什么意思，为什么要添加字符编码，是不是 utf-8 是通用的字符编码，html如何设置语言，为何要设置语言
2025-12-08 07:30:00
996
2
原创 js补充高级：10、js分号问题、内存溢出与内存泄漏问题及解决方案
本文探讨了JavaScript中的两个关键问题：分号使用规范及内存管理。在分号问题上，文章指出虽然JS语句末尾可不加分号，但在特定情况下（如小括号或方括号开头的语句前）必须加分号以避免代码合并错误，并给出了实际案例说明。在内存管理方面，分析了内存溢出（程序需求超过可用内存）和内存泄漏（未及时释放内存）的区别，列举了三种常见的内存泄漏情况：意外的全局变量、未清理的计时器/回调函数以及闭包滥用，同时提供了相应的解决方案。文章通过代码示例直观展示了这些问题的影响和解决方法，为开发者提供了实用的编码建议。
2025-12-03 07:45:00
1720
原创 js线程高级：09、线程机制与事件机制(进程与线程、浏览器内核、定时器引发思考、JS是单线程、事件循环模型、Web Workers)
本文探讨了JavaScript的进程与线程、浏览器内核、定时器机制以及事件循环模型。主要内容包括：1）浏览器多进程架构与JS单线程特性；2）定时器执行的不确定性及其在主线程执行的特性；3）JS采用单线程模式的原因（避免DOM操作冲突）；4）事件循环模型的执行流程（先同步后异步）。通过代码示例展示了定时器延迟、alert阻塞等现象，验证了JS的单线程本质。最后提到Web Workers可实现多线程，但受限于不能操作DOM。
2025-12-03 07:30:00
1831
原创 js对象高级：08、详解3种继承模式(原型链继承、借用构造函数继承、组合继承)
JavaScript继承的三种模式：原型链继承通过将子类原型指向父类实例实现继承，但会导致constructor指向问题；借用构造函数继承在子类中通过call()调用父类构造函数，只能继承属性无法继承方法；组合继承结合两者优点，利用原型链继承方法，借用构造函数继承属性。每种方式各有特点，原型链继承简单但有缺陷，组合继承是较优解决方案。实际开发中应根据需求选择合适的继承方式，理解原型链机制是关键。
2025-12-02 07:45:00
897
原创 js对象高级：07、详解5种对象创建模式(Object构造函数模式、对象字面量、工厂模式、自定义构造函数模式、构造函数+原型的组合模式)
本文介绍了JavaScript中五种创建对象的方式：1) Object构造函数模式，通过new Object()创建空对象后动态添加属性；2) 对象字面量模式，使用{}直接定义对象属性和方法；3) 工厂模式，通过工厂函数返回新对象；4) 自定义构造函数模式，使用new调用自定义构造函数；5) 构造函数+原型组合模式，将属性定义在构造函数中而方法添加到原型上。每种方式各有特点，适用于不同场景，其中组合模式既能区分对象类型又能节省内存，是最常用的对象创建方式。
2025-12-02 07:30:00
604
原创 js函数高级：06、详解闭包(引入闭包、理解闭包、常见闭包、闭包作用、闭包生命周期、闭包应用、闭包缺点及解决方案)及相关面试题
本文介绍了JavaScript中闭包的概念、应用场景及其优缺点。闭包是指内部函数引用外部函数变量时形成的特殊对象，能够延长局部变量的生命周期并允许外部操作内部数据。通过按钮点击事件和函数返回值等示例，展示了闭包的常见应用方式。文章还分析了闭包可能导致的内存泄漏问题及解决方案，并提供了相关面试题解析。闭包在JavaScript编程中具有重要作用，但需合理使用以避免性能问题。
2025-12-01 14:29:36
677
原创 js函数高级：05、详解作用域与作用域链(作用域、作用域与执行上下文、作用域链)及相关面试题
本文深入解析JavaScript中的作用域概念，通过多个代码示例演示了全局作用域、函数作用域及作用域链的工作原理。主要内容包括： 作用域定义：静态的代码区域，分为全局/函数作用域，ES6新增块作用域 执行上下文：动态创建的执行环境，与作用域的区别在于创建时机和生命周期 作用域链：变量查找规则，从内向外逐级查找 面试题解析：通过两个典型题目说明函数作用域在定义时确定而非调用时 关键结论：函数作用域在定义时静态确定，变量查找沿作用域链进行，执行上下文从属于对应作用域。文章配有详细代码示例和可视化图解，帮助理解这
2025-12-01 14:29:18
772
原创 js函数高级：04、详解执行上下文与执行上下文栈(变量提升与函数提升、执行上下文、执行上下文栈)及相关面试题
本文探讨了JavaScript中的变量提升、函数提升、执行上下文及执行上下文栈的相关概念。变量提升表现为var声明的变量在定义前可访问（值为undefined），函数提升表现为function声明的函数在定义前可调用。执行上下文分为全局和函数两种：全局上下文预处理var变量和function函数，函数上下文处理形参、arguments等。执行上下文栈管理上下文的创建与销毁，遵循"函数调用数+1"规则。通过典型面试题展示了变量/函数提升的差异，以及递归调用时上下文栈的变化过程，并附有执行流
2025-11-28 17:17:18
823
原创 js函数高级：03、详解原型与原型链(原型、显式原型与隐式原型、原型链、原型链属性、探索instanceof、案例图解)及相关面试题
本文详细介绍了JavaScript中的原型系统，包括原型、显式原型与隐式原型、原型链及其相关概念。主要内容包括： 原型(prototype)：每个函数都有prototype属性，指向一个原型对象，该对象包含constructor属性指向函数本身。通过给原型添加方法，实例对象可自动继承这些方法。 显式原型(prototype)与隐式原型(proto)：函数具有显式原型prototype，实例对象具有隐式原型__proto__，两者指向同一个原型对象。实例的__proto__属性在创建时自动设置为其构造函数的p
2025-11-28 17:16:59
754
原创 js基础高级：02、对象(定义与使用)、函数(定义与调用)、回调函数(定义与调用)、IIFE(立即调用函数表达式)、函数中的this(定义与调用)
摘要：本文介绍了JavaScript中对象、函数、回调函数和IIFE的基本概念与应用。对象是数据的封装体，包含属性和方法；函数用于封装功能代码，可通过不同方式调用；回调函数由系统触发，常见于DOM事件和定时器；IIFE（立即调用函数表达式）能隐藏实现并避免污染全局命名空间。通过代码示例展示了这些概念的实际用法，帮助理解JavaScript的核心机制。
2025-11-20 17:28:18
1177
原创 js基础高级：01、数据类型(typeof、instanceof、===的使用)、数据与变量与内存(定义、赋值与内存关系、引用变量赋值、js调函数传参)
本文主要介绍了JavaScript中的数据类型、变量与内存的相关概念。数据类型分为基本类型（String、Number、boolean、undefined、null）和对象类型（Object、Function、Array）。判断数据类型可使用typeof、instanceof和===运算符，并分析了它们的区别和适用场景。 第二部分探讨了变量类型与数据类型的区别，说明变量类型分为基本类型和引用类型。同时解释了undefined与null的区别，以及何时给变量赋值为null。 最后阐述了数据、变量与内存的关系：
2025-11-20 17:28:01
620
原创 js(BOM)基础：16、轮播图的实现、轮播图自动播放的实现、类的操作、二级菜单的实现、JSON操作
本文摘要：该代码实现了一个轮播图功能，包含动画移动工具函数和轮播图核心逻辑。工具函数tools.js提供了move()和getStyle()方法，支持元素动画移动和样式获取。轮播图实现部分通过动态计算图片列表宽度、导航按钮居中定位，并绑定点击事件实现图片切换功能。代码包含自动调整布局、索引控制、平滑动画过渡等核心功能，同时处理了浏览器兼容性问题。整体实现了一个可交互、响应式的轮播图组件。
2025-11-14 18:20:14
812
原创 js(BOM)基础：15、Navigator对象、History对象、Location对象、定时(器)调用、demo(定时器实现图形变化动画)
摘要：本文介绍了BOM(Browser Object Model)中的Navigator和History对象。Navigator对象用于识别浏览器信息，通过userAgent属性可以判断浏览器类型如Chrome、Firefox和IE，并展示了不同浏览器的userAgent字符串特征。对于IE11，还可通过检测window.ActiveXObject属性来判断。History对象则用于操作浏览器历史记录，包含length属性获取访问页面数，以及back()、forward()等方法实现页面导航功能。文章通过代
2025-11-14 18:19:54
828
原创 js(DOM)基础：13、DOM操作CSS、读取元素样式、其它样式操作属性、demo(阅读完协议才能注册)、事件对象、demo(div跟随鼠标)、冒泡
本文介绍了两种在JavaScript中操作CSS样式的方法。第一部分展示了通过DOM的style属性直接修改元素样式，使用语法元素.style.样式名 = 样式值，并注意样式名需要转换为驼峰命名法。第二部分讲解如何读取元素样式，对比了IE浏览器的currentStyle和其他浏览器的getComputedStyle()方法，并提供了一个兼容性函数getStyle()来统一这两种方式。文章通过代码示例和注释详细说明了各种方法的用法及注意事项，包括样式优先级问题和不同浏览器的兼容性处理。
2025-11-13 08:00:00
1022
原创 js(DOM)基础：14、事件的委派、事件的绑定、事件的传播、拖拽、滚轮事件、键盘事件、demo(方向键移动)
javascript的DOM操作基础：其一、关于事件的委派/绑定/传播的定义：从而搞清楚如何触发的事件，触发事件的方法有哪些，如何在不同的浏览器中兼容这些事件的触发，事件触发的捕获阶段/目标阶段/冒泡阶段的获取及标准；其二、关于拖拽操作的实践：如何决定拖拽操作的开始与停止，如何让拖拽操作达到想要的效果；其三、滚轮事件及键盘事件：如何触发滚轮的事件，如何兼容不同浏览器触发不同的滚轮事件值，如何根据不同的键盘keyCode值来做相应的动作和效果(如：altKey,ctrlKey,shiftKey等);
2025-11-13 08:00:00
1181
原创 js(DOM)基础：11、DOM定义、事件、文档的加载、DOM查询1、DOM实现轮播图、DOM查询2、DOM实现全选
本文介绍了JavaScript中DOM的基本概念和应用。主要内容包括：1) DOM的定义和文档节点对象的使用示例；2) 事件处理机制，包括事件绑定方式；3) 文档加载过程和onload事件的应用；4) 常用DOM查询方法如getElementById、getElementsByTagName等；5) 通过DOM操作实现的轮播图和全选功能。文章通过代码示例展示了如何获取DOM元素、修改元素内容、绑定事件处理函数等基础DOM操作。
2025-11-07 00:00:00
384
原创 js(DOM)基础：12、DOM查询3、DOM增删改、DOM删除列表、DOM添加列表、DOM操作遇到问题
本文介绍了JavaScript中DOM查询的多种方法，包括获取body/html标签(document.body/document.documentElement)、查询所有元素(document.all)、根据class属性查询(getElementsByClassName/getElementsByTagName)以及使用querySelector()和querySelectorAll()进行CSS选择器查询。第二部分详细讲解了DOM增删改操作，如createElement创建元素节点、createTe
2025-11-07 00:00:00
917
原创 js基础：10、函数对象方法(call/apply)、arguments类数组对象、Date对象、Math工具类、包装类、字符串方法、正则表达式
JavaScript核心概念摘要（145字）： 本文介绍了JavaScript中的核心对象与方法：1)函数对象的call()/apply()方法用于改变this指向；2)arguments类数组对象存储实参，含length属性和callee引用；3)Date对象处理日期时间，包括getDate()、getDay()、getMonth()等方法及时间戳概念；4)Math工具类提供数学计算功能；5)包装类实现基本类型到对象的转换；6)字符串常用操作方法；7)正则表达式进行模式匹配。重点解析了函数调用时this的
2025-10-31 19:48:34
637
原创 js基础：09、数组(定义、创建、遍历、方法(push/pop/unshift/shift/slice/splice/join/reverse/sort)、练习)
本文介绍了JavaScript数组的基本操作与方法。主要内容包括：1）数组定义，说明数组是使用数字索引存储值的对象；2）创建数组的两种方式（字面量和构造函数）及其区别；3）数组遍历方法，使用for循环访问所有元素；4）常用数组方法，如push()/pop()在末尾添加/删除元素，unshift()/shift()在开头操作元素。文中通过示例代码演示了各种操作的语法和效果，并配有控制台输出结果截图，帮助理解数组的基本使用方法。
2025-10-31 19:47:02
347
04js-advanced(done)主要是：基本深入总结高级/函数高级/对象高级/线程机制与事件机制高级/补充高级
2025-12-02
03js(done)主要是：基本语法/对象/dom/事件/bom+轮播图自动播放/二级菜单等的实现
2025-11-14
前端语言 + javascript语法ppt + 简介/基本语法/对象/dom/事件/bom + 前端深挖学习
2025-08-29
家庭收支记账软件系统(java实现)
2024-08-13
使用webpack4 + vue2 从零开始创建的 TodoList 前端项目
2023-10-11
vue2 + webpack4相适配的 能成功打包的 package.json 文件
2023-08-25
vue2 + webpack5相适配的 能成功打包的 package.json 文件
2023-08-25
中转平台框架 + 登录页面 + 路由配置 + mockjs配置 + axios配置+退出配置+vuex配置+echarts 配置
2023-07-08
Vue3 框架 + Element-Plus 库 + mockjs 假数据 + vue3-demo + 环境已经配好拿来就用
2023-07-06
flexible.js
2021-10-29
动态创建夜空小星星的过程.rar
2021-06-16
Faststone capture.rar
2021-04-12
TA创建的收藏夹 TA关注的收藏夹
TA关注的人