目录Windows完全删除node.js附：node.js重新安装总结 Windows完全删除node.js 1、输入cmd命令：npm cache clean --force  （如果还没开始删除的话） 2、从“控制面板”的“卸载程序&rdqu...[2022/8/22]

目录达到效果实现思路实现难点1、折现变曲线2、镜头朝向不受控3、镜头位置绑定不受控4、镜头抖动最终实现方法方法一：镜头沿线推进方法二：使用tween动画方法比较其他方法方法一：绘制一条折线+animate镜头推进方法二：绘制多条线段+animate镜头推进方法三：绘制多条线段+tween动画变化镜头...[2022/8/22]

目录AJAX 介绍一.原生AJAX请求(GET)二.jQuery AJAX请求(GET 和POST)三.跨域问题的解决四.其他解决跨域问题方法总结 AJAX 介绍 AJAX其实就是异步的js和xml 通过ajax可以在浏览器中发送异步请求。 最大优势：无刷新获取数据 优点： 1....[2022/8/22]

目录? 项目基本结构知识点添加标题创建一个多行文本框创建一个单行文本框保存文件的按钮使用 JavaScript 将文本保存到文件总结 ? 项目基本结构 目录结构如下： ├── c │ └── style.c └── index.html 本节教程我们通过文本转换为文件的案...[2022/8/16]

目录for…in可以用来干什么for…of能用来做什么总结下来就是： for…in可以用来干什么 （1）for…in最好用来遍历对象，但也可以遍历数组（有缺陷）（2）for…in遍历的是key-value中的key值 我们...[2022/8/16]

目录前言数据类型类型判断一、typeof方法二、Object.prototype.toString.call()方法小插曲三、Array.isArray()四、obj instanceof Object结语 前言 关于javascript这门语言的数据类型你了解多少呢？你有什么方法能够快速的判断...[2022/8/16]

目录列表去重对象转为查询字符串获取查询参数 列表去重 使用 Set 数据结构 const set = new Set([2, 8, 3, 8, 5]) 注：Set 数据结构认为对象永不相等，即使是两个空对象，在 Set 结构内部也是不等的 方法封装 const uniquen...[2022/8/16]

目录关于redirect(重定向)初学者的坑vue-router路由重定向redirect的使用事项 关于redirect(重定向)初学者的坑 第一个对象里是配置路由重定向path:’/'为项目的根目录，redirect重定向为渲染的路径（这里我是指向了第二个对象里的p...[2022/8/16]

在一个非单文件组件中(一个文件中包含n个组件，最常见的就是单个html文件中存在多个组件)，如果我们需要在这个文件中创建n个组件，然后再页面上展示，这时候我们就需要先定义组件，然后注册组件，最后使用组件。在定义组件这一步，我们就需要使用到 extend 这个方法。当然，也可以在一个html文件中使...[2022/8/16]

目录什么是 Pinia如何使用 Pinia认识 Store定义一个store使用 store操作 StateGetters1. 认识和定义 Getters2. 访问 Getters认识和定义 Action 什么是 Pinia Pinia (西班牙语中的菠萝)，本质上依然是一个状态管理的库，用于跨...[2022/8/16]

目录为什么需要配置环境变量和模式呢？环境变量1）环境变量文件分类2）环境变量配置3）环境变量访问模式1）模式分类2）模式定义与使用结合实际应用 为什么需要配置环境变量和模式呢？ 所有方法肯定是来源于现实的需求。在一个产品的前端开发过程中，一般来说会经历本地开发、测试脚本、开发自测、测试环境、预上...[2022/8/16]

目录vue老项目引入TypeScripe从零开始创建vue+TypeScripe项目vue3加ts的配置与基本语法格式下面是我写的一个小demo 通过前端各个框架的发展，例如vue3.0，react和angular等框架的源码都是用ts（TypeScripe）进行编写的，因此我感觉未来的中大型项目的...[2022/8/16]

目录功能分析代码示例prefetchdelayError源码分析Flux#publishOn()Flux#subscribe()FluxPublishOn#subscribeOrReturn()FluxPublishOn#onSubscribe()非融合FluxPublishOn#onNext()F...[2022/8/15]

目录如何根据id在数组中取出数据Vue获取数组的数组数据 如何根据id在数组中取出数据 这是一个非常实用的操作，尤其是编辑数据的时候。点击编辑数据，通常会将编辑的这条数据发送给后端，然后后端在根据这个编号查询出相应的数据在返回给前端。 那么请问，后端都将数据给你了，你直接在数组中取出来不是很...[2022/8/15]

代码如下： Make a request for user.json fetch(''/article/promise-chaining/user.json'') Load it as json .then(response => response.json()) ...[2022/8/15]

目录文档推荐组件挂载相关方法jest-api为什么要使用单测总结 当我初次听到单元测试时，心里的第一感觉就两个字nb，然后就是疑惑，这是啥，干啥用，对代码又有什么帮助？接下来我会细细说一说我在学习以及应用单元测试的一些心得。（安装教程不再叙述，按照文档教程自行学习） 文档推荐 学习新知识，有...[2022/8/15]

目录el-tree @node-click传自定义参数给el-tree添加自定义图标 el-tree @node-click传自定义参数 <el-tree node-click="(data, node, item) => nodeClick(data, node, item, pa...[2022/8/15]

目录引言提炼函数函数参数化使用策略模式替换“胖”分支提炼变量内联变量封装变量拆分阶段拆分循环拆分变量分解条件表达式合并条件表达式以卫语句取代嵌套条件表达式将查询函数和修改函数分离 引言 我们先引入一句话： 代码主要是为了写给人看的，而不是写给机器看的，只是顺便也能用机...[2022/8/15]

“生产代码”是可能需要一些时间来执行的代码。 “消费代码”是必须等待结果的代码。 Promise 是一个 JavaScript 对象，它链接生产代码和消费代码。 看一段最简单的代码： let myPromise = new Pr...[2022/8/15]

目录vue动态设置元素的高度获取元素高度总是不准确的问题解决办法 vue动态设置元素的高度 1. 添加样式绑定 <div cla ="container" :style="{height: scrollerHeight}"> </div> 2. 添加属性计算 ...[2022/8/15]

目录DOM Diff整体思路处理简单情况比对优化尾部新增元素头部新增元素开始元素移动到末尾末尾元素移动到开头乱序比对写在最后 DOM Diff Vue创建视图分为俩种情况： 首次渲染，会用组件template转换成的真实DOM来替换应用中的根元素当数据更新后，视图重新渲染，此时并不会重新通过组...[2022/8/15]

目录路由组件和组件的区别Swith内置组件使用react 路由传参编程式导航Redirect重定向 路由组件和组件的区别 路由组件时被Router组件使用的组件，this.props里面有三个参数，分别是history、match、location 可以接收到路由跳转传参，也可以进行编程式导...[2022/8/15]

目录引言源码解读输入内容ProvidergenerateElement其他组件总结 引言 react-live 是一个 react 的实时编辑器，可直接编辑 react 代码，并实时预览。可以看下官方的预览图： 本文针对的源码版本 src ├── components │ ...[2022/8/15]

目录自定义指令中无法获取this解决方法Vue使用this的这几个坑你都知道吗一、普通函数二、Vue中的this 自定义指令中无法获取this 问题 最近在使用自定义指令时遇到一个问题,我想在指令里通过this直接去访问vue实例数据,但是显示未定义,经大佬提醒,里面的this很可能不是指向...[2022/8/15]

目录html2canvas介绍jspdf介绍printjs介绍 html2canvas介绍 分享一下几个后台管理系统比较常用的插件：下载、打印 html2canvas是在浏览器上对网页进行截图操作，实际上是操作DOM，这个插件也有好长时间了，比较稳定，目前使用还没有遇到什么bug ...[2022/8/15]

目录一、模块二、命名空间三、区别 一、模块 TypeScript 与ECMAScript 2015 一样，任何包含顶级 import 或者 export 的文件都被当成一个模块 相反地，如果一个文件不带有顶级的import或者exp...[2022/8/15]

目录自定义指令钩子函数自定义指令先上官方解释小贴士钩子函数运行顺序 自定义指令钩子函数 自定义指令 除了VUE 内置指令外，VUE也支持我们自定义注册指令，分为局部和全局注册 但这些想必大家都不陌生，其中官方API也是写的明明白白 官方API点这里 而且自定义指令也会极大程度上帮助我们日...[2022/8/15]

目录vue多次打包后出现浏览器缓存解决方案使用hash解决vue浏览器的缓存缓存问题怎么解决缓存问题解决办法 vue多次打包后出现浏览器缓存 每次打包更新版本上传到服务器上，会偶尔出现代码没有更新还是旧代码的逻辑，这就代表浏览器存在缓存的问题了。 解决方案 vue-cli2 webp...[2022/8/3]

目录React Component vs ComposableJSX vs DSLloopIf statementkey componentChildren Prop vs Children ComposableContext vs Ambient(CompositionLocal)createCo...[2022/8/3]

目录一、cookie的使用 1. 首先加载模块2. 在使用cookie的页面上进行引入3. 使用方法二、localStorage的使用1. 储存2. 获取3. 删除4. localStorage可以储存JSON对象5. localStorage.setItem()6. 用localStor...[2022/8/3]

目录一、判断语句v-if、v-else、v-else-ifv-show案例二、循环语句遍历数组遍历对象三、v-if和v-for的注意事项总结 一、判断语句 v-if、v-else、v-else-if v-if是判断是否将DOM元素显示出来 不满足条件的元素，会直接删除，不会存在浏览器上面...[2022/8/3]

目录背景效果实现HTML 页面结构CSS 样式JavaScript 方法总结 背景 如果你有玩过《王者荣耀》、《阴阳师》 等手游，一定注意到过它的启动动画、皮肤立绘卡片等场景，经常采用静态底图加局部液态流动效果的简单动画，这些流动动画可能出现在缓缓流动的水流 、迎风飘动的旗帜...[2022/8/3]

目录Node.js node-schedule使用安装使用开启定时任务取消定时任务node-schedule定时只执行一次任务以下,是官方npm的示例中文解释 Node.js node-schedule使用 实际工作中，可能会遇到定时清除某个文件夹内容，定时发送消息或发送邮件给指定用户，定时导出...[2022/8/3]

目录读取图片并将二进制数据转换成base64格式nodejs读取服务器图片,转为base64显示在网页上 读取图片并将二进制数据转换成base64格式 首先，使用nodejs进行数据读取，需要用到nodejs的fs模块进行数据读取： fs.readFile(''你的资源路径'',''bina...[2022/8/3]

目录前言?? 与 || 的区别空值合并操作符 ??可选链操作符 ?. 空值赋值运算符(??=)补充：?. 链判断运算符总结 前言 undefined和null是两个比较特殊的数据类型,是不能用点操作符去访问属性的，否则将会报错 let a; c...[2022/8/3]

目录总览useEffect事件总结 总览 当我们试图在其对应的DOM元素被渲染之前访问其current属性时，React的ref通常会返回undefined或者null。为了解决该问题，可以在useEffect钩子中访问ref，或者当事件触发时再访问ref。 import {useRef, ...[2022/8/3]

本文实例为大家分享了JavaScript实现淘宝购物件数选择的具体代码，供大家参考，具体内容如下 实现一个简易的淘宝购物件数量的选择算法，通过鼠标点击“+”、“-”按钮对数量增加或减少1，限购9件，最大增加到数字9，最小减少到0. 代码如下：...[2022/8/3]

目录前言框选的实现Group 类的实现小结 前言 虽然这两个月基金涨的还行，但是离回本还有一大大大段距离??。 今天呢，我们要实现的是 canvas 中物体的框选功能，大概就像下面这个样子： 然后话不多说，直接开撸 ??? 框选的实现 先来说下拖蓝选区（鼠标拖拽区域）的实现...[2022/8/3]

目录vue下载文件导出保存到本地另一种情况vue中a标签下载本地文件-未找到,原因及解决错误代码原因解决 vue下载文件导出保存到本地 先分析如何下载：先有一个链接地址，然后使用 location.href或window.open()下载到本地 看看返回数据 res.config....[2022/8/3]

目录前言hover 的实现click 的实现矩形的坐标哪来的点在多边形内的其他判断方法穿透本章小结 前言 上个章节中我们已经给物体加上了被选中的效果，现在可以上点交互了，这个章节主要实现的就是物体的 hover 和 click 事件，当鼠标 hover 到物体上时，我们会改变鼠标的样式使其变成移...[2022/8/2]

目录1.框架2.简单介绍3.代码演示4.演示break 1.框架 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> <title>&...[2022/8/2]

目录缘起fabric.js 初体验fabric.js 的大体结构canvas 能干嘛？小结 缘起 最近想系统看下 canvas 这个东西，所以找了一个库看看，本来打算写一两篇文章沉淀一下，发现东西有点多??，索性就拆成了系列文章，应该有十几章吧，目录大概是下面这个样子： 目前的话已经写...[2022/8/2]

目录前言画布的前置知识画布初始化变换练习小结 前言 从这个章节开始我们就步入正题了，那一开始要做啥子呢，回忆下上个章节中 fabric.js 的使用过程，先是创建画布，再添加物体，然后开始动画和交互。显然画布是一切物体的开端??，所以首先要搞定的就是它，也就是 const canvas = ne...[2022/8/2]

目录前言FabricObject 基类的实现抽离共同属性抽离共同方法Rect 类的实现本章小结 前言 在上个章节中我们已经创建了画布，接下来就可以进行物体的绘制了，那具体要怎么画呢？根据文章标题可以猜到应该是要抽象出一个物体基类，归纳出一些它们的共性，那它们能有啥共性呢，毕竟每个物体好像都是各画...[2022/8/2]

目录前言关于边框关于控制点本章小结 前言 在上一章中我们已经搞定了下层画布，也就是能够对物体进行绘制了，现在就可以开始搞搞上层交互了。 不过在和画布产生交互之前，我们还要做一件事情，就是让物体支持边框和控制点的绘制，亦即物体被选中时的状态，就像下面这样： 这样一来如果要对物体...[2022/8/2]

目录前言1. 函数式组件2. 类式组件 前言 React 是 组件化的 的 JS 库，组件化 也是 React 的核心思想。使用 React 可以构建管理自身状态的封装组件，然后对其组合以构成复杂的 UI。那么什么是组件呢？ 组件是用来实现局部功能效果的代...[2022/8/2]

目录JS数组开头添加元素1.使用Array.unshift()方法2.使用扩展运算符(…)3.使用Aarry.concat()方法向数组的开头添加一个或更多元素 JS数组开头添加元素 1.使用Array.unshift()方法 向数组开头添加一个或多个元素，并返回新的长度，该...[2022/8/2]

目录前言Vue中如何使用provide和inject在 Vue 中使用注入访问父数据 前言 在Vue中我们可以很方便的通过父组件往子组件传递属性，Props是我们将数据传递到子组件的主要方式之一。例如，下面的代码，我们往子组件（PopularList ）传递了属性 name,其值是Mo...[2022/8/2]

目录一、问题描述二、问题分析三、解决方案四、过程中遇到的其他问题 一、问题描述 vite+vue3项目开发完以后，你会发现打包后的项目运行在新版浏览器可以正常显示，但运行在一些版本比较老的浏览器如 Chrome < 23、Firefox < 21和IE等浏览器上时显示一片空白，并且没...[2022/8/2]

目录前言TypeScript 的运行环境1. ts-node2. tscTypeScript 中的函数重载简单的排序算法1. 快速排序2. 中文排序3. 字符串自排序4. 通过泛型整合几种排序5. 使用函数重载完善排序功能总结 前言 使用 TypeScript 进行开发也已经有段日子了，虽然最开...[2022/8/2]