web前端
BraveSoul360
海到尽头天作岸,山登绝顶我为峰
展开
-
重学前端-总结:前言,从今天起,重新理解前端
谷歌刚刚基于 Ajax 发布的 Gmail 也没多久,虽然这项…极客时间版权所有: https://time.geekbang.org/column/article/77345总结:重学前端——1、开篇词 | 从今天起,重新理解前端,从最开始的多屏适配方案、基础库、工具链到页面搭建平台和性能…极客时间版权所有: https://time.geekbang.org/column/articl...原创 2019-02-21 00:13:10 · 1397 阅读 · 1 评论 -
重学前端-总结:09、CSS语法:除了属性和选择器,你还需要知道这些带@的规则
重学前端-总结:09、CSS语法:除了属性和选择器,你还需要知道这些带@的规则文章目录重学前端-总结:09、CSS语法:除了属性和选择器,你还需要知道这些带@的规则资料at 规则@charset@import@media@page@ counter-style@ key-frames@ fontface@ support@ namespace@ viewport其它普通规则选择器声明:属性和值...原创 2019-02-24 16:19:46 · 441 阅读 · 0 评论 -
重学前端-总结:10 、浏览器:一个浏览器是如何工作的?(阶段一)
重学前端-总结:10 、浏览器:一个浏览器是如何工作的?(阶段一)文章目录重学前端-总结:10 、浏览器:一个浏览器是如何工作的?(阶段一)前言浏览器到底是如何工作HTTP 协议实验HTTP 协议格式HTTP Method(方法)HTTP Status code(状态码)和 Status text(状态文本)HTTP Head (HTTP 头)请求头响应头HTTP Request BodyHTT...原创 2019-02-24 17:13:34 · 238 阅读 · 0 评论 -
重学前端-总结:11 、浏览器:一个浏览器是如何工作的?(阶段二)
重学前端-总结:11 、浏览器:一个浏览器是如何工作的?(阶段二)文章目录重学前端-总结:11 、浏览器:一个浏览器是如何工作的?(阶段二)前言上节内容本节内容:个过程:解析代码词(token)是如何被拆分的状态机原理构建 DOM 树前言上节内容览器使用 HTTP 协议或者 HTTPS 协议,向服务1端请求页面的过程。本节内容:个过程:如何解析请求回来的 HTML 代码?DOM 树又...原创 2019-02-24 17:47:18 · 551 阅读 · 0 评论 -
重学前端-总结:12 、浏览器:一个浏览器是如何工作的(阶段三)
重学前端-总结:12 、浏览器:一个浏览器是如何工作的(阶段三)文章目录重学前端-总结:12 、浏览器:一个浏览器是如何工作的(阶段三)后代选择器 “空格”后继选择器“ ~ ”子代选择器“ >”直接后继选择器“ +”列选择器“ || ”其它实际上,CSS 规则是并不是等DOM 树构建好了以后,再进行选择并给它添加样式的。所谓的选择器,应该被理解成“匹配器”才更合适。CSS 选择器...原创 2019-02-24 19:57:16 · 227 阅读 · 0 评论 -
重学前端-总结:13、浏览器:一个浏览器是如何工作的?(阶段四)
重学前端-总结:13、浏览器:一个浏览器是如何工作的?(阶段四)文章目录重学前端-总结:13、浏览器:一个浏览器是如何工作的?(阶段四)前言基本概念正常流文字排版正常流中的盒绝对定位元素浮动元素排版其它的排版前言上节:构建 DOM 树和计算 CSS 属性本节:表格相关排版、flex 排版和 grid 排版基本概念**“排版”**这个概念最初来自活字印刷,是指我们把一个一个的铅字根据...原创 2019-02-24 20:12:28 · 339 阅读 · 0 评论 -
重学前端-总结:14、浏览器:一个浏览器是如何工作的?(阶段五)
重学前端-总结:14、浏览器:一个浏览器是如何工作的?(阶段五)浏览器处理过程:URL 变成字符流,把字符流变成词(token)流,把词(token)流构造成 DOM 树,把不含样式信息的 DOM 树应用 CSS 规则,变成包含样式信息的 DOM 树根据样式信息,计算了每个元素的位置和大小。渲染浏览器中渲染这个过程:把每一个元素对应的盒变成位图。这里的元素包括 HTML 元素和...原创 2019-02-24 21:33:00 · 195 阅读 · 0 评论 -
重学前端-总结:15、HTML元信息类标签:你知道head里一共能写哪几种标签吗?
重学前端-总结:15、HTML元信息类标签:你知道head里一共能写哪几种标签吗?文章目录重学前端-总结:15、HTML元信息类标签:你知道head里一共能写哪几种标签吗?概念-页面元信息类标签head 标签title 标签base 标签meta 标签具有 charset 属性的 meta具有 http-equiv 属性的 metaname 为 viewport 的 meta其它预定义的 met...原创 2019-02-24 21:55:25 · 724 阅读 · 0 评论 -
重学前端-总结:16、JavaScript执行(一):Promise里的代码为什么比setTimeout先执行
重学前端-总结:16、JavaScript执行(一):Promise里的代码为什么比setTimeout先执行文章目录重学前端-总结:16、JavaScript执行(一):Promise里的代码为什么比setTimeout先执行前言宏观和微观任务Promise新特性:async/await小练习前言在 ES5 之后,JavaScript 引入了 PromiseJavaScript 引擎本身...原创 2019-02-24 23:12:44 · 405 阅读 · 2 评论 -
重学前端-总结:新年彩蛋 、2019,有哪些前端技术值得关注?
文章目录重学前端-总结:新年彩蛋 、2019,有哪些前端技术值得关注?进击吧,图形学!包管理的救赎智能研发,前端有责重学前端-总结:新年彩蛋 、2019,有哪些前端技术值得关注?进击吧,图形学!在淘宝工作的后期,我也有很大一部分精力放在了图形学上面,我是深刻地感觉到,在未来,图形学会和前端结合的更紧密。这是由于我觉得图形实际上是 UI 最重要的一部分计算机科学,同时它也是计算机领域里面的一个...原创 2019-02-24 15:43:40 · 587 阅读 · 0 评论 -
重学前端-总结:08、JavaScript对象:你知道全部的对象分类吗?
文章目录重学前端-总结:08、JavaScript对象:你知道全部的对象分类吗?JavaScript 中的对象分类宿主对象内置对象·固有对象内置对象·原生对象用对象来模拟函数与构造器:函数对象与构造器对象特殊行为的对象总结重学前端-总结:08、JavaScript对象:你知道全部的对象分类吗?JavaScript 中的对象分类我们可以把对象分成几类。宿主对象(host Objects)...原创 2019-02-23 21:40:50 · 524 阅读 · 0 评论 -
重学前端-总结:07、JavaScript对象:我们真的需要模拟类吗?
重学前端-总结:07、JavaScript对象:我们真的需要模拟类吗?JavaScript 本身就是面向对象的,它并不需要模拟,只是它实现面向对象的方式和主流的流派不太一样,所以才让很多人产生了误会。什么是原型?JavaScript 并非第一个使用原型的语言,在它之前,self、kevo 等语言已经开始使用原型来描述对象。原型系统的“复制操作”有两种实现思路:一个是并不真的去复制一个原...原创 2019-02-23 20:55:54 · 2203 阅读 · 4 评论 -
重学前端-总结:1、明确你的前端学习路线与方法
重学前端-总结:2、明确你的前端学习路线与方法到现在为止,前端工程师已经成为研发体系中的重要岗位之一。可是,与此相对的是,极少或者几乎没有大学的计算机专业愿意开设前端课程,更没有系统性的教学方案出现。大部分前端工程师的知识,其实都是来自于实践和工作中零散的学习。目前前端存在几大问题:1、前端的基础知识不牢固2、技术上存在短板,就会导致前端开发者的上升通道不甚顺畅。3、前端工程师也会面临技...原创 2019-02-23 01:06:58 · 542 阅读 · 0 评论 -
Ionic3.x/Ionic4.x项目实战视频教程
前言Ionic(ionicframework)号称国内外知名的最有潜力的一款html5移动app开发框架和Angular移动端解决方案,适用于移动app开发,wap网站开发,微信网站开发。而Angular是谷歌公司的一款优秀的web前端框架。本教程包括Angular7.x基础入门,Ionic3.x入门到实战(打造京东商城项目),从基础入门到项目实战,由浅入深,循序渐进,手把手教学,快速掌握Io...原创 2019-02-23 01:38:03 · 1990 阅读 · 0 评论 -
重学前端-总结:02 、列一份前端知识架构图
02 | 列一份前端知识架构图2019-01-19 winter朗读:winter时长15:35大小14.28M你好,我是 winter。在上一篇文章中,我们简要地总结了前端的学习路径与方法,我们提到的第一个学习方法就是:建立知识框架。那么,今天我们就一起来列一份前端的知识框架图。在开始列框架之前,我想先来谈谈我们的目标。实际上,我们在网上可以找到很多参考资料,比如 MDN 这样...原创 2019-02-23 02:19:05 · 408 阅读 · 0 评论 -
重学前端-总结:03 、HTML语义:div和span不是够用了吗?
重学前端-总结:03 、HTML语义:div和span不是够用了吗?前言HTML 并不简单,它是典型的“入门容易,精通困难”的一部分知识。深刻理解 HTML 是成为优秀的前端工程师重要的一步。语义类标签是什么,使用它有什么好处?概念语义类标签也是大家工作中经常会用到的一类标签,它们的特点是视觉表现上互相都差不多,主要的区别在于它们表示了不同的语义,比如大家会经常见到的 section、n...原创 2019-02-23 02:56:22 · 545 阅读 · 0 评论 -
重学前端-总结:04、如何运用语义类标签来呈现Wiki网页?
文章目录重学前端-总结:04、如何运用语义类标签来呈现Wiki网页?前言标签介绍aside-导航性质内容article-文章主体部分hgroup, h1, h2-标题组abbr-表示缩写hr-横向分隔p-普通的段落strong-加粗强调blockquote, q, cite-文字引用time-时间描述figure, figcaption-表示与主文章相关的图像、照片等流内容dfn-包裹被定义的名词...原创 2019-02-23 15:42:30 · 554 阅读 · 0 评论 -
重学前端-总结:05、JavaScript类型:关于类型,有哪些你不知道的细节?
文章目录重学前端-总结:05、JavaScript类型:关于类型,有哪些你不知道的细节?类型Undefined、NullBooleanStringNumberSymbolObject类型转换StringToNumberNumberToString装箱转换拆箱转换结语重学前端-总结:05、JavaScript类型:关于类型,有哪些你不知道的细节?为什么有的编程规范要求用 void 0 代替 u...原创 2019-02-23 16:59:18 · 967 阅读 · 0 评论 -
重学前端-总结:06 、JavaScript对象:面向对象还是基于对象?
文章目录重学前端-总结:06 、JavaScript对象:面向对象还是基于对象?什么是面向对象?背景JavaScript 对象的特征-JavaScript 对象的两类属性结语重学前端-总结:06 、JavaScript对象:面向对象还是基于对象?如何定义面向对象和基于对象”这个问题。实际上,基于对象和面向对象两个形容词都出现在了 JavaScript 标准的各个版本当中。我们可以先看看 J...原创 2019-02-23 17:59:30 · 231 阅读 · 0 评论 -
十大编译器网站名称
网上十大编译器网站名称1)Ideone.com | 在线IDE和调试工具>> C / C ++,Java,PHP,Python,Perl和40+编译器和解释器在线IDE和调试工具www.ideone.com2)键盘codepad.org是一个在线编译/解释器,以及一个简单的协作工具。这是一个为您执行代码的粘贴箱。你粘贴你的代码,并且键盘运行它,并给你一个简短的URL,你可以用...原创 2019-02-23 18:38:21 · 2338 阅读 · 0 评论 -
重学前端-总结:17 、JavaScript执行(二):闭包和执行上下文到底是怎么回事?
重学前端-总结:17 、JavaScript执行(二):闭包和执行上下文到底是怎么回事?上节讲:由 JavaScript 引擎发起”还是“由宿主发起”,分成了宏观任务和微观任务,本节讲:函数的执行常见的名称概念有:闭包;作用域链;执行上下文;this 值。函数执行过程相关的知识图:闭包概念闭包翻译自英文单词 closure编译原理中,它是处理语法产生式的一个步骤;计...原创 2019-03-12 00:12:36 · 456 阅读 · 2 评论