蚁族的奋斗的博客

转载 美洽客服聊天js 使用

<script> (function(m, ei, q, i, a, j, s) { m[i] = m[i] || function() { (m[i].a = m[i].a || []).push(arguments) }; j = ei.createElement(q), s...

转载 postcss 学习

postcss 来源postcss 深入系列

转载 Vue: scoped 样式与 CSS Module 对比

Vue: scoped 样式与 CSS Module 对比

原创 快捷搜索下拉框不显示

一定是父级元素做了超出自动隐藏，一旦下拉款做的是绝对定位，会悬浮于整个页面的上面

原创 vue 格式化 过滤指令出现问题

按照如下修改

原创 数组的indexOf 和字符串的indexOf 不一样

数组是指定元素，意思就是说一摸一样才行 字符串包含就行let arr=['10','2']; let bol=arr.indexOf('1'); let bol1=arr.indexOf('10'); console.log('bol',bol);//-1 console.log('bol1',bol1);//0...

原创 js 字符串比较大小

let a="91"; let b="390" console.log(a.charCodeAt()) //57console.log(b.charCodeAt()) //51console.log(a<b) false91 是 小于 390 的，但是这里返...

转载 js number toString() 的魅力

//Outputs: "20.3"console.log(20.3.toString());//Outputs: Uncaught SyntaxError: Unexpected token ILLEGAL console.log(20.toString());为什么20.toString 报错了

原创 数组sort 排序

sort 默认排序是按照字符串的编码排序的，所以出现了下面奇怪的现象所以我们要自定义排序算法，语法如下

原创 数组史上最快去重

let arr = ['apple', 'strawberry', 'banana', 'pear', 'apple', 'orange', 'orange', 'strawberry']; let brr= arr.filter((item,index,self)=>{ return self.indexOf(item)==index;}) cons...

原创 vue template 作为节点出现在了dom树上

类似这样，出现在了dom树上，但是在页面上并没有显示，问题出在template 不能但是使用，必须得搭配 指令 比如说 v-if v-for 等

原创 js 箭头函数什么时候不需要用return 就可以有返回值

原创 vue $option

例如：在新项目中 日期的就用到了

原创 vue.js-devtools 在控制栏有选项，但是点击选项没有组件

看不到组件，可以从下面的截图来看，是禁用了所以在main.js 里面设置如下一段话// 若是没有开启Devtools工具，在开发环境中开启，在生产环境中关闭// if (process.env.NODE_ENV == 'development') {// Vue.config.devtools = true;// } else {// Vue.config.devto...

原创 位、字节、字符的区别

位、字节、字符的区别位（bit）：是计算机 内部数据 储存的最小单位，11001100是一个八位二进制数。字节（byte）：是计算机中 数据处理 的基本单位，习惯上用大写 B 来表示,1B（byte,字节）= 8bit（位）字符：是指计算机中使用的字母、数字、字和符号ASCIIS码：1个英文字母（不分大小写）= 1个字节的空间 1个中...

原创 tabindex 键盘tab 键跳转到下一个

如图如果不写tabindex 的话会按照页面的顺序依次focus注意的是 ：tab 键获取的是聚焦（focus）事件，不是点击事件（click）事件，所以说focus 事件不一定click，但是click 一定是focus（当点击时候，先走focus 事件，再走点击事件）如果区分focus 呢，tabindex 走的是键盘事件keydown ，鼠标点击走的是鼠标事件...

原创 vue 中router.go；router.push和router.replace的区别

router.go(n)这个方法的参数是一个整数，意思是在 history 记录中向前或者后退多少步，类似 window.history.go(n)router.push(location)想要导航到不同的 URL，则使用 router.push 方法。这个方法会向 history 栈添加一个新的记录，所以，当用户点击浏览器后退按钮时，则回到之前的 URL。router.repla...

原创 vue pascal case 和驼峰命名法

pascal case 命名法 首字母也是大写驼峰只是中间的大写

转载 Array.apply(null,{length:2})的用法

Array.apply(null,{length:2})因为在用map的时候只对非空的值检测

转载 浏览器滚动条

.img-ul::-webkit-scrollbar {/*滚动条整体样式*/ width: 2px; /*高宽分别对应横竖滚动条的尺寸*/ height: 1px;}.img-ul::-webkit-scrollbar-thumb {/*滚动条里面小方块*/ background: #1f1f1f;}.img-ul::-webkit-scrollbar-track ...

原创 打印日志没有输出

那里应该是逗号

原创 js 浮点加法运算的bug

第一个是正常的，但是第二个就出现问题了，这就是js 浮点运算的bug可以用toFixed 来解决，四舍五入

转载 html 空白汉字占位符&#12288;

&#12288;可以看作一个空白的汉字&#32; == 普通的英文半角空格&#160; == &nbsp; == &#xA0; == no-break space （普通的英文半角空格但不换行）&#12288; == 中文全角空格 （一个中文宽度）&#8194; == &ensp; == en空格 （半个中文宽度）...

原创 $refs 的值为{}

<examine v-if="showExamine" :order-info="editInfo" v-ref:child/> <look-details :show.sync="showDetails" v-ref:child1></look-details><examine v-if="showExa...

转载 Vue v2.4中新增的$attrs及$listeners属性使用教程

Vue v2.4中新增的$attrs及$listeners属性使用教程