收藏夹 - 收藏集 - 掘金

canvas 会动的粒子效果 - 前端 - 掘金
实现效果：粒子会动并且在一定范围内粒子之间出现连线。 效果图 演示 以下是实...

深度剖析：如何实现一个 Virtual DOM 算法 - 前端 - 掘金
作者：戴嘉华 转载请注明出处并保留原文链接（ #13 ）和作者信息。 目录： 1 前言 2 对前端应用状态管理思考 3 Virtual DOM 算法 4 算法实现 4.1 步骤一：用J...

你确定你了解 JavaScript 的事件循环机制吗 - 前端 - 掘金
Event Loop JavaScript的学习零散而庞杂，因此很多时候我们学到了一些东西，但是却没办法感受到自己的进步，甚至过了不久，就把学到的东西给忘了。为了解决自己的这个困扰，在学习的过程中，我一直试图在...

高性能的视差动画【译】 - 掘金
高性能的视差动画 原文地址： https://developers.google.com...原文作者： Paul Lewis译文作者： 接灰的电子产品 爱也好，恨也好，视差效果...

函数节流与函数防抖 - 前端 - 掘金
什么是函数节流与函数防抖 举个栗子，我们知道目前的一种说法是当 1 秒内连续播放 24 张以上的图片时，在人眼的视觉中就会形成一个连贯的动画，所以在电影的播放（以前是，现在不知道）中基本是以每秒 24 张的速度播放的，为什么不 100 ...

Ajax-hook原理解析 - 掘金
自上一篇《js 拦截全局 ajax 请求》发布之后，很多人对实现原理非常感兴趣，好，今天我们讲内涵！ 如果你还不知道ajax-hook，请先了解一下：github : https://github.com/wendux/Aja...中文介绍：http:...

webpack-react 之 webpack 篇（上） - 前端 - 掘金
构建一个小项目——FlyBird，学习webpack和react。（本文成文于2017/2/25） 从webpack开始本篇从零开始，详细记录webpack的各个方面。文章中将会放入很多链接以便扩展，我也会归纳总结，不读扩展不会...

从零搭建 vue2+vue-router2+webpack2 工程 - 前端 - 掘金
一直在维护一篇从零搭建vue2+webpack1工程的文章——《vue2 vue-router2 webpack》，期间也计划着等webpack2正式发布了再来写这篇文章，现在已经正式发布了，官方文档也已经全部完成，相比旧版，新版的文档不仅指导你该如何配置，还...

一个为解决 React 事件绑定痛点而制定的 Babel 插件 - 前端 - 掘金
babel-plugin-react-scope-binding 开发一款React应用离不开大量的事件绑定，首先一起来回顾回顾React组件事件绑定的几种方式。 ...

掌握 HTTP 缓存——从请求到响应过程的一切（上） - 掘金
作者：Ulrich Kautz 编译：胡子大哈 翻译原文：http://huziketang.com/blog/po... 英文原文：Mastering HTTP Caching ...

设计无限滚动下拉加载，实践高性能页面真谛 - 掘金
UX Planet论坛上有过这么一篇热门文章: Infinite Scrolling Best Practices，它从UX角度分析了无限滚动加载的设计实践。 无限滚动加载在互联网上到处都有应用：豆瓣首页是一个，Facebook的Timeline是一个，Twe...

【原】以 setTimeout 来聊聊 Event Loop - 前端 - 掘金
阅读目录 setTimeout基本用法 ...

(译) Webpack 入门指南 - 前端 - 掘金
原文 Webpack是目前最火的前端自动化工具，它是一个module bundler并和大部分现代前端相关模块完美结合，包括Babel,ReactJS等等。本文从新手的角度一步一步用webpack配置一个react项目。 安装 首先要知道： Webpa...

promises 很酷，但很多人并没有理解就在用了 - 前端 - 掘金
（点击上方公众号 ，可快速关注） 英文：Nolan Lawson  译文：伯乐在线专栏作者 - abell123 如有好文章投稿，请点击 → 这里了解详情 如需转载，发送「转载」二字查看说明 JavaScript 开...

Javascript 高性能动画与页面渲染 - 前端 - 掘金
No setTimeout, No setInterval 如果你不得不使用setTimeout或者setInterval来实现动画，那么原因只能是你需要精确的控制动画。但我认为至少在现在这个时间点，高级浏览器、甚至手机浏览器的普及程度足够让你有理由有条件在实...

Webpack 2 新手最佳指南 - 前端 - 掘金
在今時今日，webpack 已經成為前端開發非常重要的工具之一。本質上它是一個 Javascript 模組封裝工具，但透過 loaders 和 plugins 它也可以轉換封裝其他前端的資源檔像是 HTML，CSS，甚至是圖片等，讓我們能夠控制程式發出 HTT...

CSS 五种方式实现 Footer 置底 - 前端 - 掘金
页脚置底（Sticky footer）就是让网页的footer部分始终在浏览器窗口的底部。 当网页内容足够长以至超出浏览器可视高度时，页脚会随着内容被推到网页底部；但如果网页内容不够长，置底的页脚就会保持在浏览器窗口底部。 ...

HTTPS 为什么更安全，先看这些 - 掘金
HTTPS 是建立在密码学基础之上的一种安全通信协议，严格来说是基于 HTTP 协议和 SSL/TLS 的组合。理解 HTTPS 之前有必要弄清楚一些密码学的相关基础概念，比如：明文、密文、密码、密钥、对称加密、非对称加密、信息摘要、数字签名、数字证书。接下来...

(译) 无尽滚动的复杂度 -- 来自 Google 大神的拆解 - 掘金
原文地址：https://developers.google.com...原文作者：Surma译者：王芃 摘要: 重用你的DOM元素以及删除那些远离可视范围的元素。为延迟显示的元素使用占位...

使用原生 JS 封装 Tap 事件，解决移动端 300ms 延迟 - 前端 - 掘金
为了防止误操作，移动端iOS操作系统针对原生click事件做了300ms的延迟，这在一定程度上影响了我们的使用体验。 GitHub项目地址：https://github.com/SimonZhang... FastClick 现在有现...