由Vue: These relative modules were not found 引起的问题
一、vue2.6.14Theserelativemoduleswerenotfound 在使用vue2.6.14开发的项目在本地windows10上都一直成功,想放到jenkins上进行发布。之前其它的vue项目也都能发布正常,但此次一个旧的vue项目发布时就是报错Theserelativemoduleswerenotfound:后面会列出加载不到的js文件列表*../lib/commonhelp.jsin./src/router/index.js*./lib/commonhelp.jsin./src/main.js但从目录引用来看,也没有任何问题。1.Vue中import引入同一目录下的文件importMyComponentfrom'./MyComponent.vue';2.import上一级目录文件的方法,上...[>>…]
VUE项目与原生Javascript Js功能模块的整合
因为产品要整体做三级等保验证,而等保需要做密码安全评价(密评),最终的方案就是需要使用Ukey来登录管理后台,而这最终涉及在我们的VUE项目中去调用第三方UKEY厂商提供的JS模块包。如果之前未接触过Ukey,可以看看以下我整理的Ukey运行流程,这样对开发有很大的帮助。Ukey就是一个U盘,里面存储了用户的身份信息,一般是身份证号和姓名,同时存储了用户的密钥私钥,只可执行和获取Ukey的基本信息,不可读取或修改其内部数据。第三方都会提供一些DEMO页面让用户测试,demo也是一个网页,在页面中可以获取用户的证书...[>>…]
echarts纵向图表标题过长时的缩略处理
使用echarts图表做页面展示的时候,有时轴上的标题文本过长,显示不全。这时如果图表是自动伸缩的话没关系,标题越长会占据越大的位置,但有时多个图表在一起展示,为了美观会控制座标轴上的标签长度或宽度,这时就需要对标题调用函数解决进行一些处理。可以对标题设置自动换行,或者设置超过一定长度时自动加省略号显示,如下图示例: 这时可以在axisLabel下添加属性和方法,当内容过长时,可以设置超过一定长度显示省略号,也可以设置按照一定长度进行内容换行处理...[>>…]
关于Sentry前端监控部署及其简单使用
在一个开源的产品中看到了一行错误追踪,下面调用了一个Sentry.init方法,通过了解后发现这是一个错误追踪的工具。于是进行了进一步的了解。Sentry是一个开源的实时错误监控的项目,它支持很多端的配置,包括web前端、服务器端、移动端等。支持各种语言,例如python、oc、java、node、javascript等。也可以应用到各种不同的框架上面,如前端框架中的vue、angular、react等最流行的前端框架。简单的说就是通过Sentry,我们可以方便地在客户端进行错误上报,然后在Sentry服务端可以直接查看这...[>>…]
Element-ui select下拉框默认值-表格条件加颜色及多字段显示处理
Element-ui里要给select设定默认值,可以通过v-model绑定select的值,然后设置option的value即可。需要注意的是v-model绑定的值与option选项value值类型需要一致,不然下拉菜单可能默认显示具体的value值而不是对应的文本。如下示例: <el-form-item> <el-selectv-model="value"> <el-optionv-for="iteminitems":key="item.id":label="item.name":value="item.id"></el-option> </el-select> </el-form-item> 在进行表格展示的...[>>…]
ElementUi设置el-table-column宽度百分比无效,vue-cli-service不是内部或外部命令
在vue中使用Elementtable组件时的时候,发现设置el-table-column为百分比,每一列都特别窄,根本不会达到预期效果。Vue中要将宽度设置成百分比的话,不能通过设置width来实现,而是要设置min-width,并且每一列都必须设置min-width。el-table组件会被vue解析成html,Vue直接把百分号去掉把数值当做列宽来呈现,且单位是px。 需要注意的是:width,min-width的原理都是将值百分比去掉变成px。可是min-width会按照比例分配剩余空间。并非直接算的百分比。(因此要每一...[>>…]
使用Electron进行桌面端开发时的热加载方案
执行下面的npm命令安装electron-reloader。慢的话使用cnpm吧,安装成功后,package.json内容会自动修改。 #安装electron-reloader npminstall--save-develectron-reloader #package.json内容自动修改如下 { #package.json会自动增加devDependencies这项 "devDependencies":{ "electron":"^9.1.0", "electron-reloader":"^1.0.1" } } 需要我们操作的一步就是在main.js(Electron项目入口文件)文件中增加如下代码: #main.js文件修改 const{app,BrowserWindow}=require('electron') //热加...[>>…]