前端框架小实验-在umi框架中以worker线程方式使用SQL.js的wasm
总述：在Win7环境下配置umijs框架，在框架中用worker线程方式使用SQL.js的wasm，在浏览器端实现数据的增删改查以及数据库导出导入。 一、安装node.js 1、Win7系统只支持node.js v13.14.0或更早，所以从https://nodejs.org/download/r ...
Vue3 diff算法图解分析
Vue3 diff算法图解分析 大家好，我是剑大瑞，本篇文章主要分析Vue3 diff算法，通过本文你可以知道： diff的主要过程，核心逻辑 diff是如何进行节点复用、移动、卸载 并有一个示例题，可以结合本文进行练习分析 如果你还不是特别了解Vnode、渲染器的patch流程，建议先阅读下面两篇 ...
如何利用js来制作时间倒计时效果
利用JavaScript函数做一个简单的倒计时 <script> // 代码如下： function countDown(time) { var nowTime = +new Date(); // 返回的是当前时间总的毫秒数 var inputTime = +new Date(time); // 返 ...
面向对象编程-终结篇 es6新增语法
各位，各位，终于把js完成了一个段落了，这次的章节一过我还没确定下面要学的内容可能是vue也可能是前后端交互，但无论是哪个都挺兴奋的，因为面临着终于可以做点看得过去的大点的案例项目了，先憋住激动地情绪，看看今天的一个内容，今天是es6新增的一些语法，简单也是真的简单，但是我要是没学今天这一天那看到了 ...
Vue3的main.js的坑
Vue2升级为Vue3之后有很多新内容，但也有很多坑，这里讲下我今天刚学Vue3遇到的坑。可以直接到最后看main.js。 首先就是Element-ui，前端vue一般都使用这个插件，但这个插件在Vue3中就不能用了（应该是暂时，目前2022年4月10日），but它有一个兄弟可以用，它叫elemen ...
利用css来制作小三角形样式
1. 首先我们先准备一个盒子，让盒子的宽高等于零，分别给定四个方向的边框大小、实线、边框颜色；让边框来充当内容。 1 <!DOCTYPE html> 2 <html lang="en"> 3 4 <head> 5 <meta charset="UTF-8"> 6 <meta http-equiv=" ...
认识Vue扩展插件
在 Vue 开发中，实现一个功能有很多种方式可以选择，这依赖于 Vue 强大的功能（指令、混合、过滤、插件等），本文介绍一下插件的开发使用。 ...
如何解决npm安装全局模块成功，但无法使用的情况。
今天在学习如何使用npm安装包的时候，在使用 npm install xxx -g 安装全局包时， 发现安装的包无法使用。而安装时cmd却没有报错，这令我很疑惑，这应该是安装成功了但却不能使用。 如下图所示 在查询了资料后，使用了 npm root -g 命令，获得了全局包的安装路径，打开后发现该路 ...
大家都能看得懂的源码-如何让定时器在页面最小化的时候不执行？
本文是深入浅出 ahooks 源码系列文章的第七篇，该系列已整理成文档-地址。觉得还不错，给个 star 支持一下哈，Thanks。 今天我们来聊聊定时器。 useInterval 和 useTimeout 看名称，我们就能大概知道，它们的功能对应的是 setInterval 和 setTimeou ...
手写Promise
完整项目地址： git@github.com:xsk-walter/myPromise.git // index.js /* 1. Promise 就是一个类 在执行这个类的时候 需要传递一个执行器进去 执行器会立即执行 2. Promise 中有三种状态 分别为 成功 fulfilled 失败 r ...
React项目中fetch实现跨域接收传递session的解决方案
本次项目使用了react框架，同时使用fetch取代ajax作为获取接口数据的交互方法。本以为过程中应该不会有什么磕绊，没想到遇到了session丢失这个让人甚是苦恼的问题。期间本想换种方法来对接接口，但转念一想如果每次遇到问题都选择逃避，那么以后的编码之路只能越走越窄，所以还是决定坚持下去。好在经 ...
HtmlParse：一款超轻量级的HTML文件解析和爬取工具
HtmlParse 是一款基于windwos平台的HTML文档解析工具，可快速构建DOM树，从而轻松实现网页元素的爬取工作。DOM树就是一个HTML文档的节点树，每个节点由：标签（Tag）、属性（Attribute）、文本（Text）三个值来描述。 所谓的HTML文档解析，指的就是如何构建一颗DOM ...