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

介绍

CSS Grid 布局(又叫“Grid”),是一个基于网格的二维布局系统,目的是为了完全改变我们基于网格设计用户界面的方式。CSS 可以用来做我们的网页布局,但它在这一方面做的不是很好。开始的时候我们使用tables, 然后使用floatspositioninginline-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地址来识别的。下面看详细教程。

阅读全文 »