Node的强大永远都想不到，今天用Node做个简单的数据采集。
cheerio
Cheerio是一个快速、灵活且精益的jQuery核心实现，
2023-11-04
Node中的EventLoop
网上有很多关于Node中的EventLoop的文章和视频，但是往往都要看很多才能明白，那么看了我这篇后相信一定是最后一篇，一定会搞明白Nod
2023-10-23
浏览器事件循环EventLoop
看过很多关于JS Event Loop的文章和视频，在面试的时候，这个问题也逃不脱的，事件循环涉及的内容还是有点多的，这里自己在梳理下，以便
2023-10-18
Node.js的readline模块实现终端的输入输出
readline是Node.js里实现标准输入输出的封装好的模块，通过这个模块我们可以以逐行的方式读取数据流。
引入
const readl
2023-10-16
Node.js全局变量globals
全局对象
global
表示Node所在的全局环境，类似于浏览器的window对象。
console.log(global)
输出
<
2023-10-15
Node.js文件系统的常用方法
对文件的I/O操作,简单来说就是用Node来操作系统中的文件。
先了解一些文件常识
权限位 mode
fs 模块需要对文件进行操作，会涉及到
2023-10-14
SVG基础用法
什么是SVG
可缩放矢量图形,是一种用于描述二维的矢量图形，基于 XML 的标记语言。
简单来说 用svg可以改变图像的大小 颜色等
SVG
2023-08-18
常用input输入框限制的正则表达式集合
1.限制input输入框只能输入大小写字母、数字、下划线的正则表达式：
<el-input type="text"
2023-07-23
常用正则表达式
整数或者小数
^[0-9]+\.{0,1}[0-9]{0,2}$
只能输入数字
^[0-9]*$
只能输入n位的数字
^\d{n}$
2023-07-22
Threejs-关键帧动画
什么是关键帧动画
关键帧动画，你可以理解为在一个时间轴上，选择几个关键的时间点，然后分别定义这几个时间点对应物体状态(比如位置、姿态、颜色等
2023-07-18
Threejs-管道漫游
管道漫游
管道外观：
通过一个轨迹线生成一个管道几何体，然后相机沿着该轨迹线移动，注意相机的方向要沿着轨迹线的切线方向，这样会形成一个管
2023-07-17
Threejs-拓扑图飞线
拓扑图飞线
<!DOCTYPE html>
<html lang="en">
<head
2023-07-16
Threejs-管道流光效果
管道流光效果
贴图素材：
<!DOCTYPE html>
<html lang="en">
2023-07-15
Threejs-约束相机控件的旋转、缩放和平移
轨道控制器（OrbitControls）约束相机控件的旋转、缩放和平移
const controls = new OrbitControls
2023-06-18
Threejs-gui.js库使用
引入dat.gui.js
// 引入dat.gui.js的一个类GUI
import { GUI } from 'three/addons/
2023-06-17
video属性和事件用法
video属性
1、video 不支持 IE8及以下版本浏览器，支持三种视频格式：MP4，WebM 和 Ogg
<video sr
2023-06-11
Node+Express+mySql搭建新闻系统
搭建开发环境
全局安装express 和 express-generator 脚手架
npm install express -g
npm
2022-11-13
shell脚本编写简单入门
helloworld入门
使用编辑器vim 创建并添加语句
vim helloworld.sh
#! /bin/bash
echo 'hel
2022-11-06
对json数据的操作
一维数组转成树形结构
源数据：
export const regions = [
{
'code': '51',
'na
2022-11-04
简单使用FFmpeg
视频转换
ffmpeg -i input.mp4 -acodec copy -vcodec h264 -s 720x1280 output.
2022-10-19
vite构建vue3+TS项目
从零开始用vite构建vue3+TS项目。
初始化项目
npm init vite@latest
项目名称：vite-vue3-ts
cd
2022-10-12
Vue3项目ESLint配置及介绍
安装相关的依赖
npm i eslint@7.23.0 eslint-plugin-vue -D
npm i @typescript-es
2022-10-11
js-vue使用xlsx实现导入导出
安装
npm install xlsx -S
代码内使用
import XLSX from 'xlsx'
导入导出
创建JsonToEx
2022-10-04
Node操作MySQL数据库
安装mysql
npm i mysql -S
引入模块
let mysql = require('mysql');
测试mysql模块是
2022-09-13
mysql的基础操作
mac使用brew安装mysql
先查看mac上边有没有安装brew
brew -v 可查看brew版本
没有安装可先安装brew：
/u
2022-09-12
js-draggable实现拖拽元素交换位置
研究了哈拖拽替换dom节点，这里记录下哈，希望对需要的朋友有所帮助！
这里我使用了两种方式尝试过：
1，使用draggable插件
2，直接
2022-05-07
React的Hooks函数useRef和useImperativeHandle
在之前的React的类组件ref使用笔记中，介绍了在类组件中使用ref,本笔记主要记录在函数组件中使用ref，在函数组件中是不能直接使用re
2022-04-12
React的Hooks函数useEffect和useLayoutEffect
React 的 useEffect 是一个重要的 Hook，用于处理组件的副作用，而useLayoutEffect和它一样，都是处理函数组件
2022-04-11
React的Hooks函数useState
前言
在React开发中，类组件开发是具备状态的，可以使用this.setState来更新状态，使组件重新渲染，但在函数组件中，是不具备状态
2022-04-11
React的合成事件
什么是React的合成事件
React 合成事件（SyntheticEvent）是 React 框架提供的一种事件对象，它封装了不同浏览器的
2022-04-10
React的setState的使用
在React类组件开发中，使用setState 用于更新组件的状态。它是一个异步操作，它会将新的状态合并到当前状态中，然后触发组件的重新渲染
2022-04-10
React的类组件ref使用
React提供了ref属性可以让我们可以引用组件的实例，其实就是ReactDOM.render()返回的组件实例,可以通过ref来获取DOM
2022-04-09
对Component与PureComponent的理解
在React写类组件的时候，类组件都会extends继承React.PureComponent或者React.Component，那为什么要
2022-04-09
React类组件的生命周期
组件的生命周期
组件从先创建，然后挂载到页面中运行，最后组件不用时卸载的过程，这个过程就叫做组件的生命周期。而在这个过程中，React提供了
2022-04-08
初识React函数组件和类组件
在React组件化开发中，把组件分为函数组件、类组件、Hooks组件，这里本文先认识函数组件和类组件。
函数组件
使用 JS 函数（普通，箭
2022-04-07
React中的插槽
在开发中，我们抽取了一个组件，但是为了让这个组件具备更强的通用性，我们不能将组件中的内容限制死了。我们应该让使用者决定这一块区域应该显示什么
2022-04-07
React中组件的props属性
什么是Props
props是组件（函数组件和class组件）间的内置属性，用于在组件之间传递数据。它是父组件向子组件传递信息的一种方式，通
2022-04-06
React渲染原理
渲染处理
在React中，是将编写的Jsx语法编译为虚拟DOM对象，然后将构建的虚拟DOM对象渲染为真实dom，最后将真实DOM渲染到页面中
2022-04-06
React安装配置通用的Redux
这篇文章是建立在我上篇文章《从零开始搭建react项目》基础了配置的哟～，这里我以做一个简单的Todolist来使用Radux哈
一、我们使
2022-03-19
从零开始搭建react项目
首先说明为什么要写这个文章呢？是为了方便以后用react创建项目更方便不用做重复的事。
一、最熟悉的操作利用create-react-app
2022-03-18
状态管理工具Pinia
介绍
Pinia 是一个用于 Vue 的状态管理库，类似 Vuex, 是 Vue 的另一种状态管理方案
Pinia 优势
1.抛弃了Muta
2022-03-05
ES6-手写Promise
首先Promise有三个状态 PENDING、FULFILLED、REJECTED ，只能由PENDING改变为FULFILLED、REJE
2022-03-04
TypeScript装饰器
什么是装饰器
装饰器是给一个方法，属性或类扩展一些新的行为，而不是去直接修改它本身的一个函数。
如果在项目中要使用装饰器，需要在 tscon
2021-11-15
TypeScript泛型
在编程中，定义一个变量不确定类型的时候有两种解决方式:
1.使用any
2.使用泛型
什么是泛型
泛型是指在定义函数、接口或类的时候，不预先
2021-10-25
TypeScript中Interface与Type
Interface
Interface可以使用extends和implements。它在声明的那一刻并不是最终类型，由于interface可
2021-10-24
TypeScript类型断言
什么是类型断言
类型断言可以用来手动指定一个值的类型，即允许变量从一种类型更改为另一种类型。
语法格式
格式一：<类型>值
格式
2021-10-23
TypeScript接口Interface
在编程中，接口是一种规范的定义。接口跟抽象类有点像，但是,接口中不能有方法体，只允许有方法定义。
属性类型接口
//对传入对象的属性约束，以
2021-10-23
TypeScript类
类的定义
//定义一个Person类
class Person {
name: string;
constructor(na
2021-10-22
TypeScript函数
函数格式
// 格式一
function 函数名(参数列表): 返回值类型 {
函数体 ...
[return 返回值;]
2021-10-21
TypeScript数据类型
变量格式
//格式一
let 变量名: 变量类型 = 初始化值;
//格式二
let 变量名: 变量类型 | undefined;
变量名
2021-10-20
js常用方法
删除字符串里的数字
let str = 'gg-P10'
let newstr = str.replace(/[0-9]+/g, '')
c
2021-09-04
了解Proxy
简单使用
proxy在目标对象的外层搭建了一层拦截，外界对目标对象的某些操作，必须通过这层拦截
var proxy = new Proxy(
2021-08-23
了解Reflect
Reflect对象是一个全局的普通的对象。Reflect的原型就是Object.
Reflect对象和Object对象的区别
Reflec
2021-08-22
vue2与vue3的区别
最近一直有人在问我vue2和vue3有什么区别,今天在这里简单说哈。
根节点
vue2
<template>
<div
2021-08-19
vue3使用路由
下载
npm install vue-router@4
配置路由
暴露出一个createRouter方法，用来创建路由对象
通过defin
2021-07-12
watch和watchEffect的用法
watch和watchEffect都是监听器，但在写法和使用上有所区别。
watch在监听 ref 类型时和监听reactive类型时wat
2021-05-19
toRef函数和toRefs函数
我们知道ref可以用于创建一个响应式数据，而toRef也可以创建一个响应式数据，那他们之间有什么区别呢？
事实上，如果利用ref函数将某个对
2021-05-18
js数组重复问题
判断数组中元素是否重复
1.第一个元素与后面的元素对比，无重复，则从第二个元素开始与后面的元素对比…以此类推
let isRepeat=fa
2020-09-07
js深度拷贝的方法
引入：原始值与引用值的复制
当我们复制原始数据时，如数值、字符串，举例来说，下面的b相当于开辟了新的空间来放置变量b，并储存了a的值，所以改
2020-09-04
浅谈Router原理
vue-router是什么
通过改变 URL，在不重新请求页面的情况下，更新页面视图。
vue-router两种路由模式
history（
2020-06-30
浅谈VUE双向数据绑定原理
一、原理
1.vue 双向数据绑定是通过 数据劫持 结合 发布订阅模式的方式来实现的， 也就是说数据和视图同步，数据发生变化，视图跟着变化，
2020-06-30
浅谈跨域
什么是跨域？
我认识的跨域是指一个域下的文档或脚本试图去请求另一个域下的资源。
为什么会出现跨域？
出于浏览器的同源策略限制。它是浏览器最核
2020-03-16
js Object 常用方法总结
Object.length
值为 1。
Object.prototype
可以为所有 Object 类型的对象添加属性。
Object.pr
2020-03-10
理解和使用ES6中的Symbol
ES6中引入了一种新的基础数据类型：Symbol。
这是一种新的基础数据类型
Symbol是由ES6规范引入的一项新特性，它的功能类似于一种
2020-03-09
Dayjs常用方法
安装
NPM
npm install dayjs --save
import dayjs from 'dayjs'
// 或者 Comm
2020-03-08
ES6-Promise对象
什么是Promise？
Promise是一个构造函数,用于异步操作,它表示一个尚未完成且预计在未来完成的异步操作。
同步与异步
我们知道，J
2020-03-02
ES6-遍历数组方法
介绍
数组是一种很重要的数据结构。那么我们如何遍历数组呢？
假如有这样一个数组。arr = [1,2,3,4,5,6,7]，现在要遍历该数组
2020-02-26
nginx 多站点配置
安装
brew install nginx
常用指令
nginx -s quit 退出
nginx -s reload 重新加载
ngin
2020-02-22
初识webpack到手动搭建vue
webpack是什么
打包工具(模块打包器)
前端工程师，必不可少工具
webpack作用
打包 (把多个文件打包成一个js文件， 较少
2020-02-16
web前端知识梳理-Jquery
jQuery 库中的 $() 是什么
$() 函数是 jQuery() 函数的别称。$() 函数用于将任何对象包裹成 jQuery 对象，接
2020-01-21
javascript相关程序计算
判断一个字符串中出现次数最多的字符，统计这个次数
var str = '121232jddsds232322222dffrrrrr'
2020-01-17
javascript面向对象那些事
什么是面向对象
面向对象就是说，使用对象的时候，你可以直接使用它所提供的功能而忽略其内部组成情况。比如说，你家里的电视机，你使用了遥控，就能
2020-01-15
常用git命令
其他操作
git init：初始化本地库
git status：查看工作区、暂存区的状态
git add <file name>
2020-01-13
javaScript对象访问器
JavaScript 访问器（Getter 和 Setter）
使用 getter 和 setter 时，JavaScript 可以确保更好
2020-01-03
web前端知识梳理-javascript
javascript基本数据类型
基本数据类型：Undefined、Null、Boolean、Number、String。
引用类型：Obj
2019-12-23
从0到1打造Vue服务端渲染-二
路由
安装路由
npm i vue-router -S
router目录index.js
import Vue from 'vue'
im
2019-12-10
从0到1打造Vue服务端渲染-三
改造上节课node服务index.js,通过用户传进来的url来渲染页面内容，我从新建了一个server.js
//nodejs 服务器
2019-12-10
SSR报错Error:... Avoid using CommonsChunkPlugin in the server config.
SSR是很坑，这个打包报错我都弄了几个小时，才发现问题
解决方法：
splitChunks: TARGET_NODE ? false : u
2019-12-10
从0到1打造Vue服务端渲染-一
概念
将一个vue组件在服务端渲染为HTML字符串并发送到浏览器，最后再将这些静态标记“激活”为可交互应用程序的过程称为服务端渲染
实现vu
2019-12-09
Vue切换路由取消axios指定请求与取消重复请求并存方案
前言
今天做项目有个需要切换路由就取消上个页面请求的需求，就去找了很多有关这方面的文章，现在项目做好了，在这里做个总结，方便之后查询和帮助和
2019-12-06
HTML&CSS
HTML超文本标记语言，是网页内容的载体。内容就是网页制作者放在页面上想要让用户浏览的信息，可以包含文字、图片、视频等
CSS样式是表现。就
2019-11-12