编写高质量代码:Web前端开发修炼之道_前端开发教程

资源名称:编写高质量代码:Web前端开发修炼之道

内容简介:

本书以网站重构为楔子,深刻而直接地指出了Web前端开发中存在的重要问题—代码难以维护。如何才能提高代码的可维护性?人是最关键的因素!于是本书紧接着全方位地解析了作为一名合格的前端开发工程师应该掌握的技能和承担的职责,这对刚加入前端开发这一行的读者来说有很大的指导意义。同时,还解读了制定规范和团队合作的重要性。

  本书的核心内容是围绕Web前端开发的三大技术要素——HTML、CSS和Javascript来深入地探讨编写高质量的HTML代码、CSS代码和Javascript代码的方法、技巧、规范和最佳实践,从而为编写易于维护的Web前端代码打下坚实的基础。这不是一本单纯的“技术”书籍,没有系统地讲解Web前端开发的基础知识,它更专注于“技巧”,探索如何为“技术”提供最佳“技巧”。

  本书包含了大量的开发思想和原则,都是作者在长期开发实践中积累下来的经验和心得,不同水平的Web前端开发者都会从中获得启发。尤其是对于那些中初级水平的读者而言,本书是一本不可多得的内功修炼秘籍。

资源目录:

推荐序 

赞誉 

前言 

致谢 

第1章 从网站重构说起 

 1.1 糟糕的页面实现,头疼的维护工作 

 1.2 Web标准—结构、样式和行为的分离 

 1.3 前端的现状 

 1.4 打造高品质的前端代码,提高代码的可维护性—精简、重用、有序 

第2章 团队合作 

 2.1 揭秘前端开发工程师 

 2.2 欲精一行,必先通十行 

 2.3 增加代码可读性—注释 

 2.4 提高重用性—公共组件和私有组件的维护  

 2.5 冗余和精简的矛盾—选择集中还是选择分散 

 2.6 磨刀不误砍柴工—前期的构思很重要 

 2.7 制订规范 

 2.8 团队合作的最大难度不是技术,是人 

第3章 高质量的HTML 

 3.1 标签的语义 

 3.2 为什么要使用语义化标签 

 3.3 如何确定你的标签是否语义良好 

 3.4 常见模块你真的很了解吗 

  3.4.1 标题和内容 

  3.4.2 表单 

  3.4.3 表格 

  3.4.4 语义化标签应注意的一些其他问题3 

第4章 高质量的CSS4 

 4.1 怪异模式和DTD 

 4.2 如何组织CSS 

 4.3 推荐的base.css 

 4.4 模块化CSS—在CSS中引入面向对象编程思想  

  4.4.1 如何划分模块—单一职责 

  4.4.2 CSS的命名—命名空间的概念 

  4.4.3 挂多个class还是新建class —多用组合,少用继承 

  4.4.4 如何处理上下margin 

 4.5 低权重原则—避免滥用子选择器 

 4.6 CSS sprite 

 4.7 CSS 的常见问题 

  4.7.1 CSS的编码风格 

  4.7.2 id和class 

  4.7.3 CSS hack 

  4.7.4 解决超链接访问后hover样式不出现的问题

  4.7.5 hasLayout4 

  4.7.6 块级元素和行内元素的区别 

  4.7.7 display:inline-block 和 hasLayout7 

  4.7.8 relative、absolute和float3 

  4.7.9 居中4 

  4.7.10 网格布局 

  4.7.11 z-index的相关问题以及Flash和IE 6下的select元素 

  4.7.12 插入png图片 

  4.7.13 多版本IE并存方案—CSS的调试利器IETester 

第5章 高质量的Javascript 

 5.1 养成良好的编程习惯 

  5.1.1 团队合作—如何避免JS冲突 

  5.1.2 给程序一个统一的入口—window.onload和DOMReady 

  5.1.3 CSS放在页头,Javascript放在页尾 

  5.1.4 引入编译的概念—文件压缩 

 5.2 Javascript的分层概念和Javascript库 

  5.2.1 Javascript如何分层 

  5.2.2 base层3 

  5.2.3 common层 

  5.2.4 page层4 

  5.2.5 Javascript库 

 5.3 编程实用技巧7 

  5.3.1 弹性7 

  5.3.2 getElementById、getElementsByTagName和getElements-ByClassName3 

  5.3.3 可复用性 

  5.3.4 避免产生副作用9 

  5.3.5 通过传参实现定制3 

  5.3.6 控制this关键字的指向7 

  5.3.7 预留回调接口 

  5.3.8 编程中的DRY规则 

  5.3.9 用hash对象传参 

 5.4 面向对象编程 

  5.4.1 面向过程编程和面向对象编程 

  5.4.2 Javascript的面向对象编程 

  5.4.3 用面向对象方式重写代码 

 5.5 其他问题 

  5.5.1 prototype和内置类 

  5.5.2 标签的自定义属性 

  5.5.3 标签的内联事件和event对象 

  5.5.4 利用事件冒泡机制

  5.5.5 改变DOM样式的三种方式 

附录A 写在规则前面的话 

附录B 命名规则 

附录C 分工安排

附录D 注释规则 

附录E HTML规范 

附录F CSS规范 

附录G Javascript规范

资源截图:

编写高质量代码:Web前端开发修炼之道_前端开发教程

下载权限
查看
  • 免费下载
    评论并刷新后下载
    登录后下载
  • {{attr.name}}:
您当前的等级为
登录后免费下载登录 小黑屋反思中,不准下载! 评论后刷新页面下载评论 支付以后下载 请先登录 您今天的下载次数(次)用完了,请明天再来 支付积分以后下载立即支付 支付以后下载立即支付 您当前的用户组不允许下载升级会员
您已获得下载权限 您可以每天下载资源次,今日剩余
纪录片下载遇到问题? ﹥查看常见问题解决方法

给TA打赏
共{{data.count}}人
人已打赏
前端教程

精通Jav aScri pt动态网页编程(实例版)_前端开发教程

2026-1-29 11:47:58

前端教程

Bootstrap实战_前端开发教程

2026-1-29 11:48:03

免责声明
  • 云朵资源网(下文简称本站)提供的所有内容仅供学习、交流和分享用途,只供参考。
  • 本站资源禁止并谢绝未经本站许可的使用,如若欲转载,请署名以及注明出处,请务必以文字链接的形式标明或保留文章原始出处和作者的信息。
  • 本站(原创)文章、资源、图片等所有内容,一经转载,即表示您已经接受上述声明!需自行承担一切风险与责任!
  • 关于本站的所有留言评论与转载、引用文纯属文字原作者个人观点,与本站观点及立场无关!
0 条回复 A文章作者 M管理员
    暂无讨论,说说你的看法吧
个人中心
今日签到
有新私信 私信列表
搜索