简介： 当前 Serverless 容器的行业趋势如何？有哪些应用价值？如果 Kubernetes 天生长在云上，它的架构应该如何设计？Serverless 容器需要哪些基础设施？阿里云容器服务产品负责人易立及阿里云 Serverless Kuber...

vue的核心思想便是数据驱动与组件化，我们在使用vue来开发日常工作项目的时候可以大大的减少来我们对原生dom的操作，使得写起代码也是得心应手。那么在vue中是如何实现这样的响应式系统的呢？今天来一探究竟。 2. 响应式原理 在vue2 中响应式系统是通过 发布订阅模式来实现的…

前段时间我们公司的一个大佬从一些渠道得知了一些小道消息，某国民级 APP 因为 Apple App Store 审核人员检测出 React Native 热更新的内容，被拒审了三个月。我们的热更新平台和出事的 APP 原理相似，所以也存在...

昨日推荐：每天学一个 Linux 命令（31）：md5sum命令简介sort 对文件的文本内容排序。系统默认情况下，排序规则如下：以数字开头的行，将排在以字母开头的行前面以小写字母开头的行，将排在以大写字母开头的行前...

提供一个较少提过的方法，使用 grid，它是做二维布局的，但是只有一个子元素时，一维布局与二维布局就一样了。结合 justify-content/justify-items 和 align-content/align-items 就有四种方案 使用 flex 布局，左侧 300…

简介：一般来说，保证执行性能压测的环境和生产环境高度一致是执行一次有效性能压测的首要原则。有时候，即便是压测环境和生产环境有很细微的差别，都有可能导致整个压测活动评测出来的结果不准确。

data-step 是步骤，data-intro 是对每一步的介绍。

背景产品有三宝，弹窗，浮层加引导；设计有三宝，透明，阴影加圆角；运营有三宝，短信，推送加红包；程序员有一宝，这个做不了。随着移动端市场的份额越大，需求就越多样化。我们今天讨论的是移动端的滚动穿透问题。上面这段调侃的话可以看出需求中弹窗浮层还是挺常见的，那这个和滚动穿透有什么联系呢？我先解释下什么是滚动穿透：页面滑出了一个弹窗，我们用手指触摸屏幕滑动时，会发现弹窗下面的内容还是在滚动。这个现象就是滚

highlight: 发现某个对象值变了，有时却不变? 你需要深入理解 JS中的对象的值传递。 如果你可以全对 💯，那证明对 JS 对象值的传递理解还算扎实。 ！！！注意：原始类型是不可变的(immutable)，只有对象是可变的(mutable)。 直接上图，应该不难理解了…

而设为 border-box 时，属于 IE 盒模型，设置宽度和高度时，包含 content、padding 和 border。 样式系统从关键选择器开始，向左依次查找规则选择器的祖先元素，如果出现未匹配的情况会放弃规则，否则会左移直至匹配完成。因此在写样式时，应尽量选择 ID…

由于fiber机制的特点，生成一个fiber节点时，它对应的dom节点有可能还未挂载，onClick这样的事件处理函数作为fiber节点的prop，也就不能直接被绑定到真实的DOM节点上。为此，React提供了一种“顶层注册，事件收集...

我已经将VSCode主题设置成了浅色，但是侧边栏仍然是灰色，如下图所示。那怎么将左边的工具栏也设置成白色呢？我们可以使用【ctrl +shift +p】快捷键输入【setting】然后选择【Open Setting(Json)】打开setting.js...

修改版预览这篇文章是三天前写就的，有大佬给我提了一些修改意见，我觉得这个意见确实中肯。所以就有了这个升级的修改版本。代码同步更新到GitHub了。修改内容如下：添加了图文说明，直观的说明getBoundingClientRect()集合含义频繁reflow风险该如何规避(优化滚动监听)监听滚动带来的性能问题(使用IntersectionObserver,新方案)修改更新的内容在第4点和第5点，如果

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

排序算法相关记忆贴

前言在日常开发中总是和各种API打交道，我们名为前端工程师实为API调用工程师。这篇文章我就分享8个有趣的API，你若通过阅读这篇文章对前端增加一点点的乐趣，对我来说也是一种鼓励。这几个API使用得当的话，可以提高你应用的友好性。这些API的示例代码我已放在github上了，地址：https://github.com/wanqihua/The-dictionary-of-front-end-tes

前言 去年圣诞节产品提了一个活动需求，其中有一个下雪的背景动画。在做这个动画的过程中加深了对 canvas 动画的一些了解，在这里我仅是抛砖引玉的分享一下，……

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

之所以将word-break、overflow-wrap(word-wrap)和white-space这三个属性放在一起比较，是因为它们都有一个共同的作用，就是控制文本的换行。因为有三个，所以就容易混淆。这个三个属性有时候选任何一个都能实现我们的目标，但有时候只有某个特定的属性能实现我们的要求，这也就是我们今天要比较它们的原因，有相同点，也有不同点。

需要注意的是， /usr/sbin/sendmail 如今已经是一个标准的共享API，并不是指的最初的Sendmail MTA。事实上，你也不应该使用Sendmail，而是使用更先进的软件，例如OpenSMTPD, Postfix, 或 Exim4。所有的这些都提供了相同的 /usr/sbin/sendmail 工具，并且更容易配置，更安全，功能更强大。

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

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

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

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

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