今天突然看到这个will-change 觉得好新鲜，就百度一看，才知道人家早就出来（我out了），只是现在各个浏览器还不怎么兼容，为了满足我的好奇心，就来了解下呗。如果你已经试验和利用过这些CSS3的属性，你可能碰到类似CPU、GPU和硬件

Read more

CSS 变量是由CSS作者定义的实体，其中包含要在整个文档中重复使用的特定值。使用自定义属性来设置变量名，并使用特定的 var() 来访问。（比如 color: var(--main-color);）。基本用法节声明一个局部变量：element { --main-b

Read more

视口单位(Viewport units)什么是视口？ 在桌面端，视口指的是在桌面端，指的是浏览器的可视区域；而在移动端，它涉及3个视口：Layout Viewport（布局视口），Visual Viewport（视觉视口），Ideal Viewport（理想视口）。视口单位中的“视口&

Read more

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。下面就是我的学习笔记，对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域

Read more

背景如果我们要阻止默认事件，在 chrome 等浏览器中，我们可能要写一个：event.preventDefault(); 而在 IE 中，我们则需要写：event.returnValue = false; jquery ，跨浏览器的实现，我们统一只需要写：event.preventDefault(); vue

Read more

正则表达式[\w]+,\w+,[\w+] 三者有何区别： [\w]+和\w+没有区别，都是匹配数字和字母下划线的多个字符； [\w+]表示匹配数字、字母、下划线和加号本身字符； []表示数组而非排列，即不按固定次序位置排列； 在[]内的字符可以任意

Read more

强制不换行 div{ white-space:nowrap; } 自动换行 div{ word-wrap: break-word; word-break: normal; } 强制英文单词断行 div{ word-break:break-all; } 超出显示省略号 p{ text-overflow:elli

Read more

看了很多翻译的技术文档，这一块都讲得模糊不清，看到stackoverflow上有人提问后的回答觉得十分清晰，特来分享，有不当之处欢迎指正。 align-itemsThe align-items property applies to all flex containers, and sets the d

Read more

clickoutside是Element-ui实现的一个自定义指令，顾名思义，该指令用来处理目标节点之外的点击事件，常用来处理下拉菜单等展开内容的关闭，在Element-ui的Select选择器、Dropdown下拉菜单、Popover 弹出框等组件中都用到了该

Read more

1.手动访问：https://www.ipaddress.com/ github.com github.global.ssl.fastly.net codeload.github.com这是我获取的IP192.30.253.113 github.com 151.101.25.194 github.global.ssl.fastly.net 192.30.253.121 codel

Read more