06 2018 档案

摘要:网上很多说自己的VUE项目通过Webpack打包生成的list文件,放到HBulider打包后,通过手机打开一片空白。这个主要原因是路径的问题。 1、记得改一下config下面的index.js中bulid模块导出的路径。因为index.html里边的内容都是通过script标签引入的,而你的路径不 阅读全文
posted @ 2018-06-28 16:27 秀&莹&锐 阅读(503) 评论(0) 推荐(0) 编辑
摘要:el-submenu或者el-menu-item的index设置成路由对应的字符串,也是根据路由选择左侧导航栏,但是路由可能有不固定的参数,那就根据固定的参数来判断选择哪一项: 阅读全文
posted @ 2018-06-28 16:23 秀&莹&锐 阅读(5791) 评论(0) 推荐(0) 编辑
摘要:先在npm中安装vue脚手架, 页面布局 先App.vue 再Home.vue 因header重新注册了一个新的组件 然后是main.js router.js 阅读全文
posted @ 2018-06-28 16:04 秀&莹&锐 阅读(478) 评论(0) 推荐(0) 编辑
摘要:异步更新队列 当vue异步执行更新DOM时,只要观察到数据变化,vue经开启一个队列,并缓冲在同一时间循环中发生的所有数据改变。如果同一个watch被多次触发,只会一次推入到队列中。然后在下一个事件循环中“tick”中,vue刷新队列并执行实际(已去重的)工作。 1 <div id="demo"> 阅读全文
posted @ 2018-06-28 15:43 秀&莹&锐 阅读(127) 评论(0) 推荐(0) 编辑
摘要:有同学在看 Vue 官方文档时,对 API 文档中的 Vue.nextTick 和 vm.$nextTick 的作用不太理解。 其实如果看一下深入响应式原理 - vue.js中的有关内容,可能会有所理解,不过有些同学可能看到这个标题之后就选择跳过了,因此这里简述如下: Vue 实现响应式并不是数据发 阅读全文
posted @ 2018-06-28 15:41 秀&莹&锐 阅读(448) 评论(0) 推荐(0) 编辑
摘要:安装了nodejs后在命令行运行npm报错:Error: Cannot find module 'internal/util/types' 解决方法:删除目录“C:\Users\mengxiaobo\AppData\Roaming\npm\node_modules”下的npm文件夹 阅读全文
posted @ 2018-06-28 15:19 秀&莹&锐 阅读(735) 评论(0) 推荐(0) 编辑
摘要:第一步:找到vue-devtools的github项目,并将其clone到本地. vue-devtools 1 git clone https://github.com/vuejs/vue-devtools.git 第二步:安装项目所需要的npm包 1 npm install //如果太慢的话,可以 阅读全文
posted @ 2018-06-28 15:07 秀&莹&锐 阅读(191) 评论(0) 推荐(0) 编辑
摘要:05_淡入淡出动画效果 阅读全文
posted @ 2018-06-28 13:57 秀&莹&锐 阅读(6305) 评论(0) 推荐(0) 编辑
摘要:/*时间格式化 公用方法*/ Date.prototype.format = function(fmt) { // var o = { "M+": this.getMonth() + 1, //月份 "d+": this.getDate(), //日 "h+": this.getHours(), //小时 "m+": thi... 阅读全文
posted @ 2018-06-28 13:57 秀&莹&锐 阅读(300) 评论(0) 推荐(0) 编辑
摘要: 阅读全文
posted @ 2018-06-28 13:55 秀&莹&锐 阅读(128) 评论(0) 推荐(0) 编辑
摘要:var rurl = "/static/dashboard/img/favicon.ico"; var a = ''; var links = document.getElementsByTagName("link"); var link = {}; for(var i=0;i<links.length;i++){ link = links[i]; if(link.rel ... 阅读全文
posted @ 2018-06-28 13:55 秀&莹&锐 阅读(93) 评论(0) 推荐(0) 编辑
摘要:1 function addMoth(d,m){ 2 var ds=d.split('-'),_d=ds[2]-0; 3 var nextM=new Date( ds[0],ds[1]-1+m+1, 0 ); 4 var max=nextM.getDate(); 5 d=new Date( ds[0],ds[1]-1+m,_d>max? max:_d ); 6 re... 阅读全文
posted @ 2018-06-28 13:52 秀&莹&锐 阅读(159) 评论(0) 推荐(0) 编辑
摘要:1、密码验证,密码长度必须为8-127位,包含大、小写字母、数字、特殊字符等三种及以上符号 1 re = /^(?:(?=.*[A-Z])(?=.*[a-z])(?=.*[0-9])|(?=.*[A-Z])(?=.*[a-z])(?=.*[^A-Za-z0-9])|(?=.*[A-Z])(?=.*[ 阅读全文
posted @ 2018-06-28 13:50 秀&莹&锐 阅读(152) 评论(0) 推荐(0) 编辑
摘要:一个数组对象去重 多个数组对象去重 阅读全文
posted @ 2018-06-28 13:47 秀&莹&锐 阅读(6215) 评论(0) 推荐(1) 编辑
摘要:1 screen_splic: function (val) { 2 if (val != '' && val != undefined) { 3 return val.replace(/^(\s|\u00A0)+/,'').replace(/(\s|\u00A0)+$/,''); 4 } 5 } 阅读全文
posted @ 2018-06-28 13:45 秀&莹&锐 阅读(236) 评论(0) 推荐(0) 编辑
摘要:你需要给定一个字符串,用字母表中的位置替换每个字母。如果文本中的任何内容不是字母,请忽略它并不返回。 阅读全文
posted @ 2018-06-28 13:44 秀&莹&锐 阅读(517) 评论(0) 推荐(0) 编辑
摘要:将字符串转换为toLowerCase(),并使用replace()从中删除非字母的字符。然后,将其转换为tolowerCase(),将('')拆分为单独字符,reverse(),join(''),与原始的非反转字符串进行比较,然后将其转换为tolowerCase()。 阅读全文
posted @ 2018-06-28 11:58 秀&莹&锐 阅读(141) 评论(0) 推荐(0) 编辑
摘要:每次遇到数组中的特定值时,使用reduce()来递增计数器。 1 const countOccurrences = (arr, value) => arr.reduce((a, v) => v value ? a + 1 : a + 0, 0); 2 3 // countOccurrences([1 阅读全文
posted @ 2018-06-28 11:57 秀&莹&锐 阅读(127) 评论(0) 推荐(0) 编辑
摘要:简化版本 阅读全文
posted @ 2018-06-28 11:55 秀&莹&锐 阅读(213) 评论(0) 推荐(0) 编辑
摘要:1 //判断有没有class 2 hasClass(elements, cName) { 3 return !!elements.className.match(new RegExp("(\\s|^)" + cName + "(\\s|$)")); // ( \\s|^ ) 判断前面是否有空格 (\\s | $ )判断后面是否有空格 两个感叹号为转换为布尔值 以方便做判断 4 }, ... 阅读全文
posted @ 2018-06-28 11:54 秀&莹&锐 阅读(152) 评论(0) 推荐(0) 编辑
摘要:利用原生JavaScript实现: 1、remove(selectors)删除指定的一个或一组元素。 2、recover(selectors)恢复刚才删除的元素。 阅读全文
posted @ 2018-06-28 11:54 秀&莹&锐 阅读(2304) 评论(0) 推荐(0) 编辑
摘要:echarts x轴名称太长了,隐藏一部分,鼠标移到名称上,显示全称 阅读全文
posted @ 2018-06-28 11:52 秀&莹&锐 阅读(2353) 评论(0) 推荐(0) 编辑
摘要:1 option = { 2 tooltip: { 3 trigger: 'axis', 4 formatter: function (params,ticket,callback) { 5 let res = params[0].name; 6 for (let i = 0, l = params.length; i ' + params... 阅读全文
posted @ 2018-06-28 11:46 秀&莹&锐 阅读(15107) 评论(0) 推荐(0) 编辑