博客

故事要从 Tomasz Lakomy 发的一条推特讲起，他问了一个问题。假如你在面试时，面试官问了你这样一道问题，你该怎么办。 关于在面试中如何应对这个问题，我觉得要看这个问题的关注点是什么。如果问题的关注点是tree变量的最终值是什么的话，那么可以直接让面试官滚蛋，或者我可能…

你是一个经常使用 console.log() 来调试代码的 JavaScript 开发者吗？这并没有错。但是，你也许不知道的是，console对象还有很多其他很有用的方法。在本文中，我想跟大家聊聊如何高效使用这些方法。 JavaScript中的 console 对象使得我们可以…

CSS是一种很棒的样式表语言，我们可以使用它来改变网站样式，或是制作响应式的网站。它是所有Web开发人员必须掌握的技能，因为每个网站或Web应用程序都会使用CSS。 如今的CSS语言已经有了许多改进。你可以在不使用JavaScript的情况下用纯CSS创建一些很酷的东西。这就是…

The shorthand techniques of any programming language help you to write more clean and optimized code and lets you achieve your goal with le…

先来看一段十分普通的JavaScript代码，我们试图在控制台用循环语句输出几个数字。 用脚趾想都知道，结果是会输出从0到5的6个数。 凡是放在这个函数中东西，都过一会再做，至于过多久，可以通过设定毫秒数来调节。 要尝试理解“立即马上”，需要引入Event Loop的一些概念。…

1. 细化选择符 通过使用组合器（Combinator）将选择器的描述写得更加精确（参考CSS选择器 - MDN），例如对于下述代码片段，如果想给.cellphones中的.apple增加样式，只使用.apple，势必会对.fruit中的.apple也造成影响。 可以使用后代组…

这篇文章中，我们打算手写一个将字符的Unicode值转换为UTF-8编码的函数。 对于一个字符串中的每一个字符，首先将它的Unicode值转换为二进制数字串，然后对于二进制数字串按照UTF-8的编码规则进行转换，最终得到UTF-8编码。 "xxxxx"从二进制数字串尾部依次取得…

使用最少的CSS使得 <span> 中的文字，单行水平居中展示，多行水平靠左展示。 巧妙借助 inline-block 的特性，使 <span> 在文字单行时表现出 inline 的特征，而在多行时表现出 block 的特征。从而实现这个“有趣”的需求。 外层是一个 <div>…

当我们修改了 price 的值时，虽然在计算 total 时会使用到 price，但是 total 的值并不会响应式地更新。 我们可以提取出计算 total 的逻辑，之后每次 price 或者 quantity 发生变化的时候，都会再执行一遍这个逻辑。这样的话，当 price …

这个算法是最容易（用脚趾都可以）想到的方法，也就是双层循环比较法。外层循环遍历数组中每个元素，内层循环遍历其他元素并与外层循环的当前元素比较，如果不同就不进行操作，相同则删除掉。不必多说看代码。 为什么我们说它是最笨的方法呢，因为双层循环O(n)的时间复杂度实在是一言难尽。。。…