YUE玊-优快云博客

原创正则表达式、test 验证方法、基础完全匹配、基础或匹配、元字符、量词（指定数量匹配）、字符簇 [ ] 、连接横线-、子组、modifiers修饰符、string 正则方法、正则对象、贪婪/惰性模式

var str = "efjs\neiufhg" 其中\n在该字符串是格式，会换行，想表示\n,应该使用转义字符\\n。/\d+/gi 字面量（ /匹配内容/模式）验证是否符合 www.xxx.com 的格式，xxx 只能是数字或者字母字符簇:[A-Za-z0-9]对同一个regExp对象的exec匹配是有记忆的，多次调用会迭代返回下一项符合匹配规则的项目。字符串中是否存在符合正则规则的项目如果存在就返回true 不存在就返回false。在字符串中执行匹配搜索，返回首次匹配结果`数组`

2024-11-13 14:45:43 382

原创 URL地址、location对象、navigator对象、screen对象、history 历史记录、浏览器窗口方法

协议://主机名(hostName):端口(port)/path(路径)/path(路径)?2. 主机地址（127.0.0.1:5500）域名/IP (www.badu.com / 39.156.69.79)URL地址 4部分（http://127.0.0.1:5500/homework/magnifier.html）window.blur();

2024-11-07 16:11:51 455

原创楼梯导航点击导航元素跳转到对应文档；BOM核心对象window；document对象

不能和||或者&&在同一行使用，如果非要在同一行代码使用，需要用()严格括起来所有的运算短语 (param && s)?用来替代||在参数初始化等场景的使用，因为||在参数初始化使用会对''、false、NaN、null等隐式转换中，会默认转换为false的实参生效。导致实参被修改无法准确达到使用||做参数初始化的目的（用户如果没有传入对应实参参数设置为XXX）方法一：这个是瞬间设置元素的顶端到文档顶端的距离没有过渡效果。2.window作为全局对象（全局变量都是window的属性）

2024-11-06 20:17:28 310

原创商品图片展示放大镜：大盒子（商品区域）里分出两个小盒子【预览区（图片 + 蒙版层）】 + 【展示区】，鼠标移入展示，移出隐藏，鼠标固定位置在蒙版层中央蒙版层在预览区内移动，对应展示展示区图片

1.减去定位父级到浏览器的距离 getPosition （目前鼠标在遮罩层的左上角）展示区 : 绝对定位相对定位父级为商品区 overflow:hidden（超出隐藏）商品图片是网页上的实际信息实际内容不是修饰性的图用img更好（方便替换）展示比例 (展示区图片宽度 - 展示区宽度) / (预览区宽度 - 遮罩层宽度)预览区图片: img尺寸 == 预览区（相对定位)预览区域宽度/高度 - 遮罩层的宽度/高度。鼠标移动（mousemove）的时候遮罩层跟着鼠标走。

2024-11-06 19:33:57 1151

原创旋转木马轮播图

posData 存储的是对应实际位置的元素的位置属性和尺寸属性等。p2=>p1 p1=>p0 p0=>p4 p4=>p3 p3=>p2 逆时针。translate()将有单位（正确的格式）给元素赋予样式。4.调用animate();用于长度的运动操作，zIndex表示层级。在animate()函数中排除zIndex造成的报错。不要去改接口方法也不要改原始数据。做一层中间件(数据处理函数/方法)如果接口需要的数据格式和原始数据提供的格式有差异。format(arr)加单位。1.做好布局图片的位置。

2024-11-04 22:33:28 168

原创无缝轮播图在轮播图的基础上增加了（第一张直接到最后一张，最后一张直接到第一张）顺序过渡

无缝轮播，把第一张克隆到最后一张后面；由于克隆了所以重置一遍pic li，原来的4张图变成 5张；全局变量picLen=aPic.length+1改变，原来的4张图变成 5张；保证视觉效果依旧是4张在轮播，所以span添加的时候，循环-1；左按钮，当前是p0（下标0）点击prev 切换到4 ,然后index-- 慢慢过渡到p3(3)；右按钮，当前是p0（下标4）点击next 让index 切换到0 ，在进行index++ 慢慢过渡到p1(1)；index为4会报错,让index=4的时候变为0

2024-11-03 21:45:37 918

原创轮播图由展示的图片、左右按钮、图片对应的小圆点三部分组成，各部分之间交互

1 将span的所有active清除： aSlider[index].classList.remove('active');3给选中的图片添加active： aSlider[index].classList.add('active');2由于'prev'、'next'封装在一个对象（tapMap）里，判断'prev' 'next'是否存在且为函数。1、展示的图片 li排列在ul中，图片float：left，图片左右滑动就是让ul的margin-left改变。1判断是否是span标签。

2024-11-02 16:08:13 1747

原创吸顶导航通过判断页面滚动高度修改导航条的定位样式（滚动高度超过导航栏高度，导航栏背景颜色发生改变），如果导航条上面有一定的高度该如何使页面样式流畅

金蝉脱壳 ==> 导航条触发吸顶的时候给一个临时节点来占位就是一个空标签的高度=header的高度下滑的时候创建一个回去的时候删除。触发高度 = 导航的offsetTop 到页面最顶端（getPosition）position:fixed;这里用css的 .fixed类名来处理。滚动条滚动到一定高度触发吸顶的时候给header添加fixed类名。通过判断页面滚动高度修改导航条的定位样式。

2024-10-31 21:06:27 223

原创设置开关类型的属性、setAttribute设置属性值、e.preventDefault()；阻止默认行为、e.stopPropagation()；阻止冒泡传递、预存问题、textarea获取其内容

点击按钮选中某个单选按钮；如何做到：点击男 ==> 你选中了男，点击女 ==> 你选中了女；如何做到：点击wrap，如果wrap中存在child子元素，就不添加；如果wrap在不存在就添加；

2024-10-31 14:39:21 384

原创在指定时间内让样式从原始值达到设置值（eg.让left从100变为200）匀速且不指定时间版、指定时间版、时间版（加速运动）、路程版（减速运动）、设置多个样式版

终止定时器只是意味着定时器的终结不代表本次函数也会被终结函数的主动终止只有return 和全部代码都执行完就算被终止了这一次该干的活得干完。2.速度 = 路程/时间 vt = （end - curr）/ time。（nowDate - startDate）/time ==>速度系数。当前应该所在位置 = 时间速度系数 * （路程差值）+ 当前路程。（Tend - Tstart）/time 时间系数。（Send - Sstart）/time 路程系数。（总路程 - 当前路程）/ 固定系数。

2024-10-30 16:15:57 227