当前位置:首页 > 程序设计 >
《现代前端技术解析》电子书封面

现代前端技术解析

  • 发布时间:2020年05月30日 09:24:08
  • 作者:张成文
  • 大小:44.8 MB
  • 类别:前端技术电子书
  • 格式:PDF
  • 版本:高清版
  • 评分:9.3

    现代前端技术解析 PDF 高清版

      给大家带来的一篇关于前端技术相关的电子书资源,介绍了关于前端技术、解析方面的内容,本书是由电子工业出版社出版,格式为PDF,资源大小44.8 MB,张成文编写,目前豆瓣、亚马逊、当当、京东等电子书综合评分为:7.4。

      内容介绍

      现代前端技术解析》是一本以当代前端技术观念与基础理论为具体内容的书。前端技术发展趋势快速,涉及到的技术性点许多,大家通常必须阅读文章许多书藉才可以了解前端技术的知识体系。《现代前端技术解析》在前端开发知识体系上干了非常好的小结和整理,包含了当代前端技术绝大多数的专业知识內容,具有一个启蒙教育功效,能协助读者迅速掌握前端技术的全部多元性,塑造更健全的系统化思维,把握大量灵便的前端代码构架方式,使读者得到变成高級前端开发或系统架构师所务必具有的思维和能力。

      目录

      • 第1章 Web前端技术基础 1
      • 1.1 现代Web前端技术发展概述 1
      • 1.1.1 现代Web前端技术应用 1
      • 1.1.2 现代Web前端技术概述 4
      • 1.1.3 Web前端技术发展 6
      • 1.2 浏览器应用基础 10
      • 1.2.1 浏览器组成结构 10
      • 1.2.2 浏览器渲染引擎简介 12
      • 1.2.3 浏览器数据持久化存储技术 20
      • 1.3 前端高效开发技术 34
      • 1.3.1 前端高效开发工具 34
      • 1.3.2 前端高效调试工具 36
      • 1.4 本章小结 42
      • 第2章 前端与协议 43
      • 2.1 HTTP协议简介 43
      • 2.1.1 HTTP协议概述 43
      • 2.1.2 HTTP 1.1 45
      • 2.1.3 HTTP 2 51
      • 2.2 web安全机制 53
      • 2.2.1 基础安全知识 53
      • 2.2.2 请求劫持与HTTPS 57
      • 2.2.3 HTTPS协议通信过程 59
      • 2.2.4 HTTPS协议解析 61
      • 2.2.5 浏览器Web安全控制 63
      • 2.3 前端实时协议 64
      • 2.3.1 WebSocket通信机制 65
      • 2.3.2 Poll和Long-poll 66
      • 2.3.3 前端DDP协议 70
      • 2.4 RESTful数据协议规范 71
      • 2.5 与Native交互协议 73
      • 2.5.1 Hybrid App应用概述 74
      • 2.5.2 Web到Native协议调用 74
      • 2.5.3 Native到Web协议调用 77
      • 2.5.4 JSBridge设计规范 78
      • 2.6 本章小结 81
      • 第3章 前端三层结构与应用 82
      • 3.1 HTML结构层基础 83
      • 3.1.1 必须要知道的DOCTYPE 83
      • 3.1.2 Web语义化标签 84
      • 3.1.3 HTML糟糕的部分 87
      • 3.1.4 AMP HTML 90
      • 3.2 前端结构层演进 94
      • 3.2.1 XML与HTML简述 94
      • 3.2.2 HTML5标准 95
      • 3.2.3 HTML Web Component 96
      • 3.3 浏览器脚本演进历史 102
      • 3.3.1 CoffeeScript时代 103
      • 3.3.2 ECMAScript标准概述 105
      • 3.3.3 TypeScript概况 105
      • 3.3.4 JavaScript衍生脚本 106
      • 3.4 JavaScript标准实践 107
      • 3.4.1 ECMAScript 5 107
      • 3.4.2 ECMAScript 6 113
      • 3.4.3 ECMAScript 7+ 128
      • 3.4.4 TypeScript 130
      • 3.5 前端表现层基础 131
      • 3.5.1 CSS发展概述 131
      • 3.5.2 CSS选择器与属性 132
      • 3.5.3 简单的应用举例 133
      • 3.6 前端界面技术 135
      • 3.6.1 CSS样式统一化 136
      • 3.6.2 CSS预处理 138
      • 3.6.3 表现层动画实现 141
      • 3.6.4 CSS4与展望 149
      • 3.7 响应式网站开发技术 149
      • 3.7.1 响应式页面实现概述 149
      • 3.7.2 结构层响应式 152
      • 3.7.3 表现层响应式 160
      • 3.7.4 行为层响应式 166
      • 3.8 本章小结 167
      • 第4章 现代前端交互框架 168
      • 4.1 直接DOM操作时代 168
      • 4.2 MV*交互模式 176
      • 4.2.1 前端MVC模式 176
      • 4.2.2 前端MVP模式 180
      • 4.2.3 前端MVVM模式 181
      • 4.2.4 数据变更检测示例 185
      • 4.3 Virtual DOM交互模式 193
      • 4.3.1 Virtual DOM设计理念 193
      • 4.3.2 Virtual DOM的核心实现 196
      • 4.4 前端MNV*时代 200
      • 4.4.1 MNV*模式简介 201
      • 4.4.2 MNV*模式实现原理 201
      • 4.5 本章小结 203
      • 第5章 前端项目与技术实践 204
      • 5.1 前端开发规范 204
      • 5.1.1 前端通用规范 205
      • 5.1.2 前端HTML规范 208
      • 5.1.3 前端CSS规范 212
      • 5.1.4 ECMAScript 5常用规范 218
      • 5.1.5 ECMAScript 6+ 参考规范 222
      • 5.1.6 前端防御性编程规范 227
      • 5.2 前端组件规范 229
      • 5.2.1 UI组件规范 230
      • 5.2.2 模块化规范 233
      • 5.2.3 项目组件化设计规范 237
      • 5.3 自动化构建 242
      • 5.3.1 自动化构建的目的 243
      • 5.3.2 自动化构建原理 243
      • 5.3.3 构建工具设计的问题 246
      • 5.4 前端性能优化 248
      • 5.4.1 前端性能测试 248
      • 5.4.2 桌面浏览器前端优化策略 253
      • 5.4.3 移动端浏览器前端优化策略 258
      • 5.5 前端用户数据分析 266
      • 5.5.1 用户访问统计 266
      • 5.5.2 用户行为分析 267
      • 5.5.3 前端日志上报 270
      • 5.5.4 前端性能分析上报 275
      • 5.6 前端搜索引擎优化基础 275
      • 5.6.1 title、keywords、description的优化 275
      • 5.6.2 语义化标签的优化 277
      • 5.6.3 URL规范化 278
      • 5.6.4 robots 279
      • 5.6.5 sitemap 279
      • 5.7 前端协作 280
      • 5.7.1 沟通能力和沟通技巧 280
      • 5.7.2 与产品经理的“对抗” 281
      • 5.7.3 与后台工程师的合作 281
      • 5.7.4 与运维工程师的“周旋” 282
      • 5.7.5 对前端团队的支持 282
      • 5.8 本章小结 283
      • 第6章 前端跨栈技术 284
      • 6.1 JavaScript跨后端实现技术 284
      • 6.1.1 Node后端开发基础概述 285
      • 6.1.2 早期MEAN简介 288
      • 6.1.3 Node后端数据渲染 289
      • 6.1.4 前后端同构概述 290
      • 6.1.5 前后端同构实现原理 291
      • 6.2 跨终端设计与实现 297
      • 6.2.1 Hybrid技术趋势 297
      • 6.2.2 Hybrid实现方式 299
      • 6.2.3 基于localStorage的资源离线和更新技术 301
      • 6.2.4 基于Native与Web的资源离线和更新技术 308
      • 6.2.5 资源覆盖率统计 310
      • 6.2.6 仍需要注意的问题 311
      • 6.3 本章小结 312
      • 第7章 未来前端时代 313
      • 7.1 未来前端趋势 314
      • 7.1.1 新标准的进化与稳定 314
      • 7.1.2 应用开发技术趋于稳定并将等待下一次革新 314
      • 7.1.3 持续不断的技术工具探索 315
      • 7.1.4 浏览器平台新特性的应用 315
      • 7.1.5 更优化的前端技术开发生态 315
      • 7.1.6 前端新领域的出现 316
      • 7.2 做一名优秀的前端工程师 318
      • 7.2.1 学会高效沟通 318
      • 7.2.2 使用高效的开发工具 319
      • 7.2.3 处理问题方法论 319
      • 7.2.4 学会前端项目开发流程设计 320
      • 7.2.5 持续的知识和经验积累管理 321
      • 7.2.6 切忌过分追求技术 321
      • 7.2.7 必要的产品设计思维 322
      • 7.3 本章小结 323

      学习笔记

      web前端vue filter 过滤器

      vue的过滤器通常用在一些常见的文本格式化,过滤器可以用在两个地方:双花括号插值和 v-bind 表达式。 比如给价格自动加上中文的钱的字符“¥”或者是给一个时间段或(时间戳)相互之间的转换过滤。 在javascript和jquery的年代!时间段的显示或者是提交,都是要在显示的时候要转换下或者提交的时候转换下,这样就有点繁琐了(个人用了vue后的感觉繁琐了)。 不多说直接看例子如下: filter定义的过滤器可以局部,可以全局的下面就直接说全局的 老样子还是等先注册一个全局的过滤器关键字(filter) 全局的注册过滤器是在main.js这个文件里,当然也可以单独的一个js文件里 Vue.filter('dateconversion', fu……

      template.js前端模板引擎使用详解

      本文介绍了template.js前端模板引擎使用,分享给大家,具体如下: 下载地址:https://github.com/yanhaijing/template.js 作者编写的文档:https://github.com/yanhaijing/template.js/blob/master/README.md 源码学习 默认的开始标签和结束标签分别是: sTag: '%',//开始标签,可以重写,我项目中使用的是: eTag: '%',//结束标签,我项目中使用的是: 快速上手 编写模板 使用一个type=”text/html”的script标签存放模板,或者放到字符串中: script id="tpl" type="text/html"ul %for(var i = 0; i list.length; i++) {% li%:=list[i].name%/li %}%/ul/script 渲染模板 var tpl = document.getElementById('tpl').innerHTML;template(tpl, {list: [{name: "yan"},{name: "haijing"}]}); 输出: ul liyan/li lihaijing/li/ul……

      vue-router 前端路由之路由传值的方式详解

      路由传值 在前端的路由里面,我们在切换路由的时候,也相当于切换了页面,页面与页面之前有时候需要做到传值 ,这个时候就需要进行路由传值,在VueRouter里面,两个路由之间做跳转的时候,如何进行传值呢? 普通跨页面传值: 1.通过localStorage setItem() getItem() 2.通过search(地址栏 ? 后面的参数) VueRouter的路由传值 VueRouter的路由传值有两种方式 jquery传值。 类似get传值 传值的路由 this.$router.push({ path: "/login?uname=" + this.userName}); 传值路由第二种写法 this.$router.push({ path: "/login", query: { uname: this.userName }}); 接收值的路由 console.log("接收过来的值为:" + this.$route.query.uname); //这里是$route 没有r ---- params传值 。路径……

      微信小程序前端自定义分享的实现方法

      背景 目前手上有一个小程序的项目,希望转发时分享消息的界面能够自定义,然而微信小程序只提供设置图片的url和title。 /** * 用户点击右上角分享 */ onShareAppMessage: function() { return { imageUrl:'', title:'' }; } 实现 我们要转发的显示内容多了一点东西:头像,用户名和点赞数。好在这个排版不是很复杂,所以我们思考了一下通过canvas去生成一张图片再return canvas所生成的图片url。 代码如下(其实还要作出一些显示上的优化,具体你们自己去调试): 先在页面里新建一个canvas 标签 canvas canvas-id="canvasid" wx:if="{{canvasShow}}"/canvas let context = wx.createCanvasContext('canvasid') context.drawImage(back.path, 0, 60, backWidth, backHeight) //绘制下……

      vue+axios 前端实现登录拦截的两种方式(路由拦截、http拦截)

      一、路由拦截 登录拦截逻辑 第一步:路由拦截 首先在定义路由的时候就需要多添加一个自定义字段requireAuth,用于判断该路由的访问是否需要登录。如果用户已经登录,则顺利进入路由, 否则就进入登录页面。 const routes = [ { path: '/', name: '/', component: Index }, { path: '/repository', name: 'repository', meta: { requireAuth: true, // 添加该字段,表示进入这个路由是需要登录的 }, component: Repository }, { path: '/login', name: 'login', component: Login }]; 定义完路由后,我们主要是利用vue-router提供的钩子函数beforeEach()对路由进行判断。 router.beforeEach((to, from, next) = { if (to.meta.requireAuth) { // 判断该路由是否需要登录权限 if (store.state.token) {……

      以上就是本次介绍的前端技术电子书的全部相关内容,希望我们整理的资源能够帮助到大家,感谢大家对码农之家的支持。

      上一篇:React Native跨平台移动应用开发

      下一篇:Clojure编程乐趣

      展开 +

      收起 -

      下载地址:百度网盘下载
      前端技术相关电子书
      移动Web前端高效开发实战
      移动Web前端高效开发实战 原版扫描版 立即下载
      Web前端开发精品课:HTML与CSS基础教程
      Web前端开发精品课:HTML与CSS基础教程 高清版

      Web前端开发精品课:HTML与CSS基础教程 结合大量开发实战经验,将前端开发知识系统化整理,浓缩精华,用通俗易懂的语言直指初学者的痛点。 全书分为两部分:首部分是HTML基础知识,帮助读

      立即下载
      Web前端自动化构建
      Web前端自动化构建 全书扫描版 立即下载
      疯狂前端开发讲义:jQuery+AngularJS+Bootstrap前端开发实战
      疯狂前端开发讲义:jQuery+AngularJS+Bootstrap前端开发实战 清晰扫描版 立即下载
      前端体验设计:HTML5+CSS3终极修炼
      前端体验设计:HTML5+CSS3终极修炼 影印中文版

      本书是Web设计畅销书《超越CSS》作者力作,结合当前移动互联网下的硬件变化情 况,以一个Web设计开发者的视角,将老的工作方法与新技术相结合,通过丰富的案例 为读者展示了如何设计高效、充满创意的Web页面和应用,并通过挖掘高级布局方式、无障碍 页面、语义化标签、高级CSS技巧等内容,快速提升读者的视野与设计开发水平。 此外,腾讯FERD团队(前端研发中心)在翻译本书的过程中,不仅严谨精准地表达出了作者 的观点,又兼顾了国内行业的

      立即下载
      黑马程序员面试题汇总(java/数据库/前端)
      黑马程序员面试题汇总(java/数据库/前端) 高质量版

      此套教程整理了网上总结的面试题,有java面试题,jq面试题,jsp、servlet、ajax面试题,mysql面试题,oracle面试题,redis教案,也有最近时间总结的公司面试题,涉及的层面虽然不是很多,但是应对面试 应该还是可以的。 文件夹大概有20兆的大小,所以面试题数量也是不少的,里面也包含了一些总结和见解,比如说在集合方面的知识点有实现的各自特点,他们之间的区别,以及等等原理和实现的细节,还包含了java和前端的面试宝典,一个宝典大概有500页左

      立即下载
      前端工程师必备技能:Vue移动开发实战技巧
      前端工程师必备技能:Vue移动开发实战技巧 影印超清版

      Vue.js是一个渐进式的JavaScript 框架,与其他重量级框架不同的是,Vue 采用自底向上增量开发的设计。Vue 的核心库只关注视图层,它不仅易于上手,还便于与第三方库或既有项目整合。作为201

      立即下载
      高效前端:Web高效编程与优化实践
      高效前端:Web高效编程与优化实践 清晰影印版

      本书精选了前端开发中的34个疑难问题,从分析问题入手,逐步给出解决方案,并分析各种方案的优劣,并总结出高效编程的最佳实践和各种性能优化的方法

      立即下载
      读者留言
      Ms.沈琪

      Ms.沈琪 提供上传

      资源
      49
      粉丝
      48
      喜欢
      73
      评论
      2

      Copyright 2018-2020 www.xz577.com 码农之家

      版权投诉 / 书籍推广 / 赞助:520161757@qq.com