在这里维持一个持续更新的地方 图片 baguetteBox.js - 是一个简单易用的响应式图像灯箱效果脚本。demo Lightgallery.js - 是一个功能齐全的JavaScript图像灯箱插件。demo viewerjs - 是一个图像预览插件。demo cropp…

前言 近期公司提出了一个新需求，希望前端能够根据UI设计绘制运动报告界面，完成数据展示，包括图标展示，并且能够将HTML页面转为PDF并实现下载。基于公司需求，查询了很多资料，最后选定了三种技术方案，

小桔棱镜是一款专注于移动端操作行为的工具，涵盖APP操作回放、操作检测、以及数据可视化能力。本篇我们会从产品设计理念和技术实现思路上对棱镜进行整体介绍。 移动端作为当前大多数业务的几乎唯一载体，决定了我们日常的开发、测试、运营分析、产品迭代工作都要围绕它进行，这样一来移动端上的…

set-value - 使用 . 符号给对象设置值，如：a.b.c

编码过程中，尤其在我们使用js进行函数式编程时，代码里会有很多的花括号，想要保证它们对称十分困难，所以就出现了上面小粉同学的尴尬局面，相信很多人都遇到过类似的情况。 Rainbow Brackets，可以将同一对花括号给定相同的颜色，可以一眼就看出配对的两个花括号。 Inden…

这两年收藏了不少网站，特地整理一下，把一些大家都可能用得上的分享出来，希望能对你有用。 考虑到有一些网站大多数人都知道，所以我就不列出来了。 它不仅仅是一个网址收藏管理器，它还可以：推送、嵌入任何东西、集成、自定义、分享你的收藏夹、浏览器扩展。 可以在不同设备中共享书签。 域名…

一直以来，检测元素在浏览器视窗口内不是件容易的事，很多解决方案都不能很准确的判断，计算量也有可能拖慢网站性能。 监听浏览器滚动事件scroll，对每个目标元素执行Element.getBoundingClientRect(),getBoundingClientRect方法返回元…

在刚刚结束的 Chrome dev summit 2018 上，谷歌工程经理 Gray Norton 向我们介绍 virtual-scroller，一个 Web 滚动组件，未来它可能会成为 Web 高层级 API（Layered API）的一部分。它的目标是解决长列表的性能问题

笔记是由油管的@The Coding Train老师发布系列教程。 因为正则我自己看了很多次，但是很快又忘记。所以为了彻底搞懂，一边学习一边记笔记，以给别人讲课的方式记笔记，我自己的印象会更深，所以就有了以下内容。 1.1. 基本语法 1.1.1. single char 注意…