- 博客(32)
- 收藏
- 关注
RSS订阅原创 数据类型Symbol
ES5 的对象属性名都是字符串，这容易造成属性名的冲突。为了保证属性名的独一无二ES6 引入了一种新的SymbolSymbol值通过Symbol()函数生成。可以接受一个字符串作为参数，表示对 Symbol 实例的描述。即使描述一样 但symbol并不会一样//输出Symbol()//输出Symbol(123)//输出false描述只是让人容易区分，并其可以转换为字符串，（内部为对应描述的值）//输出Symbol(11111)
2025-08-02 17:41:02
321
原创 js生成器
生成器是 ES6 中新增的一种特殊的函数，所以也称为“生成器函数”。next的参数会将值传给当前阶段（未执行当前next时）的所暂停的yield。通过生成器next方法可以控制其迭代，next方法则返回下一个状态的生成器。当通过yield赋值时，yield就不能与其他执行代码同行，否则会报错。在生成器函数中通过yield来分割，每当执行时会暂停到。由于生成器是一种特殊的迭代器，故生成器的属性与其类似。可以看出，有效的next方法个数就是yield+1个。调用生成器函数返回一个新的对应的生成器，
2025-07-23 20:08:53
448
原创 nodejs模块化
概念：将一个复杂的程序依据一定的规则（规范）封装成几个块（文件），并组合在一起。模块的内部数据、实现是私有的, 只是向外部暴露一些接口(方法)与外部其它模块通信。避免命名冲突，减少命名空间污染降低耦合性；更好地分离、按需加载高复用性：代码方便重用，别人开发的模块直接拿过来就可以使用，不需要重复开发类似的功能。高可维护性：软件的声明周期中最长的阶段其实并不是开发阶段，而是维护阶段，需求变更比较频繁。使用模块化的开发，方式更容易维护。部署方便方法优点缺点CommonJS。
2025-07-22 20:56:57
353
原创 js迭代器
迭代器是 JSt 中一种特殊的对象，它提供了一种统一的、通用的方式遍历个各种不同类型的数据结构。可以遍历的数据结构包括：数组、字符串、Set、Map 等可迭代对象。我们也可以自定义实现迭代器，以支持遍历自定义的数据结构。
2025-07-21 21:00:31
293
原创 Promise入门
Promise有三种状态pending：等待中。属于初始状态，既没有被兑现，也没有被拒绝。fulfilled：已兑现/已解决/成功。执行了resolve() 时，立即处于该状态，表示 Promise已经被解决，任务执行成功rejected：已拒绝/失败。执行了 reject()时，立即处于该状态，表示 Promise已经被拒绝，任务执行失败。Promise构造函数如下// 1. 定义 executor 函数}, 300);// 2. 把 executor 传入 Promise 构造函数。
2025-07-19 20:22:36
839
原创 变量提升知识总结
提升是指解释器在执行代码之前，似乎将函数、变量的声明移动到其作用域的顶部的过程。此文介绍其中的1. 能够在声明变量之前在其作用域中使用该变量的值（函数的提升）2. 能够在声明变量之前在其作用域中引用该变量而不报错，但值始终是 undefined（var提升）3.变量的声明导致在声明行之前的作用域中发生变化。（let，const的提升）
2025-07-18 21:23:41
397
原创 正则表达式梳理
用于判断字符串是否符合该规则。以下总结js中一些常用的规则。此时则只有字符a匹配该规则。这是一些综合以上规则的判断。，满足其中任一即匹配。
2025-07-16 21:17:44
272
原创 dom节点操作方法与事件冒泡总结
事件冒泡是指当某个元素上的事件被触发时，该事件会向父级元素传递，直到传递到 document 对象的过程。在此过程中，所有绑定在这些父级元素上的相同类型的事件处理程序都会依次被触发。利用此机制可以给父元素设置监听，当子元素触发时就会自动转为父元素的函数触发。若想要取消父元素也会触发则检测触发对象的tagname是否为子元素即可。在之前，要监听多个元素的事件要用for循环来逐个添加较为麻烦。dom树也就是由html标签之间的关系结构组成的树，如图。对其中的节点进行操作，如增删改查js都有对应的方法。
2025-07-15 21:05:12
350
原创 7.14练习案例总结
api部分算法部分js字符串无法修改实例随机点名用事件监听实现表单交互功能，间歇函数和随机数实现生成随机人名轮播图根据课程重写了此部分三次第一次实现刷新 切换随机图第二次实现定时轮播第三次实现表单交互
2025-07-14 20:59:37
416
原创 htmlcss考核
为何：为了解决浮动元素的父级高度坍塌导致的影响布局问题清除浮动的方法有以下几种1.父元素设置overflow：hidden2.父容器::after 伪元素设置clear：both3.空标签法如下，在父元素的末尾加上一个空标签即可二.怎么实现左边宽度固定右边宽度自适应的布局？使用flex布局在其中放置一个笃定大小的盒子在左边右边边的盒子设置为flex：1；最终右边盒子会占据剩余的部分即随着父元素变化而变化代码如下效果如图父级为flex布局时若该元素设为flex：1；而同级元素的fl
2025-06-15 18:11:31
1138
原创 练习案例总结
（对于hover部分查看元素大小时 可以在hover触发时 按ctrl+shift+c 即可查看对应的元素大小）如图 当鼠标沿着箭头方向移动时 我们希望经过蓝色空隙部分时选项依旧存在。（1）若将固定在页面右下角的部分仅仅只设为fixed那么在缩放时其将一直存在。也可以对banner设置padding值来防止布局的改变。在写热搜部分是后面的 方块效果可以通过伪元素选择器来写。（2）同理对于banner部分的缩放可以用此方法实现。而原路返回时 则希望经过空隙时隐藏。最下面的部分单独设置即可。
2025-06-08 17:14:54
369
原创 本周问题汇总
在完成黑马案例的就业指导部分时，通过添加swiper来增添左右箭头时未实现一致效果如图调试发现其大小为0应该是课程中为swiper5，而目前已经更新至11的问题但通过修改样式达成 了同样效果操作为1.在swiper中加入左右箭头盒子2.通过定位将其移动至对应位置.right {top: 50%;效果如图。
2025-06-02 16:12:45
205
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人