长列表优化之虚拟列表(项目) 长列表优化之虚拟列表用Vue代码实现上面的问题好的,以下是一个使用Vue实现虚拟列表的代码示例: 123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172<template> 2022-03-28 项目优化 前端基础 JS
如何中断已经发出去的请求&&大文件上传处理(项目) 总结了最近的一些面试题和之前的知识点 Axios 如何取消重复请求?在 Web 项目开发过程中,我们经常会遇到重复请求的场景,如果系统不对重复的请求进行处理,则可能会导致系统出现各种问题。比如重复的 post 请求可能会导致服务端产生两笔记录。那么重复请求是如何产生的呢?这里我们举 2 个常见的场景: 假设页面中有一个按钮,用户点击按钮后会发起一个 AJAX 请求。如果未对该按钮进行控制,当用户 2022-03-28 项目优化 前端基础 JS
组件库按需加载原理分析&& Vue3中提到的Tree-shaking 在使用 vant、element-ui、ant-design 等 UI 组件库时候会用到按需加载,通过 babel-plugin-import 插件可以快速配置好自动按需加载组件,还可以通过直接手动引入对应组件和样式文件的方式来实现。同时,在开发中使用 webpack 构建项目时也常使用懒加载技术,本文所述的组件库动态加载和 webpack 构建项目的懒加载是不同的。本文将以 babel-plug 2022-03-27 JS进阶 前端基础 JS
你真的了解垃圾回收机制吗 本文我们以一些通用的回收算法作为切入,再由 V8 引擎发展至今对该机制的优化为例(为什么以 V8 为例?因为它市场占有率大 😄 ),一步一步深入来助我们了解垃圾回收机制,因为只有真正了解垃圾回收机制,后面才能理解内存泄漏的问题以及手动预防和优化 GC是什么GC 即 Garbage Collection ,程序工作过程中会产生很多 垃圾,这些垃圾是程序不用的内存或者是之前用过了,以后不会再用的内 2022-03-26 JS进阶 前端基础 JS
Js中常用的数据结构与算法(学习) 对任何专业技术人员来说,理解数据结构都非常重要。作为软件开发者,我们要能够用编程语言和数据结构来解决问题。编程语言和数据结构是这些问题解决方案中不可或缺的一部分。如果选择了不恰当的数据结构,可能会影响所写程序的性能。因此,了解不同数据结构和它们的适用范围十分重要。 数据结构 栈:一种遵从先进后出 (LIFO) 原则的有序集合;新添加的或待删除的元素都保存在栈的末尾,称作栈顶,另一端为栈底。在栈 2022-03-22 js算法学习 js算法学习 leetcode
字符串-回文字符串 字符串的一些方法(主要这三种就能解决)似乎字符串的一些算法题都是借助于数组的(reverse)还有用指针(双指针) 还有(正则) // 去除异常的字符,先全部转成小写 (先将字符串进行这一步)1const str = s.toLocaleLowerCase().replace(/[\W_]/ig, '') 大小写转化12str.toUpperCasestr.toLoca 2022-03-21 js算法学习 js算法学习 leetcode
快排&&排序算法 Js实现冒泡排序// 是一种计算机科学领域的较简单的排序算法// 它重复的走访过要排序的元素列,依次比较两个相邻的元素,如果顺序(如从大到小,首字母)错误就把他们交换过来。走访元素的工作是重复地进行直到没有相邻元素需要交换,也就是该元素列已经排序完成。 冒泡排序是效率最低的排序算法,由于算法嵌套了两轮循环,所以时间复杂度委O(n^2) 最好的情况给出一个已经排序的数组进行冒泡排序,时间复杂度为O 2022-03-16 js算法学习 js算法学习 leetcode
Js类型转换装箱与拆箱 众所周知,JS 是一门弱类型语言。它不需要事先具体声明变量的类型,因为会在程序运行过程中,类型会被自动推断确定。因此,可以用同一个变量保存不同类型的数据: var a = 1;a = ‘abc’;a = { x: 1}; 装箱a.x 或者 a[‘x’] 中“.”和“[]”操作符是专门用来获取引用类型属性值的。然而在 JS 中基本类型变量也是可以使用“点”的,这给初学者造成一定困惑,比如: 12 2022-03-11 JS 前端基础 JS
整理Ts常见知识(面试题) 总结了最近的一些面试题和之前的知识点 typescript 中 interface 和 type 的区别相同点 (都可以描述一个对象或者函数&&都允许拓展(extends))都可以描述一个对象或者函数123456789interfaceinterface User { name: string age: number}interface SetUser & 2022-03-11 TS学习 前端基础 JS
计算属性和watch的原理 Watcher是什么?Watcher的种类有哪些?大家要注意,这里说的是Watcher,要跟vue里使用的watch属性区分一下哦 1.什么是Watcher呢?举个例子,请看下面代码: // 例子代码,与本章代码无关 1234567891011121314151617<div>{{name}}</div>aaadata() 2022-03-10 Vue 前端基础 Vue