全部文章
共 1299 篇文章
虚拟列表 or 时间分片
最近在做一个官网，原本接口做的都是分页的，但是客户提出不要分页，之前看过虚拟列表这个东西，所以进行一下了解。 为啥要用虚拟列表呢！ 在日常工作中，所要渲染的也不单单只是一个li那么简单，会有很多嵌套在里面。但数据量过多，同时渲染式，会在 渲染样式 跟 布局计算上花费太多时间，体验感不好，那你说要不要优化嘛，不是你被优化就是你优化它。 进入正题，啥是虚拟列表？ 可以这么理解，根据你视图能显示多少就先渲染多少，对看不到的地方采取不渲染或者部...
音频可视化-简单实现
离职的第一天，刷到了一个音频可视化的帖子，简单的学习了一下来跟大家分享一下我的学习成果。第一次写帖子大家望大家多指点 理解 首先音频处理需要跟多环节例如修音、混响等，每一个环节就是一个节点，每一个环节都有一个音频的源节点，例如下图的首先获取一个音频源节点，第一个环节去处理他的音色，在下一步在新引入一个音频源节点例如鼓点，节拍之类的在第二个环节添加进去最后通过输出设备播放出来就此完成了整个流程，节点的数量是可以任意数量的。 音频上下文就是...
js基本功修炼，巩固知识点
函数里面给形参重新赋值不会影响外面的变量，形参自己有个内存地址，保存外面传进来的值 形参是对象时，重新赋值为一个地址，也不影响外面的变量 这种情况会影响外面的变量，形参对象没有重新赋值，函数里面操作的形参地址是外面变量的地址 题1 当同步代码执行一遍后，Promise.resolve()是完成状态，then里面的回调会加入微任务队列, 然后从微队列取函数执行，先进先出，首先打印0，这个函数返回一个Promise.resolve(4)，P...
js闭包的6种应用场景！！！这下会用了
闭包的基本定义 如果一个函数访问了此函数的父级及父级以上的作用域变量，那么这个函数就是一个闭包 。闭包会创建一个包含外部函数作用域变量的环境，并将其保存在内存中，这意味着，即使外部函数已经执行完毕，闭包仍然可以访问和使用外部函数的变量。 闭包的优缺点及特性 闭包的优点 ： 1. 保护变量 ：闭包可以将变量封装在函数内部，避免全局污染，保护变量不被外部访问和修改。 2. 延长变量生命周期 ：闭包使得函数内部的变量在函数执行完后仍然存在，可...
webstorm debugger断点调试React前端项目教程
在日常开发 React 前端项目时，如果想调试前端 js 代码，我们一般都会在代码中插入 语句，通过在 Chrome 输出日志的方式进行查看。或者在 Chrome 的 source 中查找到目标代码片段，进行打点调试。这样调试的方式效率都比较低下，如果能在我们的本地 IDE 中进行断点调试前端代码，那么效率将会显著提高。 我们先看一下最终的调试效果： Webtsrom 中的断点及 debug 情况 Chrome 中实时运行情况 操作步骤...
为面试所准备的100道面试题以及答案
前言 大家好，今年的金三银四已经来了，也有人说是铜三铁四，不过我想说的是这重要吗，环境只是一个因素，它确实会影响大家找工作或者跳槽涨薪，但是影响不多，最重要的一个因素在于自己是否已经做好了准备。我呢为大家准备了百道面试题，为大家保驾护航，后续也会持续更新吧，毕竟还有金九银十与新技术的出现。 \ 来点击我吧【 】 希望大家可以点个赞支持一下，整理不易 1.Vue3.0性能提升主要是体现在哪些方面 1.响应式系统 2.编译阶段 3.源码体积...
从零开发前端 CLI 脚手架
前言 在现代前端开发中，CLI（Command Line Interface）脚手架已经成为提高开发效率、规范团队协作的重要工具之一。本文将介绍如何从零开始开发一个前端 CLI 脚手架，使其能够通过命令行交互生成不同技术栈的模板代码，并预装常用的工具如 ESLint、Husky、Prettier 等，从而为项目的开发提供一致性和高质量的基础。 项目结构 首先，我们需要确定脚手架的项目结构。一个典型的结构可以包括以下目录和文件： 核心功能...
前端面试必须掌握的手写题：场景篇
还是书接上篇文章，分享一些手写的题目，对于特别常见的题目最好能“背”下来，在面试的时候不需要再进行推导分析直接一把梭，这里的题目有一些是自己遇到的，也有收集到的，后续会整理分享一些其他的信息，希望对你能有所帮助 0.1+0.2问题 转成整数处理 大数相加解决\ \] 传两个字符串进来，返回一个字符串 大数相乘\ \] 传两个字符串进来，返回一个字符串 转成数字相加的问题 注意处理全零字符串的情况 数组乱序输出 Math.random输出...
前端面试必须掌握的手写题：基础篇
金九银十过了大半，笔者最近也面了一些公司，现将一些自己遇到的和收集的基础题目整理出来，后续会整理分享一些其他的信息，希望对你能有所帮助 闲言少叙，看正文 实现Object.create 创建一个新对象，使用现有的对象来提供新创建的对象的\ \ proto\ \ 。 MDN 实现instanceof方法 instanceof 运算符用于判断构造函数的 prototype 属性是否出现在对象的原型链中的任何位置。 实现new关键字 在调用n...