来自网络各处的文章,我们正在阅读并有一些想法。 有我们应该知道的链接吗?告诉我们!
Babel 插件添加函数名称
阅读评论
你有没有使用过那些很棒的 ES6 箭头函数,遇到问题后才发现你的堆栈跟踪都是匿名函数?是的,这并不好。 这就是为什么这个 Babel 插件非常有用。 你可以在你的 ES6 箭头函数中添加名称,这使得调试变得更加简单。
赞助帖子
事件循环到底是什么?
阅读评论
2014 年,Philip Roberts 在 JSConf EU 上发表了一场很棒的演讲,讲解了事件循环,并为我们这些没有计算机科学学位的人分析了 JavaScript 在幕后做了什么。 我前几天在 Twitter 上看到了这个演讲,非常喜欢。 尽管它已经过去几年了,但它经受住了时间的考验,仍然是一个很棒的资源。
CSS “锁”
阅读评论
Tim Brown 使用了一个新的(比喻性的)术语来描述一个可以在两个设定值之间波动的值
在运河和河流航行中,锁是一种用来将船只升降到不同水位之间的设备。 这就是我们的公式所实现的功能。 我们的公式是一个 CSS calc“锁”。
波动 在 1.3em 和 1.5em 行高之间,具体取决于屏幕宽度
line-height: calc(1.3em + (1.5 - 1.3) * ((100vw - 21em)/(35 - 21)));
Bram Stein 为 PostCSS 制作了 一个辅助插件。
“锁”的一部分是一个额外的媒体查询,它覆盖了极端值之一的值。 类似于 Mike Riethmuller 在玩熔融领先时所做的,以及 Eduardo Bouças 如何使用最小值和最大值来处理视窗大小的字体。
10k Apart
阅读评论
今年是 An Event Apart 的十周年纪念。 为了庆祝,他们举办了一场名为 10K Apart 的比赛,人们可以在其中展示他们在 10kB 数据中能完成什么。 这并不是一个新的比赛 - 它最初的起源是一个名为 5k 的项目,早在 2000 年至 2002 年间。 今年的赞助商是 Microsoft Edge,他们将为参赛者提供10,000 美元的奖金。 评审团由来自 Web 开发领域的顶尖专业人士组成,其中包括像 Sara Soueidan、Lara Hogan、Mat Marquis、Rachel Andrew 和 Heydon Pickering 这样的才华横溢的人。
这项比赛非常令人兴奋,因为它关注的是我们这些 Web 开发人员都应该思考的事情。 就渐进式增强而言,什么是可用的基线? 我们如何才能巧妙地让我们的网站对各种用户都可用? 除了性能方面的明显优势,这场比赛还将注意力集中在可访问性、为性能而设计以及该领域的有趣创新上。
参加比赛吧! 它应该非常有趣。 我的贡献是你在网站首页看到的 SVG 动画(点击手柄观看它再次运行),它是在不到 10kB 的情况下使用 SVG 和 GreenSock 创建的,特别感谢 SVGOMG 在 SVG 优化方面的帮助。 Aaron Gustafson 是 Microsoft Edge 的成员,他一直在努力开发网站,你所看到的一切都在 10kB 以内,这真的很酷。
设计更好的数据表格
阅读评论
Matthew Ström 谈论如何通过对齐、规则、标签、背景和所用数字类型来改善数据表格
旧式数字在句子中看起来很好看,因为它们更匹配小写字母的大小和间距;衬线数字更统一,增强了表格的网格结构。
可扩展 Web 组件
阅读评论
Jeremy Keith 对 Web 组件的一些有趣想法,表达了他对此的担忧
将 Service Workers 与 Web 组件进行比较。
首先,问一下“谁从这项技术中获益?” 在 Service Workers 的例子中,是最终用户。 他们获得了速度更快的网站,这些网站能够更好地处理网络故障。 在 Web 组件的情况下,没有直接的最终用户利益。 Web 组件的存在是为了让开发人员的生活更轻松。 这绝对没问题,但是通过使用 Web 组件获得的任何开发人员便利性都不能以牺牲用户为代价——这个代价太高了。
WordPress 中的 SVG 上传(令人不方便的事实)
阅读评论
Bjørn Johansen 解释了为什么
- 在 WordPress 中启用 SVG 上传很容易(几行添加到 functions.php 文件或功能插件中)
- WordPress 不 默认允许它们是有道理的。
Jake Archibald 在评论中写道
事后看来,可能应该有两种内容类型,一种将 SVG 视为完整的文档上下文,另一种将其视为简单的图像(浏览器今天对 SVG 的处理方式,无法执行脚本或启动获取)。
同意。
我还有一个朋友告诉我:“我会买你的 新书,但 WordPress 不允许使用 SVG,而我在 WordPress 上工作。” 我会说,只有媒体上传器不允许使用它们,正如这篇文章所述,启用它们很容易(只要你意识到风险)。 但你可以随意将 SVG 用作主题的一部分。
CSS 写入模式
阅读评论
Ahmad Shadeed 带来了一个货真价实的 CSS 技巧
我注意到一个名为
writing-mode
的 CSS 属性,这是我第一次知道它。 研究后,我了解到它的目的是为了垂直语言脚本,比如汉语或日语。 但是,有趣的是,当把它用于英语时,我们可以非常轻松地创建垂直文本。
即使在英语中,writing-mode: vertical-lr;
也可以帮助我们垂直布局文本,而无需进行大量定位、占位符和变换操作。