发表于 | 更新于: | 分类于 | 阅读次数:

英文原文：A Complete Guide to Grid,感谢zhaozhiming的翻译。

介绍

CSS Grid 布局（又叫“Grid”），是一个基于网格的二维布局系统，目的是为了完全改变我们基于网格设计用户界面的方式。CSS 可以用来做我们的网页布局，但它在这一方面做的不是很好。开始的时候我们使用tables, 然后使用floats，positioning和inline-block，但这些方法本质上都是 hack 的方法并缺少一些重要功能（比如垂直居中）。Flexbox帮助我们解决了问题，但它是简单的一维布局，而不是复杂的二维布局（实际上 Flexbox 和 Grid 可以很好地组合起来使用）。Grid 是第一个专门为了解决那些我们一直使用 hack 手段而导致的页面布局问题而创建的 CSS 模块。

阅读全文 »

发表于 | 更新于: | 分类于 | 阅读次数:

📌 推荐一些实用的好资源

电子书籍

网站 推荐星级 标签
Readfree ⭐️⭐️⭐️⭐️⭐️ 中文/英文、种类多、数量全、有评分、有介绍、活跃度高、需登录
All IT eBooks ⭐️⭐️⭐️⭐️⭐️ 英文、分类全、PDF、高质量
1Bookcase ⭐️⭐️⭐️ 英文、高质量、有介绍、数量较少、有广告
ITBooks ⭐️⭐️⭐️ 中文/英文、高质量、有介绍、数量较少
ePUBee ⭐️⭐️⭐️ 中文/英文、种类多

浏览器插件

发表于 | 更新于: | 分类于 | 阅读次数:

原创，转载请注明出处。

this 的定义

要正确了解 this ，还得先从其定义入手：

  1. this 是函数内部的两个特殊对象之一（另一个为 arguments）；
  2. this 引用的是其所属函数被执行时的环境对象（说白了就是this所属函数的父级对象）
  3. 由于在调用函数之前，其父级对象是不确定的，因此 this 也是不确定的，可能会在代码执行过程中引用不同的对象。

似乎没有 所属函数和父级对象 这两词，只不过我觉得用这两词来描述可能会更容易正确的理解一些。因为《JavaScript 高级程序设计》（中文版）中，后两点确实不太好理解，一个 this对象，一个 this值，以至于我之前一直将其错误地理解成所属函数的引用。

阅读全文 »

发表于 | 更新于: | 分类于 | 阅读次数:

新手指南

Yarn 对你的代码来说是一个包管理器， 你可以通过它使用全世界开发者的代码，或者分享自己的代码。 Yarn 做这些快捷、安全、可靠，所以你不用担心什么。

通过Yarn你可以使用其他开发者针对不同问题的解决方案，使自己的开发过程更简单。 使用过程中遇到问题，你可以将其上报或者贡献解决方案。一旦问题被修复，Yarn会更新保持同步。

代码通过包（package）（或者称为模块（module））的方式来共享。 一个包里包含所有需要共享的代码，以及描述包信息的文件，称为package.json。

阅读全文 »

发表于 | 更新于: | 分类于 | 阅读次数:

mac地址是硬件地址，又被称物理地址是用来定义网络设备的位置。现在很多学校喜欢把用户账号与电脑的mac地址绑定，以确定一台电脑登录一个账号。其实只需要把mac地址修改成他电脑的mac地址就可以使用小伙伴的网线，用小伙伴的账号登录了。
另外当发现自己笔记本连的WiFi被限速或者被拉黑连不上了，同样可以修改无线网卡的mac地址来解除这些限制，因为路由器的限速及拉黑对象都是基于mac地址来识别的。下面看详细教程。

阅读全文 »