大家好，我是白宦成（@bestony），前几天在 B 站直播写 ClubHouse 复刻版的开发者。当然，除了这个身份，在真实生活中，我还是 Linux 中国开源社区的技术负责人，负责开发我们自己的自用工具和平台。

H5打造属于自己的视频播放器（HTML篇）在上一章节之中，已经把HTML篇给大致样式显现了出来，接下来应该是JS篇了，可是在写之前有必要先整理一下思绪，盲目乱写是不对的，喝杯茶，撩撩妹，生活多美妙，写起代码来自然心情好思路正。

- [octotree]([链接])以IDE的形式展示github文件- wide github将github页面变宽，更符合IDE的排版- [github dark theme]([链接])github秒变dark模式，喜欢暗黑模式的我们必须中意的颜色

通过衡量执行某个函数所花费的时间，以“证明”某些实现比另一些实现更高效始终是一个很好的主意。这也是确保性能在进行一些修改后不受影响并找出瓶颈的好方法。

在日常的前端开发中，我们会遇到 LESS/SASS 编译、CSS 前缀自动补全 、CSS 压缩、 图片压缩、JS 合并压缩、布署发布 等各种各样的操作。通常，我们都会根据实际情况定制一个 流程 性的工具来实现所有常规的功能，这，就是我理解的 前端工作流。

作者：wanago_io翻译：疯狂的技术宅 原文：[链接] 今天，我们回到 JavaScript 中的正则表达式。如果你还是新手，请查看上一篇文章。这次，我们将学习如何编写更优雅的模式并定义搜索字符串的位置。 定义重复的较短方法 我们知道星号 * 可以使表达式匹配 0 次或多次。...

在移动端开发中，现有的手势事件只有IOS上的浏览器支持，因此对其他设备上的浏览器手势事件我们必须在移动端的touchstart、toucmove、touchend事件上进行改造升级，下面就介绍下升级改造的移动端的手势事件。

离上次写文章已经挺久了，期间因为跟着项目一起换了组，一直非常忙。现在做的项目是公司内部全部组要用的 viewer 库. Viewer 需要的功能非常的多，其中的一个就是需要提供一些常用的绘图API功能， 比如用户鼠标移动画箭头，画圈圈，高光选中文本等等。

作者：JowayYoung仓库：Github、CodePen博客：官网、掘金、思否、知乎公众号：IQ前端特别声明：原创不易，未经授权不得转载或抄袭，如需转载可联系笔者授权系列灵活运用CSS开发技巧 请戳这里，持续更新灵活运用JS开发技巧 请戳这里，持续更新灵活运用PS切图技巧 请戳...

url中#(hash)的含义 hash 属性是一个可读可写的字符串，该字符串是 URL 的锚部分（从 # 号开始的部分） 1.“#”代表网页中的一个位置。其右面的字符，就是该位置的标识符 比如： {代码...} 就代表网页index.html的print位置。浏览器读取这个URL后，会自动将print位置滚...

平时收集的常用工具分享给大家！！！ 项目地址： [链接] 持续更新中，喜欢请star 性能监控 阿里云监控 (网站性能、错误等监控) growingio (网站访问量监控) sentry (错误监控) fundebug (错误监控) gtmetrix (网站访问速度) zanePerfor (网站访问速度) pingdom (网站...

前段时间写了一篇详解 webpack4 中易混淆知识点的文章，没想到收获了近 600 个赞，在这里对各位老铁抱拳感谢。上篇文章我费了很多时间去构思 demo 和原创作图，就是想把一些概念彻底讲清楚，看评论区的反响我感觉还是做到了自己设定的目标。

使用一个或多个图像相关的CSS属性（background-blend-mode, mix-blend-mode, or filter）可以实现许多特殊的图片显示效果。本文转载自Bennett Feely的个人网站，文中共列举了20种图片显示效果。

最近在给一个项目做移入开发环境之前的收尾工作，其中一项就是无障碍设计测试。公司内部有专业的无障碍设计把控人员，但是基本的常识还是零零总总需要学一些，看了一些资料总结了基础的一些需要知识点。

1. 前言 本文介绍如何在 GitHub 上发现优秀的开源项目，找到你想要的矿。 GitHub 作为全球最大的同性交友网站，也是矿资源非常丰富的矿场。 GitHub 有时比 Google 还有用，如果你不懂如何使用它来挖矿，那你不算一名合格的程序员。 GitHub 是一个宝藏库，可没有藏宝...

你好，我是若川。这是学习源码整体架构系列第三篇。整体架构这词语好像有点大，姑且就算是源码整体结构吧，主要就是学习是代码整体结构，不深究其他不是主线的具体函数的实现。文章学习的是打包整合后的代码，不是实际仓库中的拆分的代码。要是有人说到怎么读源码，...

Decorator 提供了一种独特的抽象逻辑，可在原有代码基础上，零侵入添加新功能特性。商业代码总是多种交织并存的，在日常开发中，除了实现业务功能之外，我们还需要考虑诸如：异常处理、性能分析、日志等额外的需求。未经设计的的开发方法会倾向于将各种需求耦合组成...

除此之外,我们在平时的业务开发中会经常出现数组一把梭的情况,大多数情况下我们都会用数组的形式进行操作,而有读源码习惯的开发者可能会发现,在一些底层库中,我们可能平时用数组的地方,底层库却选择了另外的数据结构,这又是为什么?

目前在美国某二三线城市当地一大厂工作，初级程序媛，刚转码7个月，主要写前端，刚被拖过来临时写测试。事实上Segmentfault见证了我转码的整个阶段。一开始是用segmentfault做笔记，现在改用gitbook了。但是会经常上来刷文章。