老板拍着你的肩膀说：“小王啊，把隔壁组做的那个‘用户画像’页面，直接用 iframe 嵌到我们的后台里吧，顺便把当前登录的 Token 传过去，再把用户选好的标签拿回来。”

在我们面试过程中，面试官经常会问到这么一个问题，那就是从在浏览器地址栏中输入URL到页面显示，浏览器到底发生了什么？这个问题看起来是老生常谈，但是这个问题回答的好坏，确实可以很好的反映出面试者知识的广度和深度。

近期在项目中遇到了一个需求，需求大致就是把文字，贴纸和背景图合成一张图片产物。这个需求最后就用到了dom-to-image。过程中也踩了一些坑，本文就分析一下这个库的原理，及这个库的一些坑。

众所周知，Serverless 的概念并不像字面意义上那样的 “无服务”，而是将中心化的服务端应用打散成为一个个函数式的服务，节约了前端编码到产品上线中间服务部署的操作成本。本质上是一种 云计算执行模型(Cloud Computing Execution Model)。

日常生产生活中，我们会经常读到或使用各种类型的图表。圆环（圆弧）便是一种较常见的类型，用于直观展现某一数据指标占整体的比例。本文以 HTML Canvas 的实现为主（当然，SVG 党可以在了解原理后自行实现），逐层介绍圆环图表开发的一些主要思路和原理。

思路整理：拿到文件，对文件进行fingerprint = md5(file),得到文件指纹。将指纹保存服务器。切割文件，分段上传，每次上传一段。服务器根据指纹进行索引判断文件上传进度，直到文件的全部片段上传完毕。

导读：本文内容是笔者最近实现的 web 端弹幕组件—— Barrage UI 的一个延伸。在阅读本文的实例和相关代码之前，不妨先浏览项目文档，对组件的使用方式和相关接口进行了解。

Barrage UI Best and lightest barrage component for web UI. 适用于 web 端用户界面和播放器的轻量级弹幕组件 用途 为你的 视频播放器、图片浏览器 等元素挂载弹幕动画 用于实现 B 站(bilibili.com) 风格的 蒙版弹幕 效果 安装 {代码...} 或 {代码...} 快速开始 {...

一些烦恼 如果你常常在博客中插入一些文件目录结构，不免会有碰到诸如此类的问题： 使用图片输出的话，感官上不够和谐，尤其在移动端环境下，图片内容可能会被多次转码、缩放以至于影响阅读体验。 使用文本输出的话，在不同设备、编辑器下内容排版容易混乱。 某一天...

AJAX常见面试题 什么是AJAX，为什么要使用Ajax AJAX是“Asynchronous JavaScript and XML”的缩写。他是指一种创建交互式网页应用的网页开发技术。、 客户端与服务器，可以在【不必刷新整个浏览器】的情况下，与服务器进行异步通讯的技术 AJAX应用和传统Web应用有什么...

最近在 Codewars上做练习，某道题的内容是实现一个 brainFuck（简称BF语言） 解释器（c/python/js等等均可）。动手实践的过程还是很有趣的，中间也遇到了各种各样的问题，最终通过测试，代码也比较接近目前的 JS 高分 solution。这篇文章准备聊聊相关的一些知识和实...

效果预览 按下右侧的“点击预览”按钮可以在当前页面预览，点击链接可以全屏预览。 [链接] 可交互视频 此视频是可以交互的，你可以随时暂停视频，编辑视频中的代码。 请用 chrome, safari, edge 打开观看。 [链接] 源代码下载 每日前端实战系列的全部源代码请从 github...

随着 Babel 的生态越来越完善，我们通常会使用 Babel 来帮助我们分析代码的解析过程。Babel 使用一个基于 ESTree 并修改过的 AST，它的内核说明文档可以在 这里. com/babel/babel/blob/master/doc/ast/spec. md) 找到。

naming-style [链接] 一个简单的工具类库，用于将文本转化为不同格式的命名风格（如：驼峰式、连字符式、常量式等）。 安装 {代码...} or {代码...} 使用 {代码...} 特性 1. 工具方法 此类库提供了 8 个工具方法： style() 用于检测文本的命名风格 其他 7 个方法分别...

这可能是最实用的markdown文章结构树组件，使用此组件，你可以： 为读者显示文章目录 点击目录跳转到文章对应内容 分享带锚点hash值的url给读者 Best markdown navigation bar for React. git repo Install {代码...} or {代码...} Usage {代码...} Screenshots Opti...

A simple utils library for RGB colors which provides some convenient methods such as color interpolation, gradient generation, etc.

最近在折腾的 web 端的可视化项目，由于相关业务的需要，用到了 Mapbox 这一地图开发的神器。在此先奉上一个基于mapbox-gl实现的demo（来源：uber的deck.gl项目）：

上述代码中，reduce 方法有两个参数，第一个参数是一个 callback，用于进行计算的函数；第二个参数则是累加计算的初始值: 0reduce 以 0 作为初始值，从数组第 0 项开始累加，上述代码的计算过程如下：

当我们对大量文件进行批量处理的时候(例如：上传/下载、保存、编译等)，常常希望知道当前进展如何，或者失败(成功)的任务有多少；当我们的代码或程序已经发布，用户在执行安装的过程中，一个合适的（终端/命令行）进度条可以准确反映安装的步骤和进程，提升程序的可...

如果你想在 web 应用实现类似 pjax 的功能特性，往往需要做一些准备，比如对于不支持 history.pushState 方法的部分浏览器，怎样去做优雅降级，以满足页面整体的可用性等等。这篇文章主要来说说 pjax 相关的问题和思路。