大数据视图组件@jiaminghi/data-view的2.10.0版本的BUG问题
在本机windows上以前也遇到过@jiaminghi/data-view的2.10.0版本问题,但那时没多去看,多运行两次就正常了。今天在一台服务器上执行程序发布时不成功,开始是npm的一些问题,最后的问题到了@jiaminghi/data-view的2.10.0版本问题,看到执行run的时候有两项报错: @jiaminghi/data-view":"^2.10.0", node_modules/@jiaminghi/data-view/lib/components/decoration3/src/main.vue:9:11 node_modules/@jiaminghi/data-view/lib/components/decoration6/src/main.vue:8:11 <rect 9:key="i &nb...[>>…]
Bootstrap使用CDN资源可用,使用本地文件不生效的问题解决
很久没有用过Bootstrap了,因为有一个小的需求,需要用一下bootstrap展现一个很简单的页面,但在本地导入bootstrap的js和css文件时发现所有的样式文件都没有生效,一直纳闷,还以为是bootstap版本的问题,从bootstrap3换成4还是一样不起作用,最后实在没招,又怀疑是不是少引用了文件或什么资源,因为本地的环境有点特殊,不是所有外网都可以访问,但排查可都不是问题原因,真是奇怪,因为css和js文件在源代码中都是可以加载的,点击link的链接都可以访问这些资源,可就是页面展现不起作用。&...[>>…]
Linux上升级nodejs以及nvm ls-remote返回N/A的问题解决
服务器中的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中ESlint规范报错Block must not be padded by blank lines padded-blocks
在使用VUE写一个asynclogin方法时,运行正常,在进行一些简单的换行修改编辑后再运行发现报错:error Blockmustnotbepaddedbyblanklines padded-blockserror Trailingspacesnotallowedno-trailing-spaces 我也没有进行什么内容修改啊,看提示说块不能用空行填充。原来这个error Blockmustnotbepaddedbyblanklines padded-blocks报错是提示多了空行,需要删掉。原因是使用了ESlint规范出现的格式问题,有规范是挺好,不过也是增加了不少麻烦...[>>…]
echarts纵向图表标题过长时的缩略处理
使用echarts图表做页面展示的时候,有时轴上的标题文本过长,显示不全。这时如果图表是自动伸缩的话没关系,标题越长会占据越大的位置,但有时多个图表在一起展示,为了美观会控制座标轴上的标签长度或宽度,这时就需要对标题调用函数解决进行一些处理。可以对标题设置自动换行,或者设置超过一定长度时自动加省略号显示,如下图示例: 这时可以在axisLabel下添加属性和方法,当内容过长时,可以设置超过一定长度显示省略号,也可以设置按照一定长度进行内容换行处理...[>>…]
VUE二级路由刷新时报错Uncaught SyntaxError: Unexpected token '<' (at app.js:1:1)
在使用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前端监控部署及其简单使用
在一个开源的产品中看到了一行错误追踪,下面调用了一个Sentry.init方法,通过了解后发现这是一个错误追踪的工具。于是进行了进一步的了解。Sentry是一个开源的实时错误监控的项目,它支持很多端的配置,包括web前端、服务器端、移动端等。支持各种语言,例如python、oc、java、node、javascript等。也可以应用到各种不同的框架上面,如前端框架中的vue、angular、react等最流行的前端框架。简单的说就是通过Sentry,我们可以方便地在客户端进行错误上报,然后在Sentry服务端可以直接查看这...[>>…]
This dependency was not found:* @XXX.js in ./src/main.js
一个在正常运行的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
业务程序中少不了需要使用大屏来展示统计的数据,推荐一个好用的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>输入框的数据进行整数校验
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...[>>…]