- 博客(271)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 vuex初始化报错
错误显示vuex.esm-browser.js?5502:140 Uncaught TypeError: Object(...) is not a function at resetStoreState (vuex.esm-browser.js?5502:140:1) at new Store (vuex.esm-browser.js?5502:932:1) at eval (index.js?4360:9:1) at Module../src/store/index.j
2022-02-25 11:22:52
654
1
原创 react 中的依赖循环
出现依赖循环的代码function sum(a, b){ return { sum: a + b }}export const Test = () => { const obj = sum(a, b); // 不只是对象，数组也会出现这种情况 const [num, setNum] = useState(0); useEffect(()=>{ setNum(num + 1); }, [obj]) return ( <div>{ num }</di
2022-01-25 16:20:52
1239
原创 react-router 基础用法总结
安装以 create-react-app --template typescript 构建的项目模板;npm intsall react-router react-router-dom （此处为 v6 版本）基础使用路由的定义和跳转是分离的，此处直接将路由定义在了入口文件 index.tsx 里面import { BrowserRouter, Route, Routes } from 'react-router-dom';React.render( <React.StrictMode
2022-01-24 15:07:54
709
原创 react 项目中改变页面的标题
方法一：使用 react-helmet 组件该组件可在任意组件里面管理文档头（head标签里面的内容）安装：yarn add react-helmet或者npm install --save react-helmet使用：import React from 'react';import { Helmet } from 'react-helmet';export function App(){ return ( <> <Helmet>
2022-01-23 11:31:36
1889
原创 Object.defineProperty()
Object.defineProperty()语法：Object.defineProperty(obj, prop, descriptor)obj：要定义属性的对象prop：要定义或修改的属性的名称，即为对象的 keydescriptor：要定义或者修改的属性描述符返回值：此对象 obj例子：const obj = {};Object.defineProperty(obj, 'name', { value: 'z'});obj.name; // z用途：Object.def
2022-01-19 11:44:50
294
原创 javascript中的 call、apply、bind
三者是 Function 对象 原型上的三个方法，主要作用是改变函数中 this 的指向。Function.prototype.call()用法：function.call (thisArg, arg1, arg2, ...)返回值：使用调用者提供的 this 值（也就是 thisArg）和参数 调用该函数的返回值，如果没有返回值，返回 undefined例子// 简单例子var a = { user: '测试', fn: function(a, b){ console.log(t.
2022-01-17 15:42:49
454
原创 react 的 错误边界
react 的 错误边界 是一个 class 组件作用：捕获并打印发生在其子组件树任何位置的 JavaScript 错误，并且，它会渲染出备用 UI，而不是渲染那些崩溃了的子组件树。使用：如果一个 class 组件中定义了 static getDerivedStateFromError() 或 componentDidCatch() 这两个生命周期方法中的任意一个（或两个）时，那么它就变成一个错误边界。案例import React, { Component } from 'react'typ
2022-01-10 22:16:25
416
原创 用自定义 hooks 管理请求状态
用自定义 hooks 管理请求状态创建 hooksinterface State<D> { data: D | null; error: Error | null; stat: 'loading' | 'success' | 'error' | 'idle';};const defaultState: State<null> = { data: null, // 数据 error: null, // 错误信息 stat: 'idle', // 状态}
2022-01-09 11:14:55
462
原创 前端实现登录、登出、请求数据的一些思路整理
前端实现登录、登出、请求数据的一些思路整理（基于React、JWT技术）登录、登出和数据请求是两种不同的数据交互方式，是互相独立的。登录、登出基于 JWT（JSON WEB TOKEN） 技术，通过请求后台的登录接口，由服务器生成一个 token 凭证返回给前台；前台拿到 token 之后存储到本地的 localStorage 里面，每次进行数据请求的时候都带上 token 传给后台，由后台决定根据 token 返回不同的数据和状态。根据以上思路整理出前端代码① 登录和登出// 获取当前
2021-12-26 21:44:14
1531
2
原创 封装fetch请求
封装import qs from 'qs'interface Config extends RequestInit { data?: object; token?: string;}const API_PREFIX = process.env.API_PREFIXexport const http = (endPoint: string, {data, token, ...customConfig}: Config = {}) => { // 默认参数 const conf.
2021-12-19 16:03:12
468
原创 context 在不同类型组件的使用理解
对 react 中 context 的理解使用 context 的大致目的：共享数据，避免数据的层层传递类组件中的 context步骤一：创建一个 context 对象，当加载到订阅这个 context 对象的组件的时候，会自动匹配下文 provider 中的 value 值。const AuthContext = React.createContext(undefined);步骤二：创建 provider，传递给消费组件，并订阅 conetext 的变化，即 value 值的变化，可以
2021-12-16 14:50:19
628
原创 管理或升级本地的node版本
管理node 版本采用 gnvm 升级或安装其他版本的 node下载 gnvm.exe，放在 node.js 文件夹下面设置 gnvm 的源# gnvm.exe 内建了 DEFAULT and TAOBAO 两个库。gnvm config registry TAOBAO安装 nodegnvm install latest 1.0.0-x86 1.0.0-x64 5.0.0更新 node# 更新本地的 Node.js latest 版本gnvm update la
2021-12-15 16:14:08
1552
原创 记录学习过程中写的自定义hooks
防抖export const useDebounce = <T>(value: T, delay?: number) => { const [debounceValue, setDebounceValue] = useState(value); useEffect(()=>{ const debounceTimer = setTimeout(() => setDebounceValue(value), delay); return () => clear.
2021-12-13 21:58:23
395
原创 前端怎么制作灰色主题页面
前端页面怎么制作灰色主题头部引入csshtml { filter: grayscale(100%); -webkit-filter: grayscale(100%); -moz-filter: grayscale(100%); -o-filter: grayscale(100%); filter: url("data:image/svg+xml;utf8,<svg xmlns=\'http://www.w3.org
2021-12-13 10:46:45
406
原创 fetch的基础理解
fetchfetch 是 WorkOrGlobalScope 这个 mixin 中的一个方法，用于获取一个网络进程，通常为请求地址；它返回一个 promise 对象，当网络正常或未被请求拦截的时候，会 resolve 一个 response 对象，否则就 reject 结束语法Promise<Response> fetch(req[, obj]);参数req：获取的资源urlRequest对象obj：请求设置，可选参考写法读取数据fetch("htt
2021-12-10 15:42:40
531
原创 prittier格式化代码报错
错误截图[error] Invalid configuration file `src\index.js`: JSON Error in E:\202112\testPrettier\.prettierrc.json: [error][error] > 1 | ��[error] | ^[error][error] Unexpected token "�" (0xFFFD) in JSON at position 0 while parsing "��"[error][err
2021-12-09 14:27:27
2925
4
原创 windows系统通过虚拟机 ubantu 搭建 gitlab
一、 搭建虚拟机，导入ubantu镜像（傻瓜式操作即可）虚拟机地址：https://www.vmware.comubantu地址：https://www.ubuntu.com导入镜像，找到虚拟机的存储栏目，导入 ubantu 镜像二、安装gitlab先决安装sudo apt-get updatesudo apt-get install -y curl openssh-server ca-certificatessudo apt-get install -y postfix首先信
2021-11-30 14:09:49
677
原创 使用flow.js检查的代码不报错
function square(n) { return n * n;}square("2");flow 运行不报错？差一个注释// @flowfunction square(n) { return n * n;}square("2");只有加上 flow 的注释才会进行检查
2021-11-11 17:39:23
718
原创 前端根据url地址生成二维码
插件：QRCode地址：http://davidshimjs.github.io/qrcodejs/<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml" xml:lang="ko" lang="ko">.
2021-11-11 16:38:24
1135
原创 rabbitMQ的安装与用户维护
安装 Erlang 并配置环境变量安装 rabbitMQ，注意版本，不和erlang版本关联可能起不来在rabbitMQ的sbin目录下执行一下代码rabbitmqctl status //查看当前状态rabbitmq-plugins enable rabbitmq_management //开启Web插件rabbitmq-server start //启动服务访问 localhost:15672，以 guest 登录维护用户选择 admin 标签add a use..
2021-11-11 16:28:56
1279
原创 The server time zone value ‘�й���ʱ��‘ is unrecognized or represents more...
报错截图代码截图：解决方案Class.forName("com.mysql.cj.jdbc.Driver");connection = DriverManager.getConnection("jdbc:mysql:///demo1026?useUnicode=true&characterEncoding=utf-8&useSSL=false&serverTimezone=GMT", "zhang", "1997");callableStatement ..
2021-10-28 10:14:55
125
原创 editplus破解源码
function generate_editplus_regcode(username){ var list = [0,49345,49537,320,49921,960,640,49729,50689,1728,1920,51009,1280,50625,50305,1088,52225,3264,3456,52545,3840,53185,52865,3648,2560,51905,52097,2880,51457,2496,2176,51265,55297,6336,6528,55617,6912
2021-10-27 17:14:40
546
2
原创 session
1. 概念：服务器端会话技术，在一次会话的多次请求间共享数据， 将数据保存在服务器端的对象中。HttpSession2. 快速入门： 1. 获取HttpSession对象： HttpSession session = request.getSession(); 2. 使用HttpSession对象： Object getAttribute(String name) void setAttribute(String name, Object value) void removeAt
2021-10-27 14:29:58
63
原创 获取和设置cookie
import javax.servlet.ServletException; import javax.servlet.annotation.WebServlet; import javax.servlet.http.Cookie; import javax.servlet.http.HttpServlet; import javax.servlet.http.HttpServletRequest; import javax.servlet.http.HttpServle...
2021-10-27 14:24:38
367
原创 JDBC 操作事务
JDBC 操作事务事务：一个包含多个步骤的业务操作。如果这个业务操作被事务管理，则这多个步骤要么同时成功，要么同时失败操作：开启事务提交事务回滚事务使用 Connection 对象来管理事务开启事务：setAutoCommit(boolean autoCommit)：调用该方法设置参数为 false, 即开启事务在执行 sql 之前开启事务提交事务：commit()当所有 sql 执行完提交事务回滚事务：rollback()在 catch 中回滚事务
2021-10-27 09:32:33
629
原创 windows本地 安装nginx并部署项目
windows本地 安装nginx并部署项目安装：nginx下载地址部署打包项目，生成 dist修改 conf 文件夹下的 nginx.conf 文件#user nobody;worker_processes 1;#error_log logs/error.log;#error_log logs/error.log notice;#error_log logs/error.log info;#pid logs/nginx.pid;even
2021-10-26 17:23:26
408
2
原创 抽取JDBC工具类
JDBCUtilsimport java.io.FileReader;import java.io.IOException;import java.net.URL;import java.sql.*;import java.util.Properties;public class JDBCUtil { /** * 抽取jdbc工具类 * 1. 抽取注册驱动 * 2. 抽取获取连接对象 * 3. 抽取关闭方法，释放资源 */ pr
2021-10-26 15:03:01
72
原创 JDBC的接口对象
JDBC的接口对象DriverManager 驱动管理对象功能注册驱动：Class.forName("com.mysql.jdbc.Driver")获取数据库连接Connection 数据库连接对象Connection cnt = DriverManager.getConnection("数据库地址", "用户名", "密码");获取执行 sql的对象管理事务开启事务：setAutoCommit提交事务：commit()回滚事务：rollback()Stat
2021-10-21 15:28:03
54
原创 JDBC简单入门
JDBC简单入门java操作数据库：定义了一套操作关系型数据库的规则（接口）。JDBC实现类 MySQL版本JDBC实现类 Oracle版本步骤导入驱动jar包导入驱动包到项目的libs目录下面libs 文件夹右键 add as libray;注册驱动获取数据库连接对象 Connection定义 sql获取执行 sql 语句的对象 Statement执行 sql, 接收返回结果处理结果释放资源// 1. 导入 jar 包// 2. 注册驱动 try
2021-10-21 14:47:05
43
原创 多表查询（sql）
多表查询笛卡尔积：有两个集合 A，B，取这两个集合的所有组成情况要完成多表查询，需要去除无用的数据分类内连接查询隐式内连接：使用where消除无用的数据SELECT emp.id, emp.name, dept.name FROM emp, dept where emp.dept_id = dept.id;显式内连接SELECT emp.id, emp.NAME, dept.name FROM emp INNER JOIN dept WHERE emp.dept_i
2021-10-21 10:48:43
311
2
原创 数据库的备份与还原
数据库的备份与还原语法：备份 mysqldump -u用户名 -p密码 > 保存的路径mysqldump -uroot -proot student > d://student.sql还原：登录数据库创建数据库使用数据库执行文件 source 文件路径
2021-10-21 09:18:58
42
原创 数据库设计
数据库设计多表之间的关系一对一实现方式：可以在任意一方添加外键指向另一方的主键一对多（多对一）实现方式：在多的一方建立外键，指向一的主键多对多实现方式：需要借助一张中间表，中间表至少包含两个字段，这两个字段分别作为第三张表的外键，分别指向两张表的主键。数据库设计的范式第一范式：表中的字段不可以再分解。第二范式：一个表中只能保证一种数据，不可以把多种数据保存在同一张数据库表中。第三范式：每一列数据都和主键直接相关，而不能间接相关。...
2021-10-21 08:44:30
53
原创 数据表约束
表约束对表中的数据进行限定：保证数据的正确性、有效性和完整性。分类主键约束：primary key非空约束：not null唯一约束：unique外键约束：foreign key非空约束：not null写法：create table stu(id int, name varchar(20) not null);删除非空约束：alter table stu modidy name varchar(20);唯一约束：unique(值不能重复)
2021-10-20 15:46:41
101
原创 增删改查表中的数据
增删改查表中的数据增加数据INSERT INTO 表名（key1, key2, ..., keyn） VALUES(val1, val2, ..., valn);删除数据删除指定数据delete form 表名 where (条件);删除全部数据TRUNCATE TABLE 表名; // 先删除表，再创建一张相同的空表修改数据update 表名 set key1=val1, key2=val2, ... keyn=valn where (条件);数据库查询基础查询
2021-10-20 14:07:51
69
原创 安装mysql 5.7
安装mysql 5.7下载镜像文件（MSI）mysql镜像下载地址2. 安装（默认安装）3. cmd（已管理员身份运行）–> 进入到 mysql的bin目录下4. 执行mysqld --initialize-insecure 和 mysqld --install5. 执行 net start mysql 即可启动成功...
2021-10-15 11:59:15
66
原创 Tomacat部署项目
直接将项目放到webapps目录下即可。配置conf/server.xml文件<Context docBase="D:\hello" path="/hehe" />在conf\Catalina\localhost创建任意名称的xml文件。<Context docBase="D:\hello" />
2021-10-13 14:32:30
43
原创 yarn upgrade
yarn upgrade 用于更新包到基于规范范围的最新版本 yarn upgrade --latest # 忽略版本规则，升级到最新版本，并且更新 package.json
2021-09-23 11:27:27
594
原创 webpack开发环境下实现项目热更新
webpack开发环境下实现项目热更新webpack.dev.jsconst path = require('path')const webpackCommonConf = require('./webpack.common.js')const { merge } = require('webpack-merge')const { distPath, srcPath } = require('./paths')const HotModuleReplacementPlugin = requir
2021-09-03 15:31:45
121
images.zip
2019-07-26
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人