- 博客(64)
- 收藏
- 关注
RSS订阅原创 【算法】【leetcode】两数之和,两数相加
/* 两数相加 1.链表相当于从个位往上数，计算每一位的和，记录进位，创建节点。 2.使用队列，计算好各位的值，统一创建节点（跟第一个其实差不多）*/function ListNode(val, next) { this.val = val === undefined ? 0 : val; this.next = next === undefined ? null : next;}var addTwoNumbers_2 = function (l1, l2)
2020-11-06 04:58:26
253
原创 【css】css modules默认样式出错
错误现象：index.tsx引入base.scss，引入全局基础的样式。但是无效原因：通过import 引入 css module 但是并没有使用。webpack只会编译模块中被使用的部分。import styles from './styles/base.scss';styles未被使用解决方法：import './styles/base.scss';...
2020-11-04 10:34:28
390
原创 【css】react+typescript+css modules+sass 配置
1.在根目录下创建xxx.d.ts类型文件声明类型global.d.tsdeclare module '*.scss';2.配置webpackwebpack.config.js { test: /css$/i, use: [ 'style-loader', { loader: 'css-loader', options: { modules: true,
2020-11-03 16:46:43
814
原创 【webpack】【错误记录】Error: Cannot find module ‘webpack-cli/bin/config-yargs‘
错误记录：[email protected]@[email protected]查错记录：1.安装webpack-dev-server报错：Cannot find module ‘webpack-cli/bin/config-yargs’2.查看node_modules下webpack-cli目录，并没有bin/config-yargs目录安装[email protected]（3.x最新版本），该版本有bin/config-yargs目录安装
2020-11-03 09:42:25
293
原创 【webpack】【错误记录】You may need an additional loader to handle the result of these loaders.
解决方法：tsconfig.json“jsx”: “preserve”改为“jsx”: “react”出错文件：import ReactDOM from 'react-dom';import React from 'react';const App = () => { return ( <div> <h1>aaa</h1> </div> );};const roo
2020-11-03 09:28:01
4170
原创 【node】【错误记录】crypto密码加密报错 [ERR_CRYPTO_HASH_FINALIZED]: Digest already called
错误记录：调用密码加密方法，报错const md5 = crypto.createHash('md5');const salt = 'hhug6dcKyCNBQ5sUC0i6hja5dCTqdSzV';function encrypt(str: string) { return md5.update(str + salt).digest('hex');}原因：Hash实例 不能复用规则：hash实例调用digest之后不能再调用update本例中md5放在了函数外，多次调用使用的是
2020-11-03 06:51:22
1544
1
原创 【sequelize】typescript创建model写法
interface UserAttributes { user_id: number; username: string; password: string; role: number;}interface UserCreationAttributes extends Optional<UserAttributes, 'user_id'> {}interface UserInstance extends Model<UserAttributes, U
2020-11-02 15:28:42
1384
1
原创 【webpack】HtmlWebpackPlugin插件报错，The ‘compilation‘ argument must be an instance of Compilation
问题：似乎是webpack5和HtmlWebpackPlugin的兼容性问题解决方法：安装4.X的wepback和对应的HtmlWebpackPluginnpm install [email protected] i --save-dev html-webpack-pluginps:HtmlWebpackPlugin官网虽然提供了webpack5的下载方式，但是会报错Webpack 5npm i --save-dev html-webpack-plugin@nextyarn add --
2020-10-21 00:53:51
4655
5
原创 【react】【错误记录】修改store成功，页面不刷新（原因为Object.assign使用错误）
错误现象记录：触发dispatch，store返回值正确，但是页面不变化。reducersconst panelConfig = (state = { type: 0, show: false }, action) => {... case types.TOGGLE_PANEL: console.log('state:', state); //出错在这里 return Object.assign(state, { show: action.show }
2020-10-19 02:39:30
848
1
原创 【前后端交互】token过期验证策略（express+axios）
文章目录逻辑服务端保存tokentoken更新部分代码校验token校验中间件逻辑登录时，服务端生成token，保存并返回token。前端保存token退出时，服务端删除服务端token。发送请求时，前端携带token，服务端校验token并与保存的token对比。校验tokentoken未过期，正常返回。token接近过期，服务端重新生成token并返回，前端更新token。token已过期，判断token与服务器保存的token是否相同。若相同，则token正常过期，生成token，保
2020-10-16 15:34:52
1287
原创 restful api 基础
文章目录基础api设计基本思路举例：(axios)新增一个title为“abc”的item删除id为5的item把id为5的item的title修改为"bbb"把id为5的item修改{title:"bbb",content:"xxx"}获取id小于10000中前100个item(字段需要自己设置）HTTP报头（暂略）HTTP状态码（部分）基础1.最好要带有版本（设置在url中或者header中）2.网址里不能有动词3.所有的接口的功能都用“都某个资源的某个操作”描述。4.资源表现在url中5.
2020-10-16 14:16:28
207
原创 【mysql】【Sequelize】【错误记录】update修改数据后，不返回数据（其实就是mysql不支持）
总之结论就是：mysql不支持update返回数据。只有postgres 支持。这是定义提示，返回值是数字和Model数组组成的数组。这是update选项的解释。也就是说只有postgres 加上配置才支持。... /** * Return the affected rows (only for postgres) */ returning?: boolean; /**就很气。...
2020-10-16 12:10:15
1329
原创 【vue】【better-scroll】【错误记录】容器内部新增/删除元素时，滑动边界出错
错误现象原因：better-scroll设定的容器内部，元素的高度发生变化之后，滑动区域边界变化。处理方法容器内部的元素变化时，调用better-scroll提供的refresh函数注意注意在元素变化之后再调用fresh，否则反而会出现其他错误。因为元素更新通常需要时间，可以给使用定时器做个延后。元素增/删带有动画时第一种方法：使用定时器，setTimeout(()=>{scroll.refresh()},（动画持续时间+一点点的延后时间）)第二种方法：在动画完成的钩子里进
2020-10-13 23:31:42
175
原创 【css】【问题记录】todolist头像动画出错。原因：html的font-size小于12px时，js只能获取到12px
文章目录html的字体最小只能设置成12pxhtml的字体最小只能设置成12px通过js可以设置成更小的值，但是css内设置小于12px的值时，默认12px<html lang="en"> <head> <style> html { font-size: 20px; } @media screen and (max-width: 768px) { html { font-size: 10px; }
2020-10-13 17:47:59
196
原创 【前后端交互】token进行登录状态验证（express+axios）
文章目录基本逻辑jsonwebtoken基本使用文档生成token验证代码实现逻辑前端设置响应拦截后端设置token生成、校验拦截请求基本逻辑//登录请求验证用户 失败 返回错误码 成功 生成token，并返回//其他请求从请求获取token（header，或者body） 没有token 返回未登录错误值 有token 通过函数验证 token不合法或者过期 返回错误码 token符合要求 进行其他操作jsonwebtoken基本使用文
2020-10-13 03:31:14
746
原创 【vue】【todolist】【出错记录】props变化，组件页面不更新.
出错现象：删除分组时，任务条显示的分组信息不变（数据已经变化）。原因：分组渲染任务条时，给任务条绑定的key都是任务条的id。删除分组时，任务条的key值不变，被原地复用。解决方法：分组给任务条绑定的key值改为分组id*10+任务条id（保证key值会变化）。修改之后...
2020-10-11 19:32:31
307
原创 【mysql】ORM库Sequelize的基础使用
文章目录官网简单介绍orm安装基础逻辑基础使用连接创建ModelDatatype参数介绍tableName数据操作增删改查注意返回值类型返回值处理官网https://sequelize.org/master/index.html简单介绍Sequelize是基于orm，基于promise的一个mysql库。orm即对象关系映射。简单来说：orm会将对象与数据库建立联系。使用orm库时，不直接运行各种sql语句，而是通过包装好的方法对对象进行操作。再简单的说：操作数据库，不用在代码里敲各种sql
2020-10-11 12:33:30
282
原创 【MongoDB】【错误记录】添加账号成功，但是连接失败。（原因为创建用户时未切换数据库）
原因：创建用户时，为切换到对应的数据库。用户都创建到了admin（默认数据库）下了。出错情况记录：新增了一个数据库xxx，创建了新用户，权限是读写xxx数据库(添加时的对应数据库是admin）。db.createUser({ user: 'test', pwd: '123456',roles:[{ role: 'readWrite', db: 'xxx' }] })错误内容MongoDB shell version v4.4.1connecting to: mongodb://localho
2020-10-09 02:54:08
1525
原创 【express】使用cookie和session保持登录状态
文章目录文档逻辑中间件cookie-parserexpress-session核心代码文档https://www.expressjs.com.cn/en/resources/middleware/session.html逻辑=====登陆=====后端获取账号密码密码加密查询账号是否存在账号不存在 返回错误码账号存在 查询密码是否符合 不符合 返回密码错误数据 符合 设置session
2020-10-08 02:51:35
819
原创 【vue】【axios】【错误记录】axios的post请求express识别成了options
原因：axios的header设置出错instance = axios.create({ baseURL: 'http://localhost:3000/', headers: { //应为'application/json',或者不设置 'Content-Type': 'application/x-www-form-urlencoded', }, });
2020-10-08 00:49:21
227
原创 【node】【npm】--save,--save-dev的含义
。–save,–save-dev的区别–save 会把依赖添加到 dependencies 内–save-dev 会把依赖添加到 devDependencies 内注意：npm版本5.0以上 --save为默认选项npm i express相当于5.0npm i express --save 参数 -D 相当于–save-dev...
2020-10-08 00:38:00
379
原创 【vue】【element-ui】【错误记录】vue使用element-ui时，.native点击事件触发两次
文章目录现象解决方法原因现象使用element-ui的组件el-checkbox，绑定点击事件 <el-checkbox @click="state()"></el-checkbox>点击事件不触发添加.native标签之后，触发了事件，但是触发了两次 <el-checkbox @click.native="state()"></el-checkbox>解决方法通过事件对象元素的类型，过滤事件修改为 <el-ch
2020-10-07 15:25:59
1263
原创 【js】import和export的搭配用法
1.export default xxximport 自定义名字 from '...'2.export const xxx = ...export const yyy = ...或者const xxx = ...const yyy = ...export {xxx,yyy}import * as 自定义名字 from '...'自定义名字.xxx或者import {xxx,yyy} from '...'3....
2020-10-05 04:23:01
493
原创 【前端工具库】Mockjs
文档文档 ： https://github.com/nuysoft/Mock/wiki例子 ：http://mockjs.com/examples.html安装npm i mockjs -Dnpm i @types/mockjs -D使用mocks.js Mock.mock("http:xxxxxx",'post',data) Mock.mock("http:yyyyyy",'post',data) Mock.mock("http:zzzzzz",'post',data
2020-10-05 03:55:41
180
原创 【node】【package.json】devDependencies和dependencies的区别
基础1.版本5.0以上 --save内置2.参数 -D 相当于–save-dev
2020-10-05 03:37:36
104
原创 【sass】配置
npm install node-sass --save-dev npm install sass-loader --save-dev npm uninstall node-sass --save-dev npm uninstall sass-loader --save-dev vue add style-resources-loader //将scss引入全局 vue.config.js const path = require...
2020-10-05 03:28:04
263
原创 【node】移动目标路径下所有文件的实现
1.原生import fs from 'fs';import path from 'path';function copyFile(srcPath: string, tarPath, cb?: Function) { if (!fs.existsSync(path.dirname(tarPath))) fs.mkdir(path.dirname(tarPath), (err) => { if (err) cb && cb(err); });
2020-10-05 03:10:23
572
原创 【vue】【vue.config.js】vue项目路径简写
const path = require('path');const resolve = (dir) => path.join(__dirname, dir);module.exports = { //跨域代理设置 devServer: { proxy: { '/api': { target: 'http://localhost:3000', changeOrigin: true, pathRewrite: {
2020-10-05 02:37:26
759
原创 【vscode】【插件】
markdown All in One有这个基本就可以平时用了markdown toc增加了插入，更新toc的功能（右键）
2020-10-05 00:38:50
78
原创 【node】【package.json】scripts设置---让项目在代码变化后自动重新启动
相关文档vue-cli:https://cli.vuejs.org/zh/guide/cli-service.htmlpackage.json指南：http://nodejs.cn/learn/the-package-json-guide{/* node*/... "scripts": { /* js */ "serve": "node app.js", //启动项目 "serve": "nodemon app.js", //nodemon自动重启 /*
2020-10-05 00:26:21
779
原创 【Typescript】【tsconfig】常用配置
最基础的配置。设置这些就能运行了。{ "compileOptions":{ "outOutDir":"dist", //编译后的目录 }, "include": ["src/**/*"] //包括ts的目录}常用{ "compilerOptions": { "module": "commonjs", //规定js模块化规范 "esModuleInterop": true, //兼容库的引用方式 "outDir": "di
2020-10-04 23:39:56
451
原创 【Typescript】跟tsconfig设置相关的报错
1.esModuleInteropimport express from ‘express’; 报错内容：此模块是使用 "export =" 声明的，在使用 "esModuleInterop" 标志时只能与默认导入一起使用。//解决方案：compilerOptions.esModuleInterop=true{ "compilerOptions": { "esModuleInterop": true }}原因：很多库没有默认输出，普通的方法为：import * as
2020-10-04 23:29:03
1973
原创 【npm】记录用到的npm包
开发、运行依赖开发依赖：typescript各种工具：ts-node,eslint,shelljs@types类型文件工具ts-node （直接运行ts文件）nodemon （node服务器自动重启）shelljs （各种shell指令，类似复制文件等）Node相关mongoose （mongoDB库） express中间件body-parser （处理请求参数）...
2020-10-04 23:12:46
76
原创 【Typescript】【Node】express + Typescript 基础框架搭建
相关资料node http://nodejs.cn/express https://www.expressjs.com.cn/ts https://www.tslang.cn/docs/home.html基本结构文件夹结构server dist //ts编译后文件夹 src //主要区域 models public //静态文件 routers //路由方法 a
2020-10-04 22:41:34
566
原创 【MongoDB】【mongoose】报错记录
去除Schema自带_id(需要自己设置)new Schema({ name: String }, { _id: false})1.document must have an _id before savingSchema开启了_id:false,而创建Schema实例时没有给值2.Cast to ObjectId failed for value “0” at path “_id” for model “Item”没有开启_id:false，默认会生成ObjectId格式的_id，把0赋值给它会
2020-10-04 19:17:06
1989
原创 【MongoDB】4.4版本。备份到文件/从文件引入。mongoimport mongoexport
文档https://docs.mongodb.com/database-tools/mongoimport/安装（4.4以上）地址：https://www.mongodb.com/try/download/database-tools?tck=docs_databasetools分流：https://pan.baidu.com/s/1fI6GRAgGk0g_hIX0ZgDhXg提取码：9xpg查了半天资料，mongoimport mongoexport就是报错。重新安装mongodb，重新设置p
2020-10-04 19:01:23
1555
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人