2022年2月6日
30秒学会 CSS 片段 – Responsive image mosaic
Creates a responsive image mosaic. Use display: grid to create an appropriate responsive grid layout...
30秒学会代码片段
2022年2月5日
30秒学会 JavaScript 片段 – Pluck values from array of objects
Converts an array of objects into an array of values corresponding to the specified key. Use Array.p...
2022年2月2日
30秒学会 CSS 片段 – Hide empty elements
Hides elements with no content. Use the :empty pseudo-class to select elements with no content.
2022年1月29日
30秒学会 JavaScript 片段 – Where and how can I use the destructuring assignment syntax in JavaScript?
The destructuring assignment syntax, first introduced in JavaScript ES6, allows the unpacking of val...
2020年6月10日
30秒学会 CSS 片段 – 禁止选择文本
使文本无法被选择。 user-select: none 指定文本不能被选择. 如果你不想让用户复制网站的内容，这不是一个完美的方法。用户仍然可以通过禁用 CSS 或者开发人员工具来轻松达到目的。
2020年6月9日
30秒学会 CSS 片段 – 固定宽高比
假定元素的宽度可变，它的高度会自动适应 (比如其 width 和 height 可以保持固定的宽高比). 在伪元素 :before 上设置 padding-top 可以使元素的高度与宽度成一定的比例。...
2020年6月4日
30秒学会 Python 片段 – average
作用：返回两个或更多数字的平均数。 实现思路：使用 sum() 函数计算所有参数 args 的和，再除以它们的长度 len(args).
2020年6月3日
30秒学会 JavaScript 片段 – isStream
作用：检查给定的参数是否是 stream。 实现思路：首先检查是否是 null，如果不是的话再使用 typeof 检查是否中 object，并且其属性 pipe 是否是 function 类型。
2020年5月31日
30秒学会 CSS 片段 – 圆
只用 CSS 来创建圆。 可以使用 border-radius: 50% 弯曲元素的边缘来创建圆。 因为圆在任一点上都的半径都相同，所有元素的 width 和 height 必须一样，否则所创建的就是...
2020年5月30日
30秒学会 JavaScript 片段 – bindAll
绑定对象的函数里的 this 到对象本身。 使用 Array.prototype.forEach() 来遍历对象里所有指定的函数，使用 Function.prototype.apply() 来指定函数...