- 博客(14)
- 收藏
- 关注
原创 js对象模型
摘要:JavaScript采用基于原型的对象模型,通过[[Prototype]]实现继承。对象可通过字面量、构造函数或Object.create()创建。原型链机制使属性查找沿原型链向上进行。构造函数通过prototype共享方法,ES6的class语法是原型继承的语法糖。此外,静态成员、属性描述符控制、Symbol唯一键等特性丰富了对象操作。原型机制是JavaScript面向对象编程的核心基础。
2025-08-22 17:28:53
318
原创 js对象模型
JavaScript对象模型是语言核心,主要包括对象创建、原型继承和属性操作。对象可通过字面量或构造函数创建,使用原型链实现继承。ES6类语法是构造函数的语法糖。属性描述符可控制属性行为,常用方法如Object.keys()获取属性键。注意浅拷贝与深拷贝的区别,Map对象比普通Object更灵活。性能优化建议避免频繁修改对象结构,大量相似对象使用构造函数,高频增删考虑Map。
2025-08-22 11:05:17
263
原创 JSON 与 AJAX 的关系
JSON是一种轻量级数据交换格式,常用于AJAX技术中替代XML。其优势在于结构简洁、易解析、跨语言支持,能高效传输数据。AJAX通过异步请求实现局部页面更新,结合JSON可优化数据交互。使用时需注意跨域问题、安全性和错误处理。两者结合为现代Web开发提供了高效的数据传输方案。
2025-08-22 08:06:13
803
原创 JavaScript变量
JavaScript变量声明方式:var(函数作用域,存在变量提升)、let(块级作用域,不可重复声明)和const(块级作用域,声明后不可更改)。变量命名需遵循特定规则(以字母/下划线/$开头,区分大小写,不用保留字)。作用域分为全局、函数(var)和块级(let/const)。var存在变量提升特性(声明提升但赋值不提升)。JS是弱类型语言,变量类型可动态改变。
2025-08-21 10:21:25
276
原创 js流程控制语句
本文介绍了编程中的基本控制结构,包括条件语句(if/elseif/else)、循环语句(for/while/do-while)、跳转语句(break/continue)、switch语句、异常处理(try-catch-finally)以及逻辑运算符(&&/||/!)。这些结构用于根据不同条件执行代码、重复操作、控制流程跳转和错误处理。文章还提到了简洁的三元运算符,通过condition?value1:value2的形式实现快速条件判断。这些基本结构是构建程序逻辑的核心要素。
2025-08-16 11:23:39
184
原创 什么是JavaScript
JavaScript是一种轻量级、解释型编程语言,主要用于网页交互功能开发。作为Web三大核心技术之一,它支持事件驱动、函数式编程和基于原型的面向对象编程。JavaScript具有动态类型、跨平台和单线程异步模型等特性,可应用于网页交互、前后端开发、移动应用等多个领域。其基础语法简单灵活,通过ECMAScript标准不断更新演进。作为初学者首选语言,JavaScript拥有丰富的学习资源和实践工具,是构建现代Web应用的重要技术。
2025-08-14 17:39:31
716
原创 行内块元素知识点
行内块元素(inline-block)兼具行内与块级元素特性,既可水平排列又能设置宽高边距。其特点包括:默认水平排列、支持尺寸定义、保留盒模型属性。常用于导航菜单、图文对齐等场景。使用时需注意默认间隙(可通过父元素font-size:0消除)、垂直对齐调整及旧版IE兼容性问题。示例代码展示如何创建水平排列的等宽元素块。
2025-08-13 08:03:19
194
原创 css定位方法
CSS提供了多种定位方法控制页面元素布局:静态定位(position:static)是默认方式;相对定位(position:relative)可微调元素位置;绝对定位(position:absolute)使元素脱离文档流,相对于最近定位祖先元素定位;固定定位(position:fixed)相对于视口固定,适合导航栏等;粘性定位(position:sticky)结合相对和固定定位特性。通过top/right/bottom/left调整位置,z-index控制层叠顺序。不同定位方式适用于不同场景,如弹出层、固定
2025-08-12 17:39:22
314
原创 HTML行级块级元素
HTML元素分为行内元素和块级元素,主要区别在于布局方式和内容模型。行内元素(如<a>、<span>)不独占一行,宽度由内容决定,不能设置宽高,只能包含文本或行内元素。块级元素(如<div>、<p>)独占一行,可设置宽高,能包含其他元素。块级元素适合页面结构布局,行内元素用于文本修饰。通过CSS的display属性可相互转换这两种元素类型,实现灵活布局。
2025-08-07 18:03:18
194
原创 CSS,HTML定位知识点
摘要:本文总结了CSS定位的核心知识点,包括5种position属性值(static、relative、absolute、fixed、sticky)的特点和使用场景。重点讲解了偏移属性(top/right/bottom/left)和z-index的应用,并通过示例代码演示了不同定位方式的实现效果。文章还指出了定位元素可能导致的高度塌陷、层叠上下文等注意事项,建议在flexbox/grid布局无效时再使用定位属性。定位技术适用于导航栏固定、悬浮元素、下拉菜单等常见网页交互场景。
2025-08-07 18:01:49
285
原创 css定位知识点
本文总结了CSS定位(position)的核心知识点,包括五种定位方式及其应用场景:1) static(默认文档流定位);2) relative(相对定位,保留原空间);3) absolute(绝对定位,相对于最近非static祖先);4) fixed(固定定位,相对于视口);5) sticky(粘性定位,滚动时切换relative和fixed)。文章详细说明了各定位方式的特点、偏移属性(top/right/bottom/left)和z-index的使用方法,并提供了典型应用场景如导航栏固定、下拉菜单等。最
2025-07-30 20:12:16
400
原创 【无标题】
浏览器默认字体大小16px,而body定义了字体大小(16px X 85% = 13.6px). 如果子元素没有指定字体大小13.6px这个值将被子元素继承。7、轮廓样式属性:outline-style、outline-width、outline-color、outline。由于浏览器默认字体大小是16px,而p定义了字体14px,所以em继承了p的字体大小属性,也是14px;8、页面样式属性:size、page-break-before、page-break-after。8、还有一些不常用的;
2025-07-30 13:46:43
816
原创 CSS总结
CSS基础与核心概念总结:CSS通过选择器和声明块定义网页样式,包含层叠、继承、盒模型等核心概念。布局技术涵盖传统浮动/定位、Flexbox弹性布局和Grid网格布局,分别适用于不同场景。响应式设计依靠媒体查询、视口设置和相对单位实现。动画效果可通过过渡和关键帧实现,预处理工具如Sass/Less可提高开发效率。最佳实践包括模块化管理、BEM命名规范和性能优化技巧。常见问题解决方案如居中布局和清除浮动,现代特性如CSS变量和容器查询值得关注。掌握这些技术是构建现代化网页的基础。
2025-07-16 18:04:42
323
原创 HTML总结
HTML是构建网页的标准标记语言,通过标签定义内容结构而非编程。核心包含文档声明、头部元数据和主体内容三部分:DOCTYPE声明文档类型,head区定义字符编码、视口等元信息,body区放置可见内容。基本结构遵循固定格式,确保网页正确显示和移动端适配。
2025-07-16 09:03:08
396
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅