web前端
CSS伪类：CSS3鼠标滑过按钮动画
Javan
前言 按钮，对开发者而言，是非常常见的一个功能。前端通常会对按钮加入一些操作交互样式，增加一些用户体验。 比如：hover样式、点击样式、loading样式等。下面我们通过简单示例在学习一下css3动画和css伪类。 示例一 <…
你不知道的高性能实现深拷贝的方式
传统深拷贝的问题 JS 中有个重要的类型叫做引用类型。这种类型在使用的过程中，因为传递的值是引用，所以很容易发生一些副作用，比如： let a = { age: 1 } let b = a b.age = 2 上述代码的写法会造成 …
纯CSS实现简单骨骼动画
背景 某天设计师来找我说，“这个心愿牌傻傻地挂在那不好看，加个动效呗，就左右摆动一下就行，很简单的！”，我一想，行呀，提升用户视觉体验，开搞。 十分钟后，🥶不对呀，这个左右摆动好假，不像现实中风吹的效果。 注：此处加快了动画的速度和…
Vue.js下引入百度地图jsApi的两种方法
最直接的方式，通过script标签引入 <script type="text/javascript" src="http://api.map.baidu.com/api?v=2.0&ak="></scrip…
VUE路由拦截：Vue自定义全局弹窗组件
前言 在任何一个平台中，如果需要增加用户黏度，除了用户需要的基本内容外，用户登录注册提交信息也是非常重要的一环，可以了解用户基本信息，用户喜欢等。 抛出前后端混合开发外，vue可以轻松的实现路由拦截。Vue Router对路由集中统…
VUE指令：无限上拉加载更多插件
前言 无限上拉加载更多，在很多场景都有使用，无论是PC还是移动端，尤其是移动端，都应用非常广泛，比如掘金、头条等。 都知道，无论是下拉，亦或是上拉，都是基于滚动条的位置而言的，如果滚动条触底，表示需要加载更多了，而触顶，再次下拉，表…
介绍下 Set、Map、WeakSet 和 WeakMap 的区别？
Set 和 Map 主要的应用场景在于 数据重组 和 数据储存 Set 是一种叫做集合的数据结构，Map 是一种叫做字典的数据结构 1. 集合（Set） ES6 新增的一种新的数据结构，类似于数组，但成员是唯一且无序的，没有重复的值…
面试题：[‘1’, ‘2’, ‘3’].map(parseInt) 运行结果？简述理由
第一眼看到这个题目的时候，脑海跳出的答案是 [1, 2, 3]，但是真正的答案是[1, NaN, NaN]。 首先让我们回顾一下，map函数的第一个参数callback： var new_array = arr.map(functi…
React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？
vue和react都是采用diff算法来对比新旧虚拟节点，从而更新节点。 在交叉对比中，当新节点跟旧节点头尾交叉对比没有结果时，会根据新节点的key去对比旧节点数组中的key，从而找到相应旧节点（这里对应的是一个key => ind…
学习CSS的正确打开方式：8款游戏带你学习CSS
前言 css的属性是非常的多，如果全靠大脑来记，相信没有几位能够做到，只能通过反复编写，增加熟练度，知道有哪些属性，然后根据编辑器或者浏览器等工具提示，得心应手的完成样式开发。 比如，flex布局。flex的属性justify-co…