- 博客(106)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 [ECharts] There is a chart instance already initialized on the dom
echarts出现重复渲染
2024-03-27 10:33:59
335
原创 vue打包内存问题解决办法＜--- Last few GCs ---＞＜--- JS stacktrace ---＞
vue nodejs内存泄漏 Last few GCs JS stacktrace
2023-12-20 23:08:34
717
原创 Linux之常用的压缩解压缩命令
如果遇到某个文件夹过大，需要将压缩文件跟个成 N 个指定大小的文件，便于邮件等方式传输，可以使用下边的方法。然后使用 split 指令进行切分。多个压缩文件解压方法如下。首先先压缩成一个大文件。也可以合成一步进行操作。
2023-05-11 22:25:11
1010
1
原创 Linux 安装nginx 并配置SSL详细步骤
参考：https://www.404bugs.com/index.php/details/1080624741449781248。service.crt # 公钥。service.key # 私钥。
2023-04-27 10:48:30
1825
原创 nginx配合vite开启gzip压缩以及各种问题处理
1、此时可用在nginx的安装目录的sbin中使用./nginx -V查看当前nginx的配置信息，看有没有配置–with-http_gzip_static_module。参考：https://www.dandelioncloud.cn/article/details/1601473561787318273。2、vim /opt/nginx-1.12.2/objs/Makefile 去掉-Werror。2、安装时make && make install报错。在安装Nginx输入make指令时报。
2023-03-27 15:12:39
1388
2
原创 nginx安装error: ‘struct crypt_data’ has no member named ‘current_salt’ cd.current_salt[0] = ~salt[0]；
nginx安装error: ‘struct crypt_data’ has no member named ‘current_salt’ cd.current_salt[0] = ~salt[0]；
2023-03-09 10:32:24
1035
原创 Linux环境下安装Node和PM2
一、下载node安装包wget https://npm.taobao.org/mirrors/node/v8.0.0/node-v8.0.0-linux-x64.tar.xz二、解压tar -xvf node-v8.0.0-linux-x64.tar.xz可以重命名为：nodejs三、添加链接1、ln -sf /usr/local/nodejs/bin/node/usr/local/bin/node(/nodejs/bin/node------这个就是安装的路径，下面同理)2、ln -sf
2022-02-10 14:06:04
777
原创 JS 将有父子关系的数组转换成树形结构数据
将类似如下数据转换成树形的数据[{ id: 1, name: '1',}, { id: 2, name: '1-1', parentId: 1}, { id: 3, name: '1-1-1', parentId: 2}, { id: 4, name: '1-2', parentId: 1}, { id: 5, name: '1-2-2', parentId: 4}, { id
2020-08-26 16:08:28
810
1
原创 ant-design-vue resetFields未生效解决
resetFields真的是个难搞的方法之前遇到过resetFields方法浏览器报undefind上一篇文章已经解决现在出现resetFields没有起到重置form表单初始数据作用但是可以重置表单校验数据遇到问题代码问题：先调用编辑回显再调用新增resetFields没有起到重置表单初始数据作用 data() { return { form: { id: null, name: null,
2020-08-18 22:27:04
9553
原创 element-ui avue table 在Safari下表格与表头错位的兼容问题
项目是avuet做的，在Safari下表格出现样式宽度错乱，这个问题这里用css样式解决:body .el-table th.gutter { display: table-cell !important;}body .el-table colgroup.gutter { display: table-cell !important;}table { width: 100% !important;}因为表格宽度未设置100%，导致计算每列出现几px的精度差，最后导致整体样式错
2020-07-22 15:48:22
1093
原创 mock数据 （mockjs的常用mock字段）
//mockjs 文档的github地址: https://github.com/nuysoft/Mock/wikilet Mock = require('mockjs');let basicData = Mock.mock({ 'list|1-100': [{ 'id|+1': 1, 'isBoolean': '@boolean(10, 0, true)',//百分之百的true 'naturalNumber': '@natural(1, 10
2020-07-18 21:28:04
1144
转载 JS中find(), findIndex(), filter(), forEach(), some(), every(), map(), reduce()方法记录
1. find()与findIndex()find()方法，用于找出第一个符合条件的数组成员。它的参数是一个回调函数，所有数组成员依次执行该回调函数，直到找出第一个返回值为true的成员，然后返回该成员。如果没有符合条件的成员，则返回undefined。[1, 2, 5, -1, 9].find((n) => n < 0)//找出数组中第一个小于 0 的成员// -1find()方法的回调函数可以接受三个参数，依次为当前的值、当前的位置和原数组。findIndex()方法的用法与f
2020-07-01 16:28:03
184
转载 ES6的Object.assign()基本用法
Object.assign方法用于对象的合并，将源对象（source）的所有可枚举属性，复制到目标对象（target）。例如：const target = {a:1},const source1 = {b:2}const source2 = {c:3};Object.assign(target, source1,source2);target // {a:1,b:2,c:3} Object.assign 方法的第一个参数是目标对象，后面的参数都是源对象。注意：如果目标对象与源对象有同
2020-06-09 08:49:22
276
原创 Github无法访问解决办法
第一步：http://ping.chinaz.com/github.com第二步：获取可以ping通的CND第三步:添加HostsC:\Windows\System32\drivers\etc\hosts选择一个CND进行添加，也可以全部添加详情：https://zhuanlan.zhihu.com/p/107334179
2020-06-08 23:47:40
73
转载 flex之flex:1含义
这篇文章写得非常棒：http://blog.sina.com.cn/s/blog_6a8557730102wso6.html
2020-06-07 09:43:22
472
原创 Generator生成器
用法一：基本用法function* g() { yield "a"; yield "b"; yield "c"; yield "d"; return "ending";}const gen = g(); // 返回迭代器Iteratorfunction next(){ let { value, done } = gen.next() // 启动 console.log(value) // 依次打印输出 a b c end if(!done) next() // 直到
2020-05-30 13:58:50
374
原创 几个异步操作，全部执行完后再执行回调函数
方法一：通常的讲,我们可以设置一个flag变量,然后在各自的ajax的成功回调内去维护这个变量数量，当满足条件时,我们来触发后续函数let flag = 0;// ajax为异步操作，结合Promise使⽤可以轻松实现异步操作队列function ajax1(num) { return new Promise(resolve => { setTimeout(() => { flag++; console.log('第1个异步请求'+flag); // 输出处理结果
2020-05-30 13:33:39
3071
原创 vue项目优化
一、项目优化策略生成打包报告第三方库启用 CDNElement-UI 组件按需加载路由懒加载首页内容定制1. 生成打包报告打包时，为了直观地发现项目中存在的问题，可以在打包时生成报告。生成报告的方式有两种：① 通过命令行参数的形式生成报告// 通过 vue-cli 的命令选项可以生成打包报告 // --report 选项可以生成 report.html 以帮助分析包内容 vue-cli-service build --report② 通过可视化的UI面板直接查看报告（推荐）在
2020-05-29 08:33:33
210
原创 wepack打包优化
开发环境性能优化优化打包构建速度HMR优化代码调试source-map生产环境性能优化优化打包构建速度oneOfbabel缓存多进程打包externalsdll优化代码运行的性能缓存(hash-chunkhash-contenthash)tree shakingcode split懒加载/预加载pwa/** * 开发环境： * 1. 优化打包构建速度 * 性能优化1： * HMR：hot module replacement 热模块
2020-05-29 00:27:09
215
原创 webpack学习（四）
开发环境配置总结/* 开发环境配置：能让代码运行 运行项目指令： webpack 会将打包结果输出出去 npx webpack-dev-server 只会在内存中编译打包，没有输出*/const { resolve } = require('path');const HtmlWebpackPlugin = require('html-webpack-plugin');module.exports = { entry: './src/js/index.js
2020-05-29 00:02:09
75
原创 webpack学习（三）
打包样式资源css less1. 创建文件 webpack.config.js2、下载安装 loader 包npm i css-loader style-loader less-loader less -D3、代码如下：/* webpack.config.js webpack的配置文件 作用: 指示 webpack 干哪些活（当你运行 webpack 指令时，会加载里面的配置） 所有构建工具都是基于nodejs平台运行的~模块化默认采用commonjs。*/// r
2020-05-28 23:28:49
128
原创 webpack学习（二）
webpack 的初体验1、初始化配置1.初始化 package.jsonnpm init2.下载并安装 webpacknpm install webpack webpack-cli -g npm install webpack webpack-cli -D2、编译打包应用创建文件运行指令开发环境指令：webpack src/js/index.js -o build/js/built.js --mode=development功能：webpack 能够编译打包 js 和 json
2020-05-28 23:21:35
82
原创 webpack学习（一）
webpack 五个核心概念1、Entry入口(Entry)指示 webpack 以哪个文件为入口起点开始打包，分析构建内部依赖图。2、Output输出(Output)指示 webpack 打包后的资源 bundles 输出到哪里去，以及如何命名。3、LoaderLoader 让 webpack 能 够 去 处 理 那 些 非 JavaScript 文 件 (webpack 自 身 只 理 解 JavaScript)4、Plugins插件(Plugins)可以用于执行范围更广的任务。插件的范
2020-05-28 23:12:40
106
原创 uni-app解决跨域问题
官方推荐使用HBuilderX内置浏览器或者使用安装谷歌跨域插件，接下来我重点说一下配置webpack-dev-server的注意事项：1、配置manifest.json配置："h5" : { "devServer" : { "proxy" : { "/api" : { "target" : "http://localhost:8888/uni_web",
2020-05-21 11:57:10
3775
原创 filter,forEach,some用法
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <meta http-equiv="X-UA-Compatible" content="ie=edge"> <title>Doc
2020-05-16 19:08:13
184
原创 React父子传递参数的三种方式
一、父组件传子组件父传子比较简单，直接在父组件定义传值名称和值，子组件通过props来接收即可父组件：constructor(props){ super(props) this.state={ message:"I am from parent" } } render(){ return( <Child txt={this.state.message}/> ) }}子组件：render(){
2020-05-13 14:28:22
2429
原创 React第一次渲染准备ajax数据。正常是render之后才ajax，通过改变state进行重新渲染
思路：1、在状态state中设置一个开关变量；2、在render中把要渲染的组件（假设组件B）定义到return外面3、在第一次render的时候，通过开关判断是否需要渲染所以，第一次render的时候，开关是关的，就不进行组件B的渲染，当componentDidMount后，获取ajax返回数据，再改变state的状态，进行重新render思路是条件渲染，设置一个判断条件，条件值不同，渲染的组件不同，下面是官网的一个例子class LoginControl extends React.Comp
2020-05-12 15:48:39
874
原创 react路由跳转、传参3中方式及区别
1.路由表配置：参数地址栏显示<Route path="/list/:id" component={List} />html：<Link to='/list/2' >跳转列表页面</Link>Js: this.props.history.push('/list/2');List页面接收：console.log(this.props.match.params.id)//传递过来的所有参数2.query方法：参数地址栏不显示，刷新地址栏，参数丢失html:&
2020-05-12 15:40:50
1334
原创 React项目部署踩坑
1、 文件路径问题，在 package.json中增加homepage2、css中图片路径问题，建议直接用import的引入使用import bgimg from './images/bg.jpg'<div className='login' style={{backgroundImage:`url(${bgimg})`}}></div>3、react-dom.production.min.js:209 Error: Minified React error #152;
2020-05-12 13:21:49
2049
原创 git项目管理，常用命令
git管理项目1). 创建远程仓库2). 创建本地仓库 a. 配置.gitignore b. git init c. git add . d. git commit -m "init"3). 将本地仓库推送到远程仓库 git remote add origin url git push origin master4). 在本地创建dev分支, 并推送到远程 git checkout -b dev （查看所有分支： git branch 只是
2020-05-10 08:37:32
198
原创 mysql数据库中避免重复数据插入
1、insert ignore into如果插入时 数据存在则忽略此次插入数据INSERT IGNORE INTO student(name, age) VALUES(‘Jack’, 18);2、replace into如果数据存在就删除再插入REPLACE INTO student(name, age) VALUES(‘Jack’, 18);3、on duplicate key up...
2020-05-07 22:52:17
172
原创 Postman采坑，POST请求，后台用@RequestBody接收，报400
GET请求就不说了，直接带参数请求即可，现在说一下POST请求注意细节：参考：https://www.cnblogs.com/zhuxr/p/9009708.html
2020-05-07 17:02:27
1514
原创 Idea中的war和war explore有什么区别
我们发布项目时选择war还是war explore：war模式：将web工程以war包的形式上传到服务器 war exploed模式：将web工程以当前文件夹的位置关系上传到服务器war模式:先打成war包,然后再发布到Tomcat的ROOT下,所以选择这个后,你再看下你的tomcat的root文件夹下,是刚打成的项目war exploded模式:只编译,生成target;然后把当前的t...
2020-04-27 21:05:22
236
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人