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- 阅读剩余部分 -

当我学习es6的时候,Promise是比较新的解决回调的方案,然后今年去年就比较流行asynac来解决咯;首先回顾一下回调地狱是怎么形成的;function ajax(fn){setTimeout(()=>{ console.log('你好') },1000)}//callback回调地狱ajax(()=>{console.log("执行结束")ajax(()=>{ajax(()=>{ajax(()=>{})})})console.log("执行结束")})这个是比较经典的callback回调地狱啦,我们如果这样书写嵌套,一些参数可能会比较恼人- 阅读剩余部分 -