- 博客(18)
- 收藏
- 关注
原创 一文搞懂 JavaScript 数组非破坏性方法:slice、indexOf、join 你都懂了吗?
本文介绍了JavaScript中的非破坏性数组方法,包括concat、slice、indexOf等。这些方法不会修改原数组,而是返回新数据或索引。主要内容涵盖:判断数组类型(Array.isArray)、获取数组长度(length)、按索引取值(at)、合并数组(concat)、查找元素(indexOf/lastIndexOf)、数组转字符串(join)以及截取数组(slice)。这些方法在保证原始数据安全的同时,提供了便捷的数组操作方式,是高效处理数组数据的常用工具。
2025-09-25 09:47:41
190
原创 搞懂 JS 原型与原型链,不再面试吃瘪
JavaScript对象属性和方法存储在自身或原型对象中。实例字段和箭头函数存在自身,类方法存在原型。访问属性时自身优先,未找到则沿原型链向上查找(Object.getPrototypeOf为标准访问方式)。原型链继承中,子类原型指向父类实例,实现继承功能。理解原型链机制是掌握JS面向对象编程的关键,它通过[[Prototype]]指针实现属性查找和代码复用。
2025-09-23 10:46:16
324
原创 「JS 面向对象」多态详解:鸭子类型的魅力
JS通过动态类型和鸭子类型实现多态,允许不同对象共享相同属性或方法名即可被统一处理。示例展示了属性多态(只需包含name属性)和方法多态(实现speak方法),体现其灵活性和易扩展性,无需关注对象具体类型。这种机制使代码更通用且易于维护。
2025-09-23 10:39:52
204
原创 告别随意改属性!用 ES6 Class 实现数据封装
JavaScript中使用class和私有属性(#)实现封装:通过#声明私有属性,限制外部直接访问;提供getter/setter方法实现安全访问,在读写时进行校验。封装的核心是数据保护,私有属性需在类中预先声明,外部访问需通过方法,避免直接操作。这种方式增强了代码安全性和可维护性,是OOP的重要实践。常见注意点包括:私有属性需先声明、命名规范(直接使用get/set而非getGetX)等。
2025-09-23 10:33:39
361
1
原创 新手最容易迷糊的 this,一文讲透!
JavaScript中的this指向规则:普通函数的this取决于调用方式(直接调用指向window/undefined,作为方法调用指向对象),而箭头函数的this由外层作用域决定且不可更改。理解这两种函数的this绑定机制是掌握JavaScript核心概念的关键。
2025-09-20 21:16:46
487
原创 别再写 c=3 了!window 对象的隐藏规则
本文介绍了JavaScript中的window对象及其特性。作为浏览器环境中的全局对象,window既是浏览器窗口的代理,也是全局作用域的顶层对象,包含了内置对象和浏览器提供的宿主对象。文章详细说明了:1)window的属性访问方式;2)var声明的全局变量会自动挂载到window,而let/const则不会;3)全局函数会成为window的方法;4)非严格模式下未声明变量会变成window属性(严格模式会报错)。这些特性展示了window对象在JS中的核心地位和使用注意事项。
2025-09-20 16:10:51
266
原创 # 我使用过的 HTML + CSS 实践总结笔记(含说明)
摘要:本文整理了HTML和CSS的常用知识点,包括基础HTML标签(文档结构、元信息、标题等)、CSS核心属性(文字样式、布局方式等),并提供了进阶建议:HTML补充标签(强调修饰、列表结构)、CSS拓展属性(字距控制、背景调整等)、选择器技巧(后代/子代选择器)、表格样式优化建议(合并边框)以及代码规范(语义化标签、样式管理)。内容涵盖网页开发的基础到进阶应用,适合作为前端开发的速查参考。
2025-06-17 21:11:02
852
6
原创 CSS 圆角边框属性(`border-radius`)笔记
CSS的border-radius属性用于设置元素圆角效果,让界面更加柔和美观。基本语法为border-radius: 值(单位px或%),支持多种写法:统一圆角、上下对称设置、四个角分别设置(顺时针)或单独设置某个角。当元素宽高相等且圆角设为50%时,可实现圆形效果(如头像)。常见应用场景包括圆角按钮、圆形头像和圆角卡片等,常配合背景/边框/阴影使用以增强UI效果。记忆要点:统一值、四角写法、50%圆形以及多属性组合应用。
2025-06-16 20:55:09
1072
4
原创 CSS 背景样式笔记(含示例+解释)
CSS背景属性详解:1)background-color设置背景颜色;2)background-image指定背景图片;3)background-repeat控制图片重复方式;4)background-position定位背景位置;5)background-size调整背景尺寸;6)background-attachment设置背景附着方式;7)background简写属性可组合上述所有参数。典型用法如:background: #fff url("bg.jpg") no-repeat center/cove
2025-06-16 20:53:46
246
原创 CSS 字体与文本样式笔记
可选值:none、underline、overline、line-through。可选值:none、uppercase、lowercase、capitalize。可选值:left、center、right、justify。font-family: 字体1, 字体2, ...;可选值:normal、italic、oblique。数字 100 ~ 900(越大越粗)font-size: 数值+单位;单位常用:px、em、rem。normal(等于 400)bold(等于 700)color: 颜色值;
2025-06-16 11:00:05
614
4
原创 css基础笔记简洁版1
CSS(层叠样式表)用于美化网页,实现结构与样式分离,可精确控制位置、颜色、字体等。外部样式表:通过 link 引入外部文件。【CSS 基础笔记1】三、CSS 的三种写法。行内样式:写在标签内部。
2025-06-15 21:49:56
415
4
原创 类与对象(下篇)
初始化列表和构造函数体函数相辅相成初始化列表:负责成员变量的初始化(尤其是 const、引用、无默认构造的成员)。构造函数体:用于执行额外的逻辑(如参数校验、资源分配、复杂计算等)。
2025-04-27 18:10:58
2020
7
原创 类和对象中篇
定义一个日期类构造函数class Datepublic:_day = day;_day = 1;int _month;int _day;return 0;tips:调用构造函数是顺序调用,析构函数是逆序调用。
2025-04-24 16:23:12
2052
9
原创 命名空间,缺省参数,重载-->从c入门c++的基础知识
我的理解给函数形参设置一个默认值。函数缺省分为两类1.完全缺省(全部形参都设置了默认值)exampleint main()return 0;2.半缺省int main()return 0;我的理解名字一样的函数,但是里面的参数需要一定的改变,比如个数,类型顺序,类型。注意仅仅改变返回值不能构成重载(编译器会报错)1,参数个数不一样int main()return 0;2,参数类型不同int main()return 0;3,参数类型顺序不同。
2025-04-16 14:29:44
393
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人
RSS订阅