服务器中的jenkins容器里npm的版本是6.*，nodejs版本是12.*，无法运行一些新的vue项目，按照要求需要进行升级到nodejs和npm。因为jenkins安装的docker容器中，在解决问题的过程遇到了一些问题，记录如下：一.要升级nodejs，使用npm的方法: test@userwqeqnpmcacheclean-f npmWARNusing--forceRecommendedprotectionsdisabled. test@userwqeqnpmcacheclean--force npmWARNusing--forceRecommendedprotectionsdisabled. #清缓存、删除项目所有依赖 npmcacheclean--force npmcacheverify #下方运...[>>…]

    在使用VUE写一个asynclogin方法时，运行正常，在进行一些简单的换行修改编辑后再运行发现报错：error Blockmustnotbepaddedbyblanklines padded-blockserror Trailingspacesnotallowedno-trailing-spaces    我也没有进行什么内容修改啊，看提示说块不能用空行填充。原来这个error Blockmustnotbepaddedbyblanklines padded-blocks报错是提示多了空行，需要删掉。原因是使用了ESlint规范出现的格式问题，有规范是挺好，不过也是增加了不少麻烦...[>>…]

    使用echarts图表做页面展示的时候，有时轴上的标题文本过长，显示不全。这时如果图表是自动伸缩的话没关系，标题越长会占据越大的位置，但有时多个图表在一起展示，为了美观会控制座标轴上的标签长度或宽度，这时就需要对标题调用函数解决进行一些处理。可以对标题设置自动换行，或者设置超过一定长度时自动加省略号显示，如下图示例：    这时可以在axisLabel下添加属性和方法，当内容过长时，可以设置超过一定长度显示省略号，也可以设置按照一定长度进行内容换行处理...[>>…]

    在使用vue搭建运行一个项目时，碰到一个奇怪的问题，从首页跳到二级页面的话页面能正常显示，但是在二级页面里刷新的时候页面就白屏了，然后在控制台中发现有报错：UncaughtSyntaxError:Unexpectedtoken'<'(atapp.js:1:1) <!DOCTYPEhtml>。比如访问:http://127.0.0.1:4567/正常，从这个页面跳转到：http://127.0.0.1:4567/article/128时也正常，但是在这个 http://127.0.0.1:4567/article/128页面刷新时就不正常了。我的项目使用的是history模式。   &nbs...[>>…]

    在一个开源的产品中看到了一行错误追踪，下面调用了一个Sentry.init方法，通过了解后发现这是一个错误追踪的工具。于是进行了进一步的了解。Sentry是一个开源的实时错误监控的项目，它支持很多端的配置，包括web前端、服务器端、移动端等。支持各种语言，例如python、oc、java、node、javascript等。也可以应用到各种不同的框架上面，如前端框架中的vue、angular、react等最流行的前端框架。简单的说就是通过Sentry，我们可以方便地在客户端进行错误上报，然后在Sentry服务端可以直接查看这...[>>…]

一个在正常运行的vue项目，我下载下来代码后进行编译报错，内容如下： Thisdependencywasnotfound:*@/lib/commonStorage.jsin./src/main.js Toinstallit,youcanrun:npminstall--save@/lib/commonStorage.js <s>[webpack.Progress]100%     根据报错提示，然后在lib的目录下发现存在一个文件：CommonStorage.js，而在代码中main.js中导入的代码行如下：import{commonStorage}from'@/lib/commonStorage.js'    仔细看可发现大小写对不上，可以修改import这行代码，也可...[>>…]

    业务程序中少不了需要使用大屏来展示统计的数据，推荐一个好用的Vue3数据大屏模板vue-datav-chart。vue-datav-chart是基于vue3.x+echarts+antv构建的数据可视化大屏展示模板，包含各种动态图表、地图展示等功能。用起来方便简单。演示地址：http://upholdjx.gitee.io/vue-datav-chart/#项目gitee地址：https://gitee.com/solovejack/big-screen-vue-datav使用方法：1.克隆项目gitclonehttps://gitee.com/upholdjx/vue-datav-chart.git#2.进入目录cdvue-datav-chart3.安装依赖npminstall4.本...[>>…]

    vue中要对一些<el-input>输入框进行数据校验，比如必须是数字，可以方便用@监听一些事件，比如keyup键盘弹起事件来重置input里面必须只是数字。如下： #html代码 <el-form-itemlabel="score"prop="score"> <el-inputv-model="form.score"placeholder="必须是整数"@keyup.native="checkInt"/> </el-form-item> <el-form-itemlabel="age"prop="age"> <el-inputv-model="form.age"placeholder="必须是整数"@keyup.native="checkInt"/> </el-form-item&g...[>>…]

    一次在使用vue调用后台API时发现前端未按预期加载出数据，但按执行流程确实是正常调用了配置的服务端API，后经过认真排查发现调用的服务端url里面出现了特殊的字符%E2%80%8B，示例：/api%E2%80%8B/getuser%E2%80%8B/score%E2%80%8B/。但从vue文件中并没有看到这些特殊字符。原来我的这段网址是从一个html页面上复制下来的，通过查看页面的源码发现确实就存在这些字符。但显示没有任何异样。    %E2%80%8B是个什么特殊字符呢？通过页面源码可以看到它就是&#8203;这个...[>>…]

    在使用VScode编辑时之前时不时地碰到输入代码只能更改不能插入的情况，即你输入字符只会替换光标前的字母，而不会在后面新增，就像是在word里进入了非insert模式。但此时通过按insert键并没有作用。出问题后切换一下页面或者做点别的什么回来又好使，一直没有找到原因，今天再次碰到这个情况时发现它和我在编辑的过程中使用了Ctrl+Space有关系。之所以在编辑的过程中使用快捷键Ctrl+Space，是因为我需要切换输入法。然而问题就是出在这里。    VSCode中的快捷键Ctrl+Spa...[>>…]