随笔分类 - js进阶
摘要：什么是 JavaScript Worker？ Worker 是在Web应用程序中实现多线程的机制。 它可以在一个单独的线程中运行脚本，独立于主线程。 这样，我们可以将一些耗时的计算任务交给Worker线程处理。 以保证主线程的不会被阻塞。 为什么需要Worker？ 由于JavaScript是单线程的
阅读全文
摘要：什么是函数声明 以 function 关键字开头，必须指定函数名（如 function greet() {}），且不能作为其他语句的一部分。 函数声明会被提升 在JS中,函数声明会被提升，这意味着函数可以在声明之前被调用。 当你使用函数声明的方式定义函数: function resizeFn()
阅读全文
摘要：需求描述 今天遇见一个问题，再请求接口的时候。 需要知道返回来的url中某个参数的值与返回来的数据是否匹配。 因此我们需要获取URL携带的参数的参数值。 我知道这个需求对很多小伙伴来说，非常简单。三下五除二就写下了如下的代码 获取url地址栏中的参数 思路如下： 1，通过string.split方法
阅读全文
摘要：需求的产生 今天在需求评审的过程中，遇见一个排序问题 地区的拼音按照a-z的顺序进行排序。 研究了一下，主要有下面三种做法。 1,使用 String.prototype.localeCompare() 2,new Intl.Collator() 3,使用第3方库 pinyin 下面我们来详细的介绍一
阅读全文
摘要：ResizeObserver 的介绍 ResizeObserver 用于异步观察元素的尺寸大小变化。 如：动态改变某个元素的尺寸大小时，调整浏览器窗口大小、SVG 元素或文本节点的大小变化、 可以触发相应的回调处理逻辑。 当这些目标的大小变化时，ResizeObserver 将会触发一个回调函数 特
阅读全文
摘要：线上效果图 思路分析 图片我们使用背景图片的方式插入 如果我们的图片大于容器的话 我们使用background-size: cover 进行比例缩放,覆盖整个容器 毛玻璃效果使用 backdrop-filter 来进行处理，值越大模糊程度越大 使用毛玻璃实现图片模糊效果 <!DOCTYPE html
阅读全文
摘要：
SSE简介 SSE(Server-Sent Events)是一种实现服务器主动向客户端推送数据的技术,也称为 “事件流”。 它基于 HTTP 协议,是一个get请求。 利用了其长连接特性,从而实现:服务器向客户端的实时数据推送。 但客户端不能通过 SSE 向服务端发送数据。因此它是单向通信的。 SS
阅读全文
SSE简介 SSE(Server-Sent Events)是一种实现服务器主动向客户端推送数据的技术,也称为 “事件流”。 它基于 HTTP 协议,是一个get请求。 利用了其长连接特性,从而实现:服务器向客户端的实时数据推送。 但客户端不能通过 SSE 向服务端发送数据。因此它是单向通信的。 SS
阅读全文
摘要：捕获异常 捕获异常：处理可能出现的异常，当发生错误后，我们对它进行处理，不让程序崩溃。 异常处理 try-catch-finally try{ // 可能出现异常的:代码1 }catch(err){ // 当代码发生异常后，会执行这里，异常对象会传递给 err // 代码不发生异常，则不会执行这里
阅读全文
摘要：使用node实现请求的需要的接口 newList.js // var express = require('express'); var router = express.Router(); // 动态路由处理 for (let i = 1; i <= 100; i++) { router.get(
阅读全文
摘要：使用 eval 将字符串当做代码来执行 function zhiXing(strCode){ eval(strCode) } zhiXing("console.log('hello')") 在控制台会输出: hello eval 的简单介绍 1,eval是同步代码 2,eval()执行代码时，读取变
阅读全文
摘要：ES6 数字类型范围在-2^53 + 1 与 2^53 - 1 在ES6(ECMAScript 2015)之前， 所有的数字都被表示为双精度64位浮点数(遵循IEEE 754标准) 也就是说:js能够安全的表示整数范围是从{-2^53 + 1, 2^53 - 1} 如果超出这个范围会出现精度丢失 我
阅读全文
摘要：闭包 闭包官方的解释：闭包（closure）是一个函数以及其捆绑的周边环境状态（词法环境）的引用的组合。 也就是说：闭包让开发者可以从内部函数访问外部函数的作用域。 在 JavaScript 中，闭包会随着函数的创建而被同时创建。 上面这3句话是mdn的解释。太复杂了。笨笨的我理解不了。 我的理解：
阅读全文
摘要：消息队列的解释 每个任务都有一个任务类型。 同一个类型的任务必须在一个队列中。 不同类型的任务可以分属于不同的队列中。 在一次事件循环中，浏览器可以【根据实际情况】从不同的队列中取出任务执行。 浏览器必须准备好一个微队列，微队列中的任务优先其他所有类型的任务。 chrome中的常见队列 在 chro
阅读全文
摘要：实现放大镜的整体思路 1.当鼠标放在图片上的时候,出现蒙层。 2.出现蒙层，让鼠标在蒙层中心 3.限制蒙层移动的范围 4.放大镜移动 最终实现的效果 鼠标放上去的时候,出现一个蒙层。 蒙层的移动范围只能在图片里，不能超出范围。 移动蒙层时，右侧会出现图片的放大部分。 移除图片的范围，放大镜消失。 鼠
阅读全文
摘要：
点击当前元素高亮的实现；点击右侧按钮，滚动到对应区域；滑动到对应区域右侧按钮自动高亮；scroll 事件特别说明；每个区域固定高度实现导航；代码：每个区域高度不确定导航
阅读全文
点击当前元素高亮的实现；点击右侧按钮，滚动到对应区域；滑动到对应区域右侧按钮自动高亮；scroll 事件特别说明；每个区域固定高度实现导航；代码：每个区域高度不确定导航
阅读全文
摘要：#### 场景描述 ``` 今天遇见一个问题，那就是产品希望在弹出来的窗口。 可以移动这个弹窗的位置 增加用户体验，我们直接使用的element-ui中的 Dialog 对话框 我们现在需要拖拽标题，移动元素位置 ``` #### 元素拖拽的思路 ``` 要让元素按下移动，我们需要实现以下几个步骤：
阅读全文
摘要：
重新学习这两个API的起因 在本周五有线上的项目，16:30开始验证线上环境。 开始都是顺顺利利，一帆风顺。 大概17:50左右，我正在收拾东西。 准备下班去王者峡谷骑着我的船溜达一圈。 可是天降意外，给我派了一个bug。 测试给我说：有一条数据的详情页有数据但是在页面中没有显示数据。 不可能，绝对
阅读全文
重新学习这两个API的起因 在本周五有线上的项目，16:30开始验证线上环境。 开始都是顺顺利利，一帆风顺。 大概17:50左右，我正在收拾东西。 准备下班去王者峡谷骑着我的船溜达一圈。 可是天降意外，给我派了一个bug。 测试给我说：有一条数据的详情页有数据但是在页面中没有显示数据。 不可能，绝对
阅读全文
摘要：toFixed 的简单介绍 toFixed() 方法可把 Number 类型的数字通过四舍五入为指定小数位的字符串。(将数字类型转化为字符串类型) 也就是说toFixed只能够处理数字类型的. 字符串类型的要报错. '1.23456'.toFixed(2) 会报错 toFixed 输出的类型是字符串
阅读全文
摘要：前端主题切换 有些时候我们在网站上会进行夜间/白天模式的切换。 这里我们介绍一种流行的切换模式 css变量 + 动态类名来进行切换 非常的简单。废话不多说。我们直接上代码。 第1种是通过 类名和变量来实现的 第2种是通过 属性和变量还实现的 最后1种 给body加 filter: invert(1)
阅读全文
摘要：场景描述 简单的说一下场景描述：这个页面有三个部分组成的. 顶部的头部信息--导航栏--内容 当页面滚动的时候。导航栏始终是固定在最顶部的。 我们使用的第一种方案就是使用css的粘性定位 position: sticky; [ˈstɪ ki] 先说一下css的position的属性 position
阅读全文
浙公网安备 33010602011771号