- 博客(18)
- 收藏
- 关注
RSS订阅原创 浅谈css硬件加速
2.使用will-change属性：will-change属性可以告诉浏览器哪些属性将要被改变，从而提前进行优化。CSS硬件加速是一种利用GPU（图形处理器）来加速浏览器中渲染页面的技术。它可以提高页面的流畅度和性能。1.使用transform属性：使用transform属性可以触发GPU加速。3.使用3D加速：使用3D加速可以让元素在GPU中进行渲染，从而提高性能。4.使用缓存技术：将经常使用的元素缓存起来，可以减少页面渲染的时间和消耗。
2023-04-25 16:40:25
590
原创 json结构数据转为tree结构数据
json结构数据转为tree结构数据例： const list = [ { id: 1, pid: 0, name: "四川" }, { id: 2, pid: 0, name: "成都" }, { id: 3, pid: 1, name: "宜宾" }, { id: 4, pid: 1, name: "绵阳" }, { id: 5, pid: 1, name: "德阳" }, { id: 6, p
2022-03-14 11:09:24
1413
原创 前端vue打包后的项目通过node部署到windows
1.首页必须要有node环境，装node2.在全局或者在文件夹下安装express（一）、全局安装命令：npm install express -gd-g代表安装到nodejs安装目录下的lib里面，而-d代表把相依性套件也一起安装。（二）、本地安装命令：npm install express本地安装是安装在当前文件目录下，安装完成后，可以看到当前文件目录下多了一个“node_modules”文件夹，它里面有一个“express”文件夹3.最新express4.0版本中将命令工具分家出来了,
2021-11-15 22:40:50
1359
原创 vue统计代码行数
切换至vue项目的src目录下，然后输入如下命令：find . “(” -name “.html" -or -name ".js” -or -name “.css" -or -name ".vue” “)” -print | xargs wc -l
2021-11-05 16:52:09
1146
原创 node版本高 ，其他依赖版本低报错时解决办法
npm update如果是node-scss 版本低（因为本人遇到的是这个问题）npm rebuild node-sass
2021-09-23 10:18:10
551
原创 Vue修改url路由中的参数
Vue修改url路由中的参数话不多说，直接看代码npm i webpack-mergeimport merge from 'webpack-merge';this.$router.push({ query:merge(this.$route.query,{'key':'value'})})通过下载webpack-merge依赖包实现如果key本来存在的话就是修改key的值，不存在的话就添加key这个属性，如果想替换所有的属性只要换成{}就可以。...
2021-09-06 00:31:25
2884
2
原创 Linux使用nginx部署前端项目
1.安装依赖包yum -y install gcc zlib zlib-devel pcre-devel openssl openssl-devel2.下载并解压安装包//创建一个文件夹cd /usr/localmkdir nginxcd nginx//下载tar包wget http://nginx.org/download/nginx-1.18.0.tar.gztar -xvf nginx-1.18.0.tar.gz3.安装nginx//进入nginx目录cd /usr/loc
2021-04-21 17:24:31
508
原创 Linux关闭防火墙命令
Linux关闭防火墙命令red hat/CentOs7关闭防火墙的命令1:查看防火状态systemctl status firewalldservice iptables status2:暂时关闭防火墙systemctl stop firewalldservice iptables stop3:永久关闭防火墙systemctl disable firewalldchkconfig iptables off4:重启防火墙systemctl enable firewalldserv
2021-04-21 17:13:28
135
原创 post实现下载/导出功能
post实现下载/导出功能话不多说 直接上码downLoad (row) { let params = new FormData() params.append('xxx', '1') params.append('yyy', '2') const data = await this.$http.post('', params, {responseType: 'blob'}) let blob = new Blob([data.data],
2021-01-08 11:08:26
342
原创 格式化字符串代码进行页面排版（封装方法）
function formatXml(text) { //去掉多余的空格 text = '\n' + text.replace(/(<\w+)(\s.*?>)/g, function ($0, name, props) { return name + ' ' + props.replace(/\s+(\w+=)/g, " $1")...
2019-07-13 15:29:01
311
原创 封装数组排序及合并（1,2,3,4,5合并为1-5）
mergeCron = (arr) => {let newArr = arr.sort(function (value1, value2) { return value1 - value2 })let str = ‘’let tmp = 0let flag = 0for (let i = 0; i < newArr.length; i++) { if (i == 0) {...
2019-01-10 19:23:07
330
原创 封装数组替换
swapArray = (arr, index1, index2) => {// index1 要移动的元素// index2 被插入的元素if (index1 > index2) {arr.splice(index2, 0, arr[index1]);arr.splice(index1 + 1, 1)return arr;} else {arr.splice(inde...
2019-01-10 19:21:24
128
原创 格式化日期为xxxx-xx-xx hh:mm:ss
格式化日期为xxxx-xx-xx hh:mm:ssformatDateTime = (date) => {var y = date.getFullYear();var m = date.getMonth() + 1;m = m &
2019-01-10 19:17:38
693
原创 关于vue中性能优化在webpack中配置exexternals节点
正常情况下，项目中的依赖包，例如 vue, vue-router, axios, lodash, echarts, nprogress 这样的包，都是直接从 node_modules 目录中打包进项目中，无形中增加了打包出来的文件的体积；为了减少打包出来的文件的体积，我们可以使用 webpack 提供的 externals 节点，把上述包配置成外联的形式；注意：被 externals 节点配...
2018-09-13 00:49:31
3425
原创 关于vs-code编辑器配置Eslint规则
安装 Vetur 插件安装 Prettier - Code formatter 插件打开 vs code 的 文件 -> 首选项 -> 设置，在用户设置最底部的合适位置，添加如下配置： // 使用 ESLint 规则 “prettier.eslintIntegration”: false, // 每行文字个数超出此限制将会被迫换行 “prettier.printWidt...
2018-09-04 18:55:07
2036
原创 优化网站的文件和资源
文件合并： （目的是减少 http请求）：Web性能优化最佳实践中最重要的一条是减少 HTTP 请求，它也是YSlow 中比重最大的一条规则。减少HTTP 请求的方案主要有合并 JavaScript 和CSS文件、CSS Sprites、图像映射 （Image Map）和使用Data URI 来编码图片。CSS Sprites和图像映射现在已经随处可见了，但由于 IE6和 IE7不支持Dat...
2018-08-26 22:53:37
180
原创 关于懒加载及项目中图片优化
懒加载：在页面上的未可视区域可以添加一个滚动条事件，判断图片位置与浏览器顶端 的距离与页面的距离，如果前者小于后者，优先加载。 如果为幻灯片、相册等，可以使用图片预加载技术，将当前展示图片的前一张和后一张优先 下载。 如果图片为css 图片，可以使用CSSsprite，SVGsprite，Iconfont、Base64 等技术。 如果图片过大，可以使用特殊编码的图片，加载时会先加载一张压缩的特...
2018-08-26 22:50:28
311
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人