一个简洁、有趣的无限下拉方案

2019-12-03
阅读 5 分钟
3.5k
本文主旨 长列表渲染、无限下拉也算是前端开发老生常谈的问题之一了,本文将介绍一种简洁、巧妙、高效的方式来实现。话不多说,看下图,也许你可以发现什么? 不知你是否从上面这张图中注意到了什么,比如只是渲染了可视区域的部分 DOM ,滚动过程中只是外层容器的 padding 在改变? 前一点很好理解,我们考虑到性能,不...

前端领域的 Docker 与 Kubernetes

2019-11-27
阅读 11 分钟
7.3k
看完本文希望读者能够了解到,Docker 的基本原理,Kubernetes 是怎么工作的, 对于前端 Kubernetes 有哪些优势与玩法。

使用 svrx 实现更优雅的接口 Mock

2019-11-20
阅读 9 分钟
3.1k
目前 Web 开发普遍都切换到了前后端分离的开发模式。虽然在工程和职能上已经分离了,但在实际工作中,前后端在开发进度上往往会出现不一致的情况,此时就会极大地影响开发效率。接口 mock 在此时就发挥出了巨大价值,它磨平了这个时间差,最终实现高效的前后端分离开发。

Lighthouse 测试内幕

2019-11-12
阅读 12 分钟
4.8k
云音乐前端性能监控平台,底层使用了 Lighthouse 进行审计评分,在实践过程中我们积累了一些 Lighthouse 内部实现的研究经验,希望通过这篇文章可以分享给各位读者。

JavaScript 中的位运算和权限设计

2019-11-07
阅读 8 分钟
5.1k
1. 内容概要 本文主要讨论以下两个问题: JavaScript 的位运算:先简单回顾下位运算,平时用的少,相信不少人和我一样忘的差不多了 权限设计:根据位运算的特点,设计一个权限系统(添加、删除、判断等) 2. JavaScript 位运算 2.1. Number 在讲位运算之前,首先简单看下 JavaScript 中的 Number,下文需要用到。 在 Jav...

从零实现自定义 JSON Parser

2019-10-31
阅读 8 分钟
1.8k
简介 Zergling 是我们团队自研的埋点管理平台,默认的数据格式如下: {代码...} 一种自定义 json 格式,比较不同在于: 带注释 字符串通过 | 分割符,当做数组用 value 为基本类型,没有 object。 在实际过程中有一些不符合规范的地方: 用 value 当做注释,而不用 comment <img src="https://p1.music.126.net/GTDZ6t...

Server-X:一款可能提升你十倍工作效率的工具

2019-10-21
阅读 6 分钟
4.3k
本文将介绍一款全新的前端开发工具,希望它能给你的前端开发带来看起来和现在一样但其实又不那么一样的体验。 你可能会说,大家都是 秃头的 成熟的前端程序员了,每一台电脑上都有几套自己辛辛苦苦装好的全家桶,为什么还要新换一个开发工具? 对,盲生,你可能发现了华点。 数一数你电脑上目前为前端本地开发安装了多少...

Web Audio在音频可视化中的应用

2019-09-26
阅读 8 分钟
4.8k
本文有两个关键词:音频可视化和Web Audio。前者是实践,后者是其背后的技术支持。 Web Audio 是很大的知识点,本文会将重点放在如何获取音频数据这块,对于其 API 的更多内容,可以查看 MDN。

快速上手亚马逊的 Serverless 服务

2019-09-12
阅读 14 分钟
2.6k
引用一段对于 Serverless 较为官方的定义:“Serverless 是一种执行模型(execution model)。在这种模型中,云服务商负责通过动态地分配资源来执行一段代码。云服务商仅仅收取执行这段代码所需要资源的费用。代码通常会被运行在一个无状态的容器内,并且可被多种事件触发( http 请求、数据库事件、监控报警、文件上传、...

简明 JavaScript 函数式编程——入门篇

2019-09-06
阅读 16 分钟
4k
写在开头 本文较长,总共分为三大部分:(对于函数式编程以及其优点有一定理解的童鞋,可以直接从 第二部分 开始阅读) 第一部分:首先会通过实际代码介绍一下什么是函数式编程以及使用它的意义。 第二部分:我会着重介绍一下函数式编程中最重要的两个方法:柯里化和函数组合,以及他们的使用方法和实践经验。 第三部分:...

Web 应用的撤销重做实现

2019-08-22
阅读 9 分钟
9.3k
背景 前不久,我参与开发了团队中的一个 web 应用,其中的一个页面操作如下图所示: 这个制作间页面有着类似 PPT 的交互:从左侧的工具栏中选择元素放入中间的画布、在画布中可以删除、操作(拖动、缩放、旋转等)这些元素。 在这个编辑过程中,让用户能够进行操作的撤销、重做会提高编辑效率,大大提高用户体验,而本文...