读书笔记-现代前端技术解析
文章平均质量分 75
现代前端技术解析(张成文,电子工业出版社)读书笔记
DxCaesar
这个作者很懒,什么都没留下…
展开
-
现代前端技术解析-第7章 未来前端时代
《现代前端技术解析》第7章阅读笔记笔记章节目录第1章 Web前端技术基础第2章 前端与协议第3章 前端三层结构与应用第4章 现代前端交互框架第5章 前端项目与技术实践一(5.1 前端开发规范)二(5.2 前端组件规范 & 5.3 自动化构建)三(5.3 自动化构建)四(5.5 前端用户数据分析 & 5.6 前端搜索引擎优化基础 & 5.7 前...原创 2020-02-24 11:57:43 · 238 阅读 · 0 评论 -
现代前端技术解析-第6章 前端跨栈技术
《现代前端技术解析》第6章阅读笔记笔记章节目录第1章 Web前端技术基础第2章 前端与协议第3章 前端三层结构与应用第4章 现代前端交互框架第5章 前端项目与技术实践一(5.1 前端开发规范)二(5.2 前端组件规范 & 5.3 自动化构建)三(5.3 自动化构建)四(5.5 前端用户数据分析 & 5.6 前端搜索引擎优化基础 & 5.7 前...原创 2020-02-24 11:57:21 · 386 阅读 · 0 评论 -
现代前端技术解析-第5章 前端项目与技术实践(四)
《现代前端技术解析》第5章阅读笔记(四)2020/02/245.5 前端用户数据分析5.5.1 用户访问统计5.5.2 用户行为分析5.5.3 前端日志上报5.6 前端搜索引擎优化基础5.6.1 title、keywords、description的优化5.6.2 语义化标签的优化5.6.3 URL规范化5.6.4 robots5.6.5 sitemap...原创 2020-02-23 12:26:58 · 301 阅读 · 0 评论 -
现代前端技术解析-第5章 前端项目与技术实践(三)
《现代前端技术解析》第5章阅读笔记(三)2020/02/225.4 前端性能优化前端性能: 通常前端性能可以认为是用户获取所需要页面数据或执行某个页面动作的一个实时性指标,一般以用户希望获取数据的操作到用户实际获取的数据的时间间隔来衡量。5.4.1 前端性能测试Performance Timing API: *(IE9+、WebKit)*用于记录页面加载和解析过程中关键时间点...原创 2020-02-23 12:04:28 · 407 阅读 · 0 评论 -
现代前端技术解析-第5章 前端项目与技术实践(二)
《现代前端技术解析》第5章阅读笔记(二)2020/02/215.2 前端组件规范5.2.1 UI组件规范UI规范一般指UI层设计和实现的规范性及统一。UI层规范的优点: (p230)UI层风格统一化;增加UI层复用性;更符合用户的体验习惯;增加了开发规范的统一性。UI组件规范遵循的基本原则: (p231)UI设计一致性:UI设计出需要统一,相同功能的模块在相...原创 2020-02-22 11:58:40 · 334 阅读 · 0 评论 -
现代前端技术解析-第5章 前端项目与技术实践(一)
《现代前端技术解析》第5章阅读笔记(一)2020/02/195.1 前端开发规范本节的使用规范均为《现代前端技术解析》作者的推荐规范,不是强制规范。5.1.1前端通用规范(推荐规范)(p205-208)最好是在团队中统一规范。三层结构分离: 开发时应该做到3层结构分离,保证他们之间的最小耦合。缩进: 统一使用tab(或4个空格宽度)来进行缩进。内容编码: HTML...原创 2020-02-19 12:25:12 · 223 阅读 · 0 评论 -
现代前端技术解析-第4章 现代前端交互框架
2019/11/114.1 直接DOM操作时代DOM的property和attribute的区别:property通常是指DOM元素对象的属性,比如id、style等自有的、通用的属性(其实是DOM对象的属性);而attribute是指HTML标签的文本标记属性,一般用于自定义的属性。(p170)createDocumentFragment和createElement的区别:create...原创 2020-02-12 11:46:32 · 340 阅读 · 0 评论 -
现代前端技术解析-第3章 前端三层结构与应用
2019/10/22**前端的三层结构:**结构层(HTML)、表现层(CSS)、行为层(JS)。现在的Web前端应用开发早已不是简单的三层结构就能轻松解决的了,而是已经形成了编译流程化、生产环境基础优化结构运行的模式。(p83)3.1 HTML结构层基础**HTML5:**HTML最早是有XML衍生而来,HTML4.01是基于SGML(标椎通用标记语言)规范来制定的。HTML5则...原创 2020-02-12 11:37:04 · 441 阅读 · 0 评论 -
现代前端技术解析-第2章 前端与协议
2019/10/182.1 HTTP协议简介**协议拓展切换:**在请求头中使用 Upgradde:xxx Connection:Upgrade 来切换通信协议。(p46)**HTTP报文头部域字段:**p49-p51。**HTTP2的优点:**HTTP2使用的是SPDY协议。优点如下(p52):HTTP2采用完全二进制格式来传输数据,HTTP1.x使用的是默认文本格式(可以理解为...原创 2020-02-12 11:34:00 · 205 阅读 · 0 评论 -
现代前端技术解析-第1章 Web前端技术基础
第1章 Web前端技术基础2019/10/171.1 现代Web前端技术发展概述Web Component: HTML5的一种组件化规范**webp格式:**一种在不降低图片质量的前提下,储存空间更小的图片格式。1.2 浏览器应用基础**各大浏览器内核:**p12**浏览器组成:**用户界面、浏览器引擎、渲染引擎(也称排版引擎,浏览器内核,用于解析和绘制DOM和CSS)、数据持...原创 2020-02-12 11:31:26 · 340 阅读 · 0 评论