众所周知，css的世界，网页布局技术一直是占据着前端工程师几乎每天都会接触的东西；从最早的，table布局，定位，浮动，margin，padding到现在比较先进的flex但是讲真，在flex之前，我们的布局技术感觉力不从心，flex问世之后布局的春天也慢慢来了，但是作为IT界，越晚来的技术一定是最牛逼的，这一点已经在很多框架和技术点上已经见证了，这个技术就是grid!grid作为最先进的网格布局，上手非常快，也非常简单，但是还是有很多专门写css的前端程序员不知道grid，压根没听过，说明渗透率比flex低，所以今天这个文章，老沈保证三分钟看完所有常用知识点，就可以在项目- 阅读剩余部分 -

winter老师说，在他面试和认识的前端开发者中百分之70的人对浏览器是一知半解的状态，对于一个每天每时每刻都会接触的开发工具，我们需要对其浏览器运行过程和HTTP进行一些必要研究，因为这些都是面试中非常常见的考点。 这最近几篇文章，都是前端必知的浏览器知识，而不是浏览器开发者必知浏览器知识。 首先浏览器是如何工作的？其实无非就是把url一请求，浏览器只提供view视图来显示而已，这是对于浏览器开发者来说的。 过程解析：请求使用HTTP或者HTTPS协议，向服务端请求页面 -> 请求回来的HTML被构建成DOM树 -> 计算DOM树上的CSS属性 ->- 阅读剩余部分 -

前端部分，css是最缺乏标准的语言，不像html和js有着大量的规范标准，但是css你几乎找不到一个像他们一样的标准。css的顶层样式表分为at-rule和qualified-rule 一个是at规则，一种是普通规则；我们的at规则是由一个@发起，跟一个区块组成的，如果没有区块是以分号结束的；at规则是远远比普通规则少并且少用的，所以大家可能会对at-rule比较陌生。@charset ： https://www.w3.org/TR/css-syntax-3/ @import ：https://www.w3.org/TR/css-cascade-4/ @media ：htt- 阅读剩余部分 -

HTML5标签中增加了非常多的语义化标签，比如nav，footer诸如此类但是这篇笔记，主要介绍这些语义化标签以及应用的场景作为一个程序员，你肯定就在想，html非常的简单，是我们入门级别的语言但是我想说：html是入门简单，精通非常难，可以完全和后端精通相媲美因为难的指标就是：能够正确运用标签，可能会和自身的“文化”素养挂钩：比如说：语义类标签对开发者更为友好，使用语义类标签增强了可读性，即便是在没有的时候，开发者也能够清晰地看出网页的结构，也更为便于团队的开发和维护。除了对人类友好之外，语义类标签也十分适宜机器阅读。它的文字表现力丰富，更适合搜索引擎检索（SEO），也可- 阅读剩余部分 -

koa2是express框架的原班人马打造，仅仅只有600 700行代码，可谓超轻量级做小程序，博客轻量级程序，可以不用express，koa2也是一个非常不错的选择；首先我们来看看koa2的入门demo吧，首先安装koa2，直接npm安装即可；const koa = require('koa')const app = new koa()app.use(async(ctx,next)=>{ctx.body = '1'//下一个中间件next();//上下文ctx.body = ctx.body+ '2'})app.use(async(ctx,next)=>{ct- 阅读剩余部分 -