随笔分类 - Web Front
jquery,bootstrap.great designer.
摘要：data(){ return { ... form: { id: '', itemId: '', stem: '', optionList: null }, ... } } methods: { handleAddOption() { var newLine = { option: '' } thi
阅读全文
摘要：第一步：permission.js中添加白名单 ... const whiteList = ['/login', '/register'] // no redirect whitelist ... 第二步：router/index.js中添加路由组件 ... { path: '/register',
阅读全文
摘要：动手：查看了官方文档，好像没有看到这个配置项。那就自己来吧，<el-input v-model="form.stem" readonly style="border: none" />刷新，没变化（边框依然在）。F12查看样式，看起来这个样式无法覆盖原有样式。原因：查了查资料，原因是当前vue文件中
阅读全文
摘要：let是ES6新规定的一种声明变量的方法，用来取代ES5中var命令，消除var声明变量的不合理，不严谨之处。const用来声明常量。let使用规则 1.let声明的变量不存在变量提升的问题，必须遵循 "先声明，后使用"否则会报错。但用var声明不会出现报错。2.let声明的变量，存在块级作用域。l
阅读全文
摘要：1. 直接使用JSON.parse(JSON.stringify(Object))来进行缺点: 如果对象或者数组里有函数什么的, 就会出问题啦（也有解决办法） 2. 使用ES的扩展运算符...let newObj = { ...data }相当于 let newObj = Object.assign
阅读全文
摘要：比如页面构造一个对象： var nodeTmp = { path: nodeObj.path, component: () => import(`@/views${nodeObj.component}`), name: nodeObj.name, meta: { title: nodeObj.tit
阅读全文
摘要：1. 在初始化路由对象时，使用这种静态写死的方式 component: () => import('@/views/form/index'), 没有问题。 2. 使用动态传参的方式 后台传一个对象obj，然后用这种方式 component: () => import(obj.url), 有问题！ 报
阅读全文
摘要：默认是使用本地Mock，如何和后端服务联调？默认是development模式，env.development内容如下： # just a flag ENV = 'development' # base api VUE_APP_BASE_API = '/dev-api' # vue-cli uses
阅读全文
摘要：注意：cli3和cli2的区别：1. 静态资源文件目录由static变为public2. 不能把.json文件直接放到public下，必须放到public/js下（自己创建js目录）3. 引用方式如下： 参考链接：http://www.imooc.com/article/details/id/291
阅读全文
摘要：error: Expected linebreaks to be 'LF' but found 'CRLF'1. 启用了eslint2. 换行符不符合规则解决方式：设置换行的判断规则打开.eslintrc.js
阅读全文
摘要：z执行npm list，看到如下的输出 出现这个的时候，提示我们当前不是最新版本，可以升级到最新版。
阅读全文
摘要：1. 初始化var array = [0,1]; 2. 增加数据array.push(2); //得到[0,1,2]array.splice(位置,删除数量,插入元素...)array.splice(2,0,3);//指定位置插入元素,得到数组[0,1,2,3] 3. 修改数据array.splic
阅读全文
摘要：一、官网 二、引用 三、ajax分页初始化 1. 前端脚本部分 写的很简单，发出去的请求携带的参数却是这个样子： 2. 请求实例 2. 后端服务返回数据实例
阅读全文
摘要：一、官网 二、引用 三、典型初始化
阅读全文
摘要：一、使用canvas自己画 1. 脚本部分 2. 页面引用部分 二、CSS方式 1. css部分 2. 页面引用部分
阅读全文
摘要：现象：脚本调用成功，文件上传也成功，但是始终进入error的回调函数。 1. ajaxfileupload.js handleError: function( s, xhr, status, e ){ // If a local callback was specified, fire it if
阅读全文
摘要：参考链接：https://wdd.js.org/audio-hide-download-icon.html 1. controlsList=”nodownload”// 这个方法只支持 Chrome 58+， 低于该版本的是没有无法隐藏的 controlsList属性只兼容Chrome 58+以上，
阅读全文
摘要：一.通过命令配置1. 命令 2. 验证命令 如果返回https://registry.npm.taobao.org，说明镜像配置成功。 二、通过使用cnpm安装1. 安装cnpm 2. 使用cnpm
阅读全文
摘要：遇到了一个差点让我用玄学去解释的问题，最后终于还是找到原因了。更加坚定了一个信念 一、问题出现 登录页面，点击登录按钮，页面刷新，但是又回到了登录页面。 登录跳转代码（代码一）： 二、问题排查 跟踪日志，发现确实执行了跳转动作，但是结束后又访问了"/"路径，我配置的是登录页面，所以又回到了登录页面。
阅读全文
摘要：一、背景 1.有一个录音软件每天生成很多新的录音文件。 2.现在想通过一个WEB项目页面下载这些录音文件。 3.很显然这些录音文件放在WEB项目下不是很合适（WEB项目更新是个大麻烦，海量的录音文件要处理）。 二、外部静态资源映射 首先想到的就是tomcat能否直接配置静态资源路径？哈哈，答案是ye
阅读全文
