考拉海购前端团队

一个项目最终会经过快速迭代走向以维护为主的状态，在合理的时机以合理的方式引入自动化测试能有效减少人工维护成本。 另一方面，当我们需要对代码进行重构或者完善，在修改结束时我们如何确定项目仅仅是被重构了，而不是被改写了？此时测试将是一根救命稻草，它是一个衡量标准，告诉开发人员这么做…

Chrome Devtools 的颜色提取器 EyeDropper，用惯了 Chrome 的前端开发者并不陌生。 但它并不支持在页面中使用，想在页面中使用只能自己实现一个。 那么接下来就介绍一下如何自己实现一个 EyeDropper。 要实现 EyeDropper，必须先学习一…

CSS Transforms可以对一个元素进行二维平面或三维空间的变换，如translate, rotate, scale和skew等变换。 下面是对W3C官网CSS Transforms模块的部分摘译，为了理解的连贯性，调整了W3C规范中相关章节的顺序。 用户浏览器（UAs）…

前段时间拜读阮老师的 《ECMAScript 6 入门》 ，看到官网上每个章节的页面都有一个类似进度条的东西，出于好奇，上网查了一下，发现这个东西叫Scroll Indicator. Scroll Indicator：滚动指示器。通俗来说，就是当前可视区域距离页面顶部的占比，效…

css3 pointer-events pointer-events 是什么？ 顾名思义，pointer-events 是一个用于 HTML 指针事件的属性。 pointer-events 可以禁用 HTML 元素的 hover/focus/active 等动态效果。 默认值为 …

indexedDB 是 HTML5 提供的一种本地存储，一般用户保存大量用户数据并要求数据之间有搜索需要的场景,当网络断开的时候，可以做一些离线应用，它比 SQL 方便，不用去写一些特定的语句对数据进行操作，数据格式为 json。 1. 创建数据库，并指定数据库的版本号 2. …

Masonry Layouts —— 瀑布流布局，核心是一个网格布局，每行包含的内容列表的高度是不可控的，并且，每个内容列表呈堆栈状排列。称作瀑布流，最关键的是--各堆栈间没有多余的间距差（将整个布局看做一个大的容器，最新进来的内容元素，永远在高度最短的那一列上）。具体如下图所示…

最近分享了很多技术篇，今天来一点非技术但是在工作中也同样重要的干货，不知道是否能够帮助到刚毕业的学生(不可生搬硬套，要抽取核心点😆)。反正是真真切切写出了我的心声。以上，仅仅代表伪小编我的个人想法。 正文 如下观点不一定适用于所有场景 欢迎小伙伴踊跃补充！！ 产品 1、『这个功…

本文解读的Vuex版本为2.3.1 Vuex代码结构 Vuex的代码并不多，但麻雀虽小，五脏俱全，下面来看一下其中的实现细节。 源码分析 入口文件 入口文件src/index.js: import { Store, install } from './store' import…