- 博客(15)
- 收藏
- 关注
RSS订阅
原创 element-plus el-table 树表格子节点更新bug 源码调试+提交PR
以上就是我最近遇到问题以及解决问题的全过程，记录下。解决的方法不一定好，但是，目前暂时想不到其他好的方式，对于element-plus的源码研究也就是个皮毛的程度，看能不能merge吧。
2023-02-23 15:57:02
2207
原创 用Node搭建超高压缩比的图片压缩服务
图片的加载，一直是网页应用的优化项之一。想要提升网页对于图片的加载速度，最有效的方式就是减少图片体积，这就要用到图片压缩技术。常见的图片格式有：jpg、png、webp等。其中jpg为有损压缩，png为无损压缩，webp同时支持无损、有损压缩。webP 的优势体现在它具有更优的图像数据压缩算法，能带来更小的图片体积，而且拥有肉眼识别无差异的图像质量。因此图片压缩技术选型优先考虑webp技术，在node中有一个包：imagemin专门用来做图片压缩，其中：i...
2020-09-11 09:43:14
1286
1
原创 docker中部署node服务，使用pm2托管多实例
1.拉取最新的pm2docker pull keymetrics/pm22.在需要部署的node项目中创建Dockerfile及.dockerignore文件Dockerfile:FROM node:latestRUN mkdir -p /compImg/serviceWORKDIR /compImg/serviceCOPY . /compImg/serviceRUN npm install --registry=https://registry.npm.tao...
2020-09-09 17:14:26
1647
2
原创 利用Gulp实现项目自动化部署
前端项目在部署时一般的操作是运行打包命令，然后通过ftp或者finalShell等工具连接服务器，把dist目录下的文件拖到指定的目录下，完成项目的部署。今天介绍一个实用的工具----gulp，可以让我们省去这一步，实现项目的自动化部署。项目中安装npm i gulp gulp-ssh -save-dev目录下新建/gulpConfig/index.js文件constconfig = {"ssh": {"test...
2020-08-19 21:17:58
560
原创 vscode prettier 无效的解决办法
因为项目中有.editorconfig或者.prettierrc文件。当这些文件存在时，本地的配置就失效了。我的项目中有一个.editorconfig文件，但是无法配置我想要的，所以我这边的解决办法是在项目中配置一个.prettierrc文件。在vscode的setting中配置了prettier。但是实际使用确不生效。...
2022-07-22 13:30:20
5483
原创 前端面试题
js中有哪些数据类型，并解释清楚原始数据类型和引用数据类型原始数据类型：null、undefined、string、number、boolean引用数据类型：object两者的区别：1）值存储方式不同：原始数据类型：将变量名和值都存储在栈内存中引用数据类型：将变量名存储在栈内存中，将值存储在堆内存中，并在栈内存中存储值的地址，该地址指向堆内存中的值。2）赋值方式不同：当给b赋予另一个a的值若a值为原始数据类型，直接在栈内存中生成b值，两个变量以后进行值改变不会相互影响。若a值为引用数据类型
2021-05-08 14:19:14
179
原创 Chrome浏览器性能面板--performance
Chrome浏览器有performance面板，可以监控一段时间内浏览器运行性能js heap 为js堆内存，可用于查看是否存在内存泄漏的情况，锯齿状为每次垃圾回收机制触发后的效果，整体趋于水平即不存在内存泄漏的情况，若蓝线上行则出现了内存泄漏，需要检查代码，否则浏览器运行一段时间后会由于内存不够，出现卡顿，进而崩溃。...
2021-05-08 14:04:01
671
原创 electron11.x+vue-cli4.x实现vue项目打包为桌面应用
一直想用electron把vue项目打包成桌面应用，网上找教程发现都是vue-cli2.x的，用的人真少导致更新不及时。好在终于在b站上找到了一个解决方案，记录一下。一、新建vue项目vue create test二、进入test项目，安装electron-buildercd testvue add electron-builder选择版本最新的（写这篇文章时版本为11.x）这个过程中可能会卡在electron-builder依赖包的下载中，导致超时失败，如果没有可以跳过下面的步骤==
2021-05-08 11:47:21
331
原创 “error while loading shared libraries: xxx.so.x“
该错误原因为找不到共享库首先安装需要的共享库比如：libpng下载地址https://sourceforge.net/projects/libpng/files/libpng:#解压tar -xzvf libpng-1.6.26.tar.gz && cd libpng-1.6.26#安装./configuremake && make install zlib:#解压:tar -xf zlib-1.2.11.tar.xz &&
2020-09-12 23:06:53
170
原创 error while loading shared libraries: libGL.so.1: cannot open shared object file: No such file
在服务器中安装node依赖，报这个警告：“error while loading shared libraries: libGL.so.1: cannot open shared object file: No such file”之后会卡住解决方法：yum install libGL-devel -y安装后再次 docker build 即可。
2020-09-12 22:52:24
1870
原创 解决服务器docker中安装依赖卡在node install.js 不动问题
install.js,里面的下载是依赖于electron-download这个模块所以在Dockerfile中修改：FROM node:latestRUN mkdir -p /compImg/serviceWORKDIR /compImg/serviceCOPY . /compImg/service# 安装cnpm 即可解决，速度很快RUN npm install -g cnpm --registry=https://registry.npm.taobao.orgRUN cnpm ins
2020-09-12 22:48:48
1929
原创 IPv4 forwarding is disabled. Networking will not work.
# vi /etc/sysctl.conf添加如下代码：net.ipv4.ip_forward=1:wq 保存退出重启network服务systemctl restart network查看是否修改成功sysctl net.ipv4.ip_forward如果返回为“net.ipv4.ip_forward = 1”则表示成功了
2020-09-12 21:24:00
74
原创 react-redux 完整使用教程
redux与vuex一样是一个组件的状态（数据）管理器，当我们需要在项目各组件中共享数据时可以使用。redux是一个第三方的库，本身和react没有任何关系，react-redux也是一个第三方库，可以帮助我们在react项目中更好的使用redux。简介redux流程图store（状态库）：用于存放组件中的state。action（动作）：redux将每一次更改动作定义为一个action，如constaction = {type:'i...
2020-08-14 10:21:23
1594
原创 react井字棋---最全井字棋小游戏教程
上一期我们利用create-react-app搭建了好了一个react项目，这期我们通过跟随React官方教程--编写一个“井字棋"小游戏，来熟悉react的基本用法。首先来看下“井字棋”的最终实现效果：从演示中我们可以看到，这个游戏大致有以下功能：1. 切换玩家；2. 判定胜负；3. 高亮获胜棋子；4. 按步骤悔棋；制作棋盘首先我们需要制作一个棋盘。在项目中新建一个Board.js文件：importRea...
2020-07-30 18:40:29
2256
原创 React脚手架快速搭建
React是前端主流框架之一，起源于Facebook内部项目，于2013年5月开源。目前依然是全球使用最广、生态最好的前端框架。从事前端开发以来，我一直使用的都是vue框架，两者也经常被开发者们拿来做对比，其实，两个框架都有自己的优势，没有客观上的‘“最好”之分。最近由于公司技术栈的扩展，也需要用到react，遂投入到react全家桶的学习当中。后续会在此将学习内容以文章笔记的形式不定期更新，笔记及项目demo源码会更新到GitHub上。如果你也想学习react或对react感兴趣，欢迎关注，一起学
2020-07-28 14:51:28
1009
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人