- 博客(62)
- 收藏
- 关注
RSS订阅原创 Vue2动态代理,换服务无须重启项目
当我们需要使用不同的服务器时，就需要手动修改vue.config.js中配置并重新启动项目。当项目越来越大时，会需要较长的时间来等待项目启动，如此反复，极大影响我们开发进度。
2024-07-01 11:49:42
277
原创 mac 每次启动终端都会提示 zsh compinit: insecure directories, run compaudit for list. Ignore insecure
替换为compaudit命令列出的不安全目录和文件的路径。这些命令将更改目录和文件的权限和所有者，以便它们不再被视为不安全。这个问题是因为您的zsh配置使用了某些不安全的目录或文件。这个命令会列出所有不安全的目录和文件，其中一些可能需要更改权限。
2023-04-11 11:54:56
543
1
原创 Mac安装Homebrew
Homebrew是一款Mac OS平台下的软件包管理工具，拥有安装、卸载、更新、查看、搜索等很多实用的功能。简单的一条指令，就可以实现包管理，而不用你关心各种依赖和文件路径的情况，十分方便快捷。
2023-04-11 10:51:37
226
原创 node版本管理之n和nvm
在安装的时候，n会先将指定版本的node存储下来，然后将其复制到我们熟知的路径/usr/local/bin，非常简单明了。在安装的时候，nvm 将不同的 node 版本存储到 ~/.nvm// 下，然后修改 $PATH，将指定版本的node路径加入，这样我们调用的 node 命令即是使用指定版本的 node。在 node 的版本管理工具中，nvm 自然声名远扬，然而我们也不能忘了来自 TJ 的 n。如果你是一个轻量级的用户，不需要担心兼容性的问题，更关心 node 安装和使用上的体验，那么选择 n。
2023-04-07 15:35:57
1754
转载 npm run serve之后报错Error error0308010Cdigital envelope routinesunsupported
项目npm run serve时报错：如果你遇到了这个问题，那你一定是使用了 OpenSSL v3 的 Node.js 版本。（node版本过高）
2023-04-07 10:48:24
644
原创 git clone报错RPC failed； curl 18 transfer closed with outstanding read data remaining
git clone报错RPC failed； curl 18 transfer closed with outstanding read data remaining
2022-08-15 11:16:46
1939
原创 el-table表格横竖双表头，表头带斜线
实现效果代码<el-table :data="tableData" border> <el-table-column label="数据" align="right" width="150"> <el-table-column prop="name" label="数据指标" width="150"> </el-table-column> </el-table-column> <el-table-c
2022-05-19 10:21:08
4801
原创 前端Vue生成并导出表格(多种格式)
使用npm包“xlsx”进行vue框架下表格的生成和导出使用第三方包https://www.npmjs.com/package/xlsx支持导出格式● xlsx● xlsb● xlsm● xls● xml● csv● txt● ods● fods● uos● sylk● dif● dbf● prn● qpw● 123● wb*● wq*● html● htm安装npm install xlsx使用demo<template> &l.
2022-05-05 15:38:55
427
原创 element树状表格选择父节点子节点全选，子节点不全选父节点半选
element 树状表格，表格全选时所有项（包括所有子节点）都选中，选中树状表格父节点时，这个父节点下所有子节点也都要选中，如果某个父节点下的所有子节点没有全部，则这个父节点处于半选状态
2022-04-26 14:51:10
5121
6
原创 接口响应时间长排查，通过nginx日志查看接口响应时间
场景vue项目中，页面请求接口响应速度非常慢，F12打开谷歌控制台，查看network，发现响应时间为1.14秒排查问题接口响应速度慢，后端打断点进入接口到返回这段时间有很快，要判断是什么问题，首先要确定是前端问题还是后端问题，可通过nginx日志查看接口响应时间1. nginx查看日志打开终端，登录服务器并输入服务器密码//ssh 用户名@服务器ipssh root@192.168.0.132切换到nginx目录cd /var/log/nginx/查看nginx日志
2022-04-24 15:55:55
12588
原创 nginx日志格式分析及修改
修改nginx日志打印格式一. 打开终端，登录服务器并输入服务器密码//ssh 用户名@服务器ipssh root@192.168.0.132二. 切换到nginx目录cd /var/log/nginx/三. 查看nginx日志tail -f access.log日志说明：//默认的nginx标准日志格式192.168.10.251 - - [24/Apr/2022:15:07:52 +0800] "POST /web-api/api/tableTemp/getAllDataC
2022-04-24 15:37:42
6903
原创 npm install:Could not resolve dependency：peer... 原因和解决方案
报错vue项目npm i下载包时报以下错误解读上述报错日志中有个关键字眼：this command with --force, or --legacy-peer-depsFix the upstream dependency conflict, or retrythis command with --force, or --legacy-peer-depsto accept an incorrect (and potentially broken) dependency resolutio
2022-03-23 10:03:28
20941
2
原创 vue el-form表单输入框回车导致页面刷新，路由多了一个问号
问题el-form表单只有一个输入框，输入内容回车导致页面刷新，路由多了一个问号<el-form> <el-form-item > <el-input @keyup.enter.native="search" /> </el-form-item></el-form>export default { methods:{ search(obj){} }}输入框输入内容回车之后
2022-02-07 14:23:17
772
原创 smart-backend-standard-guide后端JAVA 开发规范
JAVA 开发规范v1.0.0 2019/09/06本篇规范基于阿里巴巴、华为的开发手册，添加了我们团队的开发风格规范，补充了一些细节。感谢前人的经验和付出，让我们可以有机会站在巨人的肩膀上眺望星辰大海。规范不是为了约束和禁锢大家的创造力，而是为了帮助大家能够在正确的道路上，尽可能的避免踩坑和跑偏。规范可以让我们无论单枪匹马还是与众人同行的时候都能得心应手。规范可以让我们在面对日益变态的需求和做代码接盘侠的时候，更优雅从容。规则并不是完美的，通过约束和禁止在特定情况下的特性，可能会对代码实现
2021-12-14 16:46:23
770
原创 smart-backend-standard-guide前端代码规范
前端 JS 项目开发规范规范的目的是为了编写高质量的代码，让你的团队成员每天得心情都是愉悦的，大家在一起是快乐的。引自《阿里规约》的开头片段：----现代软件架构的复杂性需要协同开发完成，如何高效地协同呢？无规矩不成方圆，无规范难以协同，比如，制订交通法规表面上是要限制行车权，实际上是保障公众的人身安全，试想如果没有限速，没有红绿灯，谁还敢上路行驶。对软件来说，适当的规范和标准绝不是消灭代码内容的创造性、优雅性，而是限制过度个性化，以一种普遍认可的统一方式一起做事，提升协作效率，降低沟通成本。代码的字
2021-12-14 16:44:54
471
原创 vscode点击通过import引入方法名或者模块名跳转其定义的文件
实现效果window点击ctrl（MAC点击command）+通过import引入的文件，方法等等，跳转启定义的页面方案在项目根目录新建文件 jsconfig.json并添加一下代码{ "allowJs": true, "compilerOptions": { "baseUrl": ".", "paths": { "@/*": ["./src/*"] } }, "include": ["src/**/*"], "exclud
2021-11-10 17:39:29
8233
8
原创 vue中在beforeRouteEnter钩子函数中获取this
beforeRouteEnter(to, from, next) { next(vm => { vm.$nextTick(_ => { vm.$refs.service.beforeRouteIn(to, from, next) }) }) },
2021-11-10 15:57:21
1647
原创 前端js设置,读取，删除cookie及其简洁写法
封装在methods.js中class cookie { static get(k) { return ((new RegExp(["(?:; )?", k, "=([^;]*);?"].join(""))).test(document.cookie) && RegExp["$1"]) || ""; } static set(k, v, e, d) { document.cookie = [k, "=", v, e && e["toGMT
2021-11-05 10:51:02
1005
原创 sonar设置文件扫描排斥项（或指定扫描源）
运行命令中加入sonar-scanner \ -Dsonar.projectKey=datamapping \ -Dsonar.sources=src \ //把sources的值改为要扫描的文件夹名 -Dsonar.host.url=http://localhost:9000 \ -Dsonar.login=174cda9b53a749a07d67bbd81462c533b620ab35sonar平台设置...
2021-11-04 14:55:50
1373
原创 vue中文字，echarts等屏幕自适应方案
一、全局配置方案适应px->rem->px方案安装postcss-px2rem及px2rem-loadernpm install postcss-px2rem px2rem-loader --save新建配置文件rem.jsconst baseSize = 16function setRem () { // 当前页面宽度相对于 1920宽的缩放比例，可根据自己需要修改。 const scale = document.documentElement.clientW
2021-11-04 14:46:33
747
2
原创 IE11中AES加密导致报错缺少 ‘)‘
IE11报错详情解析通过查找问题，发现问题发生在crypto-js这个包中因为只有在ie中才报这个错误，导致页面加载不出来，才想是这个包中有语法是ie不兼容的解决让这个包进行babel转译chainWebpack(config) { // 为了兼容IE，crypto-js和部分node_modules下的js要经过babel的转译 config.module .rule('js') .exclude.clear().end() .include
2021-10-29 16:52:42
982
10
原创 纯前端安装sonar进行代码质量检测及对sonarqube进行汉化
sonar是什么sonar是一个代码质量管理的开源平台，用于管理源代码的质量，通过插件形式，可以支持包括java、C#、JavaScript等二十余种编程语言的代码质量管理与检测。sonar是从七个维度检测代码质量:1) 不遵循代码标准sonar可以通过PMD，CheckStyle，Findbugs等代码规则检测工具规范代码编写 2) 潜在的缺陷sonar可以通过PMD，CheckStyle，Findbugs等代码规则检测工具检测出潜在的缺陷 3) 糟糕的复杂度分布文件、类、方法等，如果复杂度过高
2021-10-29 15:55:35
1869
1
原创 vue使用iframe,embed,video报错because it set ‘X-Frame-Options‘ to ‘DENY‘
场景页面上使用iframe,embed,video插入音频，pdf等控制台报错Refused to display 'http://127.0.0.1:8000/console' in a frame because it set 'X-Frame-Options' to 'DENY'.X-Frame-Options简介The X-Frame-Options HTTP 响应头是用来给浏览器 指示允许一个页面 可否在 , 或者中展现的标记。站点可以通过确保网站没有被嵌入到别人的站点里面，
2021-10-21 11:41:36
3760
原创 element el-table多列多字段同时排序后端返回数据（支持多个字段同时进行排序）
element el-table多列多字段同时排序后端返回数据（支持多个字段同时进行排序）场景描述element el-table仅才支持单列（一个字段）进行排序，想要支持多列排序，首先要定义一个数组，用于存放所有排序的字段及其顺序，设置列sortable=“custom”，结合sort-change事件，在点击排序箭头时进行排序操作<template> <el-table :data="tableData" style="width: 100%"
2021-08-23 11:11:12
4258
1
原创 eslint忽略某一行、下一行、一段代码的校验
关闭eslint//vue.config.jsmodule.exports = { lintOnSave: false//eslint-loader 是否在保存的时候检查}创建项目的时候选择了Linter / Formatter，写代码的时候会有代码规范检查，怎么才能关闭eslint校验//项目创建好后会生成 .eslintrc.js文件,注释@vue/standardmodule.exports = { root: true, env: { node: true
2021-07-29 14:57:37
6999
原创 知识点1：js基础,DOM,BOM
js基础函数语法function fun(){}var fun = function(){}//匿名函数经典题目函数算法题寻找喇叭花数喇叭花数是这样三位数，每一位数字的阶乘之和恰好等于它本身，即abc = a! + b! + c!,其中abc标识三位数思路：将计算的某个数字的阶乘封装成函数function factorial(n){ var res = 1; for (var i = 1; i <= n; i++){ res *= i } retur
2021-07-27 18:13:43
158
原创 IE11中flex布局兼容问题总结
flex:1解析问题原因：//在谷歌中flex:1;会解析为flex-grow:1;flex-shrink:1;flex-basis:0%;//在IE中被解析为flex-grow:1;flex-shrink:1;flex-basis:0px;解决：将flex:1; 更改为flex: 1 1 auto;父容器中flex-direction:column 和 align-items:center，这俩属性同时存在， 子容器内容过多会溢出容器原因：IE中flex-shrink 的默认值
2021-07-27 11:30:58
2587
原创 nginx配置输入http下的某路径默认重定向到https下
修改nginx配置在原本的server之前加一个serve配置server { listen 80; return 301 https://$http_host$request_uri;}
2021-07-26 11:13:51
250
原创 vue给页面添加加载进度条
下载npm i nprogress引入import NProgress from 'nprogress'import 'nprogress/nprogress.css'使用router.beforeEach((to, from, next) => { NProgress.inc() next()})router.afterEach((to) => { NProgress.done() setPageTitle(to.meta.title)})...
2021-07-20 16:11:44
552
原创 解决路由版本问题（element-ui.common.js?6514:3349 Error: Navigation cancelled from “/welcome“ to “/roles“ wit）
解决路由版本问题（使用侧边栏router模式产生的问题）el-menu使用route模式//解决路由版本问题（使用侧边栏router模式产生的问题）//element-ui.common.js?6514:3349 Error: Navigation cancelled from "/welcome" to "/roles" with a new navigation.const originalPush = VueRouter.prototype.pushVueRouter.prototype.p
2021-07-20 16:08:50
732
原创 防止浏览器自动填充账号和密码及浏览器兼容情况
自动填充跟手动填充进入页面后，账号密码可能会自动填充手动填充是要密码输入框获取焦点时，就会出现保存的账号的下拉框，可以选择其中一个，这是浏览器的功能解决自动填充问题方案一：<input type="password" name="password" readonly onfocus="this.removeAttribute('readonly')" value="" autocomplete="off" />方案二：<input type="password" nam
2021-07-20 15:13:35
988
原创 flex布局被内容被撑开及flex布局下定宽元素被压缩
实现效果使用flex进行左右布局，左边定宽200排序，右边自适应，当右边内容过多，造成右边盒子被撑开，会造成两种问题左边定宽盒子被压缩解决办法：flex-grow:0;//是否自动增长空间flex-shrink:0;//是否自动缩小空间右边自适应的盒子被撑开解决办法：flex:1;width:0;将右边自适应的盒子的宽度设置为 0 ，然后使用 flex：1 样式，将宽度交给 flex 布局来决定，最终子元素不会被内容撑开，达到想要的效果。...
2021-07-20 11:49:47
4844
1
原创 vue中css样式中使用data里面的数据,动态设置元素高度
需求vue中css样式中使用data里面的数据,动态设置元素高度用法<template> <div class="box" :style="{ '--heightLine': heightLine + 'px' }"></div></template><script>export default { data() { return { height:42 }; }};</script>
2021-07-19 17:06:14
2654
原创 nginx启动时提示端口被占用nginx: [emerg] bind() to 0.0.0.0:443 failed (98: Address already in use)
场景启动nginx的时候提示443端口被占用，如下图分析443端口被占用，查看是什么进程占用了443，并把其杀死掉解决办法使用fuser -n tcp 命令查看占用该端口的PID列表netstat -apn//查看所有netstat -ltunp//查看所有fuser -n tcp 443//查看具体端口2. 使用kill PID删除进程kill 23303. 重启nginxnginx -s reloaad4.查看nginx是否启动成功nginx -t
2021-07-18 10:59:47
5134
原创 vue el-tree懒加载默认展开一级，懒加载刷新（默认高亮某个节点，触发某个节点的点击事件）
场景如上图所示，左边展示分组及分组下的标签，点击某个标签，在右边展示某个标签的详情，可以对标签内容进行编辑保存，还可对标签进行搜索，默认展示全部标签，展开一级不目下标签，若对标签进行搜索筛选，则把每个节点都展开实现准备准备两棵树，一颗树存放全量标签，一棵树存放筛选后的标签在获取懒加载数据时缓存第一个节点，在编辑标签保存后刷新列表时使用每次编辑标签时，先把编辑的标签进行本地存储，在刷新树状列表完成后根据id进行高亮回显及标签展示实现步骤//这棵树是搜索标签时展示的树<div v-if=
2021-07-16 19:14:02
3096
2
原创 修复IE11无法打开授权页面的问题（chome正常）
场景登录成功之后，如果产品没有授权，要跳转到授权页面，但是在ie中跳转不过去，原因是因为授权页面用到了公司的业务组件库，打包时里面使用到箭头函数没有进行转译解决办法在vue.config.js里面加入转译 // 为了兼容IE，部分node_modules下的js要经过babel的转译 config.module .rule('js') .exclude.clear().end() .include .add(resolve('src')) .add(reso
2021-07-16 17:20:52
281
原创 IE11 el-menu鼠标滑过菜单报错：Error in v-on handler: “TypeError: 对象不支持此操作“和[vue-router] uncaught error during
情况使用vue的el-menu组件，在chome中无报错，在IE11中报有两个错误[vue-router] uncaught error duringError in v-on handler: “TypeError: 对象不支持此操作”分析考虑到element-ui版本更新或者重新通过npm install安装包时，写入node_modules\element-ui\lib\element-ui.common.js里面的patch会失效。解决办法在 /public/js/下创建pol
2021-07-16 17:13:26
394
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人