花名非艺名

在我们前端团队中，技术相关的文档都采用 Markdown 编写， 文档中往往会伴随很多示例代码，我们希望大家在阅读文档的时候，可以运行示例代码，看到效果。 让 Markdown 中的代码可以运行，并预览效果。 代码可以在线编辑。 不影响整个文档流的布局。 支持 React, 支…

PWA 技术的流行，给了前端许多新的能力。以前很多前端做不到的事情，现在逐渐可以做到了。本系列文章讲述的的 Web 推送通知就是前端开发者最希望获得的能力之一。 通过推送通知，即使用户的浏览器没有打开，我们也可以触达用户，让用户与我们的 Web 站点有更多的互动。在国外可以直接…

可视化图表，有相当多种，但常见的也就下面几种，其他比较复杂一点，大都也是基于如下几种进行组合，变换出来的。对于初学者来说，很容易被这官网上众多的图表类型给吓着了，由于种类太多，几种图表的绘制方法很有可能会混淆起来。 因此，在这里，我特地总结了六种常见的基本图表类型，你可以通过对…

这种方式在编写脚本的时候很有用，比如你想在脚本中批量获取id，然后进一步操作。但是这种方式要求你必须给ID赋值，如果是直接敲命令，这样做就不太方便了。 这时，你可以换一种方式： docker ps -l -q命令将返回最近运行的容器的id，通过设置别名（alias），dl命令就…

不是什么高深的技术，是一些工作的积累，提高工作效率。

设计交付对于UI设计师来说是一项必要的工作流程，设计交付影响着界面的最终实现和各尺寸适配效果。 很多刚入门的设计师都对适配有着误解。认为适配是开发小哥需要做的事，开发小哥需要对各尺寸的适配结果负责任，自己的工作就是把界面设计精美易用。这是非常不专业的想法，界面易用、精美固然重要…

正巧我多年一直在收集各种浏览器的资料和趣闻，就让我们来看下浏览器内核到底是什么，以及难度如何。 在IT界的洪荒年代（1992年），人们在互联网上还是只能看黑白屏幕上一行又一行的字符的时候，伊利诺斯州大学（NCSA）的马克·安德森 就突发奇想的搞出一个名为 Mosaic 的浏览器…

前段时间在项目开发中遇到这样一个需求——文本输入框的高度要随着框内文本所占高度而变化。 下面讲一下实现方案的探索过程。 首先想到的方法，是使用 HTML 5 中新增的contenteditable属性。它可以把元素变成可编辑状态，同时让其保留原有的特性（如元素高度根据元素内容所…

时光如白驹过隙， Tutorialzine 为我们带来了 2017 年 4 月份一些精心挑选的优秀 Web 开发资源。前端开发者们，让我们一起先睹为快吧！ Core UI 是一个基于 Bootstrap 4 的管理模板，它提供了创建控制面板的高度自定义解决方案。同时，为了让你快…