资讯专栏INFORMATION COLUMN

前端阅读笔记 2016-11-16

陈江龙 / 493人阅读

摘要:对来说,百分比都是按照父元素的宽度来计算的百分比值的则是按照父元素的高度计算。但是,按照父元素宽高百分比计算是严格的和时,还会涉及到所谓死循环的问题。另外,需要注意,这种是没有意义的。打算利用公众号分享每天的阅读笔记。

常规早读 关于JavaScript中加性操作符的疑问

知乎上看到的 ​@小爝 的回答。对 valueOftoString 方法讲得非常清楚(虽然其实我也没完全明白)。

二维 grid 布局

关于 Grid 布局很详细的讲解。如果链接打不开,还有一个,点击这里。

另外,w3cplus 上有很详细的一系列文章。很棒,有时间可以好好研究。

题外话,大漠在 2013 年就开始关注这方面了。所谓大神,就是超前。

CSS Weekly 239 有一篇 CSS Grid, Flexbox And Box Alignment: Our New System For Web Layout。还有一篇 CSS Grid Layout and Comics,猫超级萌!

不要在控制台上使用 let/const

控制台重度用户(临时记事本、测试代码、计算器),深受其害。

@紫云飞 最近的系列文章都很不错,浅出、深入。摘录一段如下:

var 变量的声明和初始化(成 undefined )都是在“预处理”过程中同时进行的,所以永远不会触发 TDZ 错误。let 的话,声明和初始化是分开的,只有真正执行到 let 语句的时候,才会被初始化。如果只声明不赋值,比如 let foo,foo 会被初始化成 undefined,如果有赋值的话,只有等号右侧的表达式求值成功(不报错),才会初始化成功。一旦错过了初始化的机会,后面再没有弥补的机会。

Node.js Garbage Collection Explained

关于 GC,还有这两篇:

Finding a Memory Leak in Node.js

JavaScript Garbage Collection Improvements

risingstack 系列博客都很不错。之前已经翻译过几篇,译文见我的博客。

可惜最近比较忙,手上的工作加上翻译的事情一堆,无暇顾及。

插一句,翻译真的是很好的学习方式。谢谢众成翻译。

其他

今天主要阅读 CSS Weekly 239。

The State of Responsive 3D Shapes

关于响应式 3D 图形。

话说,作者的 CodePen 也可以收藏哈哈。

首先是各种 CSS 属性的百分比值。对 width、margin、padding 来说,百分比都是按照父元素的宽度来计算的;百分比值的 height 则是按照父元素的高度计算。

但是,按照父元素宽高百分比计算(是严格的 width 和 height)时,还会涉及到所谓“死循环”的问题。可以参考张鑫旭大神的文章。

看到这里,想起现在的老大当初面试我时有个问题是,很多百分比是按照父元素宽度计算,但为什么 transform: translate(-50%, -50%) 这样的情况中是按照元素自身(padding-box)计算的?我当然没答上来。感谢老大当时耐心的解释。另外,需要注意,translateZ(50%) 这种是没有意义的。

Chinese language on the web

关于中文字体排版的一些知识。另外,该文章作者的个人博客上还推荐了自己关注的一些站点,可以作为自己的阅读参考:

Smashing Magazine newsletter

Web Designer Depot newsletter

Web Development Reading List

A List Apart

Boagworld

Codrops

One Extra Pixel

Smashing Magazine

24 Ways

Coding Horror

CSS-tricks

Sitepoint

下面是我的公众号。打算利用公众号分享每天的阅读笔记。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/115330.html

相关文章

  • 前端阅读笔记 2016-11-16

    摘要:对来说,百分比都是按照父元素的宽度来计算的百分比值的则是按照父元素的高度计算。但是,按照父元素宽高百分比计算是严格的和时,还会涉及到所谓死循环的问题。另外,需要注意,这种是没有意义的。打算利用公众号分享每天的阅读笔记。 常规早读 关于JavaScript中加性操作符的疑问 知乎上看到的 ​@小爝 的回答。对 valueOf 和 toString 方法讲得非常清楚(虽然其实我也没完全明白...

    mj 评论0 收藏0
  • 前端阅读笔记 2016-12-01

    摘要:题外话,刚刚意外禁用了页面的脚本,发现页面依然完好如初。不多说,这是月日周四的,包含了最近两天的阅读。因为发了参加第一天的笔记,所以将阅读笔记放在凌晨点后发送。译移动端设计最佳实践移动端设计的一些原则。 题外话,刚刚意外禁用了 Github 页面的脚本,发现页面依然完好如初。 佩服,页面能做到这个地步,老棒了。。。 不多说,这是 12 月 1日周四的 Reading List,包含了最...

    yanwei 评论0 收藏0
  • 前端阅读笔记 2016-11-23

    摘要:今天阅读量不大。工具目前还很初级,名为,可以在上找到,各方面都还有待改进,以支持更多方式。方才确定不是配置的原因。好了,废话不说了,直接上阅读笔记。方面,国内基本仅此一人。请点击阅读原文查看更多,不止这三篇哦晚安 今天阅读量不大。一则今天的文章确实不多,跟踪的 30+ 博客更新不多。二则今天的主要精力在别的事情上。 首先,之前遇到过一些 CSS 精灵图的问题。同样的图标,切下来的尺寸却...

    wind5o 评论0 收藏0
  • 前端阅读笔记 2016-11-17

    摘要:测试数次之后,转而怀疑工具有问题。上午阅读,改代码。下午改代码,听了两个小时的分享,在澳洲工作的前端工程师,很精彩。至今还在因挣扎,无奈另外,今天貌似爆出林丹出轨了这世界啊。今天阅读的文章不多。压缩有损压缩无损压缩以及有损带透明通道压缩。 今天晚上十点才下班。找了一晚上 bug。最后发现代码压缩之后,在 IE 下出现报错。测试数次之后,转而怀疑工具有问题。匆匆证明是代码压缩过程中出现的...

    csRyan 评论0 收藏0
  • 前端阅读笔记 2016-11-25

    摘要:为了防止某些文档或脚本加载别的域下的未知内容,防止造成泄露隐私,破坏系统等行为发生。模式构建函数响应式前端架构过程中学到的经验模式的不同之处在于,它主要专注于恰当地实现应用程序状态突变。严重情况下,会造成恶意的流量劫持等问题。 今天是编辑周刊的日子。所以文章很多和周刊一样。微信不能发链接,点了也木有用,所以请记得阅读原文~ 发个动图娱乐下: 使用 SVG 动画制作游戏 使用 GASP ...

    KoreyLee 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<