前端教程

修改版预览这篇文章是三天前写就的，有大佬给我提了一些修改意见，我觉得这个意见确实中肯。所以就有了这个升级的修改版本。代码同步更新到GitHub了。修改内容如下：添加了图文说明，直观的说明getBoundingClientRect()集合含义...

测试mysql5.7和mysql8.0 分别在读写、只读、只写模式下不同并发时的性能（tps，qps）

排序算法相关记忆贴

前言在日常开发中总是和各种API打交道，我们名为前端工程师实为API调用工程师。这篇文章我就分享8个有趣的API，你若通过阅读这篇文章对前端增加一点点的乐趣，对我来说也是一种鼓励。这几个API使用得当的话，可以提高你应用的友好性。这些API...

前言 炫意HTML5 » 关于 Canvas 下雪背景的性能考虑

简单点可以这么说： js是单线程的，是基于事件循环的。setTimeout函数是异步的，异步的事件会加入一个队列，当同步的任务执行完之后，才会执行。

之所以将word-break、overflow-wrap(word-wrap)和white-space这三个属性放在一起比较，是因为它们都有一个共同的作用，就是控制文本的换行。因为有三个，所以就容易混淆。这个三个属性有时候选任何一个都能实现...

需要注意的是， /usr/sbin/sendmail 如今已经是一个标准的共享API，并不是指的最初的Sendmail MTA。事实上，你也不应该使用Sendmail，而是使用更先进的软件，例如OpenSMTPD, Postfix, 或 E...

问题是这样的：如果几个inline-block元素放在一起，它们的代码是按常见的HTML标准格式化，那么，在它们之间就会存留一些空格。

三维立体效果我觉得是CSS3中最有意思的地方，不得不佩服那些开发者大神们，让我们能够通过几行CSS代码就能得到酷炫的视觉体验。

CSS3按钮一般都可以设计的非常漂亮，利用投影、渐变等CSS3属性特效可以把按钮渲染的十分动感。今天分享的这款CSS3按钮外观非常特别，它看上去酷似晶莹剔透的牛奶，而且在点击按钮时出现3D效果的动画，按钮按下时，按钮会轻轻的弹动一下，非常逼...

JavaScript 通过XMLHttpRequest(XHR)来执行异步请求，这个方式已经存在了很长一段时间。虽说它很有用，但它不是最佳API。在Fetch API中，最常用的就是fetch()函数。它接收一个URL参数，返回一个prom...

这篇文章里我们将学习CSS里flexbox布局的几个最重要的概念，通过学习flexbox布局，你会发现以往遇到的所有的关于布局的问题，现在都可以轻松解决了。

Web端对于宽度有各种定义，比如innerWidth，outerWidth，clientWidth，offsetWidth。不同语境下有不同的含义，PC端与移动端的表现也有不同，还可能与缩放水平、滚动条、viewport设置等因素相关。

胖箭头函数（Fat arrow functions），又称箭头函数，是一个来自ECMAScript 2015（又称ES6）的全新特性。有传闻说，箭头函数的语法=>，是受到了CoffeeScript 的影响，并且它与CoffeeScri...

await/async 是 ES7 最重要特性之一，它是目前为止 JS 最佳的异步解决方案了。虽然没有在 ES2016 中录入，但很快就到来，目前已经在 ES-Next Stage 4 阶段。

那些不推荐使用的html标签

图片可以让页面更有吸引力，尤其是处理的恰当的时候，但问题是，图片的处理是个麻烦事情，它的创建和裁剪对于一个普通人来说是个困难的任务

经常搜集整理一下网上发行的好代码，能不断扩充自己的知识库，这些知识在不用的时候就放着，需要用到的时候，从知识库里拿出来，会省掉很多的麻烦。

今天我们来深入研究一下 Chrome 的网络协议栈，来更清晰的描述早期网络加载（像 preload 和 prefetch）背后的工作原理，让你对其更加了解。