最新公告
  • 开通终身SVIP,享全站不限量下载次数-云资源-集成各类网络资源-正在更新中-预计更新到5W+文章开通SVIP
  • 文章介绍
  • 评价建议
  • 资源名称:Web前端开发最佳实践 

    内容简介:

    本书贴近Web前端标准来介绍前端开发相关最佳实践,目的在于让前端开发工程师提高编写代码的质量,重视代码的可维护性和执行性能,让初级工程师从入门开始就养成一个良好的编码习惯。本书总共分五个部分13章,第一部分包括第1章和第2章,介绍前端开发的基本范畴和现状,并综合介绍前端开发的一些最佳实践;第二部分为第3-5章,讲解HTML相关的最佳实践,并简单介绍HTML5中新标签的使用;第三部分为第6-8章,介绍CSS相关最佳实践,同时介绍CSS3相关开发的实践;第四部分包括第9-11章,介绍Javascript相关最佳实践;第四部分包括第12章和第13章,介绍移动Web前端开发基本概况和相关最佳实践。

    资源截图:

    前 言

    第一部分 高效Web前端开发综述

    第1章 Web前端开发概述 2

    1.1 Web前端开发的范畴 2

    1.1.1 什么是Web前端开发 2

    1.1.2 Web前端开发需要具备的技能 3

    1.2 Web前端开发现状 6

    1.3 规范的Web前端代码:更易维护、更高性能和更安全 9

    第2章 高效Web前端开发 11

    2.1 前端代码的结构组织和文件的命名 11

    2.2 前端代码重构 13

    2.3 合理使用前端框架 15

    2.4 多浏览器测试:多测试,早测试 16

    2.5 Web前端代码开发和调试 19

    2.5.1 Web前端集成开发环境 19

    2.5.2 Web前端代码调试 20

    2.5.3 Web前端性能分析 21

    2.5.4 代码和资源的压缩与合并 22

    2.6 前端代码基本命名规范和格式规范 25

    2.6.1 HTML命名规范及格式规范 25

    2.6.2 CSS命名规范及格式规范 27

    2.6.3 Javascript命名规范及格式规范 30

    第二部分 HTML最佳实践

    第3章 标准的HTML代码 36

    3.1 验证代码是否符合标准 36

    3.2 标准的HTML页面结构 39

    3.3 正确闭合HTML标签 40

    3.4 停止使用不标准的标签和属性,简化HTML代码 41

    3.5 样式与结构分离 43

    3.6 添加Javascript禁用的提示信息 45

    3.7 添加必要的[meta]标签 49

    第4章 高可读性的HTML 53

    4.1 HTML语义化 53

    4.2 如何设置网页标题层级 58

    4.3 如何正确设计表单 60

    4.4 精简HTML代码 65

    4.5 过时的块状元素和行内元素 68

    第5章 积极拥抱HTML5 71

    5.1 HTML5新特性的使用 71

    5.1.1 使用HTML5中简化的定义方式 72

    5.1.2 使用HTML5中的新标签和新属性 73

    5.2 不要使用HTML5中已废弃的标签和属性 78

    5.3 如何处理浏览器的兼容问题 79

    第三部分 CSS最佳实践

    第6章 高维护性的CSS 84

    6.1 如何高效地组织CSS代码 84

    6.2 使用CSS Reset:统一浏览器显示效果 89

    6.3 给CSS样式定义排序 94

    6.4 合理利用CSS的权重:提高代码的重用性 97

    6.5 CSS代码的兼容性:如何兼容IE浏览器 101

    6.6 em、px还是% 104

    第7章 高性能的CSS 109

    7.1 使用高效的CSS选择器 109

    7.2 CSS相关的图片处理 112

    7.3 减少CSS的代码量 116

    7.4 其他CSS高性能实践 120

    第8章 CSS3相关最佳实践 122

    8.1 查看浏览器的支持情况 122

    8.2 添加必要的浏览器前缀 123

    8.3 做好CSS3中新特性的兼容处理 127

    第四部分 Javascript最佳实践

    第9章 高维护性的Javascript 132

    9.1 养成良好的编码习惯,提高代码的可维护性 132

    9.2 使用更严格的编码格式 138

    9.3 事件处理和业务逻辑分离 141

    9.4 配置数据和代码逻辑分离 142

    9.5 逻辑与结构样式分离 145

    9.5.1 从Javascript代码逻辑中分离CSS样式 145

    9.5.2 从Javascript代码逻辑中分离HTML结构 146

    9.6 Javascript模板的使用 149

    9.7 在Javascript开发中应用MVC模式 152

    9.8 Javascript模块化开发 154

    9.9 合理使用AJAX技术 156

    第10章 高性能的Javascript 159

    10.1 加快Javascript文件的加载速度 159

    10.2 养成良好的编码习惯,提高代码运行速度 162

    10.3 使用高性能的变量或属性值读取方式 165

    10.4 高效的DOM操作 168

    10.5 使用辅助工具优化Javascript代码性能 173

    第11章 高安全性的Javascript 178

    11.1 常见的Web前端攻击方式 179

    11.2 不要轻易信任任何外部传入的数据 180

    11.3 其他前端安全防范实践 183

    第五部分 移动Web前端开发

    第12章 移动Web前端开发最佳实践 186

    12.1 移动Web前端开发概述 187

    12.1.1 主流的移动终端和移动浏览器 187

    12.1.2 移动端和桌面端Web前端开发的差异 188

    12.1.3 如何让桌面Web页面兼容移动设备 190

    12.1.4 开发移动Web站点的准备工作 196

    12.2 移动Web前端开发相关技术最佳实践 199

    12.2.1 HTML相关最佳实践 200

    12.2.2 CSS相关最佳实践 202

    12.2.3 Javascript相关最佳实践 205

    资源截图:

    1.png


    曙光网云资源 » Web前端开发最佳实践_前端开发教程

    常见问题FAQ

    免费下载或者VIP会员专享资源能否直接商用?
    本站所有资源版权均属于原作者所有,这里所提供资源均只能用于参考学习用,请勿直接商用。若由于商用引起版权纠纷,一切责任均由使用者承担。更多说明请参考 VIP介绍。
    提示下载完但解压或打开不了?
    最常见的情况是下载不完整: 可对比下载完压缩包的与网盘上的容量,若小于网盘提示的容量则是这个原因。这是浏览器下载的bug,建议用百度网盘软件或迅雷下载。若排除这种情况,可在对应资源底部留言,或 联络我们.。
    找不到素材资源介绍文章里的示例图片?
    对于PPT,KEY,Mockups,APP,网页模版等类型的素材,文章内用于介绍的图片通常并不包含在对应可供下载素材包内。这些相关商业图片需另外购买,且本站不负责(也没有办法)找到出处。 同样地一些字体文件也是这种情况,但部分素材会在素材包内有一份字体下载链接清单。