找回密码
 注册

QQ登录

只需一步,快速开始

搜索
[友情小站] 男士宝库 在线ASMR视频站
查看: 13196|回复: 64

编写高质量代码--Web前端开发修炼之道

  [复制链接]

编写高质量代码--Web前端开发修炼之道

  [复制链接]
  • TA的每日心情
    开心
    6 小时前
  • 签到天数: 2684 天

    连续签到: 53 天

    [LV.Master]伴坛终老

    注册时间
    2012-9-3
    最后登录
    2024-11-29

    2万

    主题

    6928

    回帖

    3万

    积分

    管理员

    2012年到2024年,感谢各位会员朋友的支持!

    推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老vip会员

    QQ
    admin
    注册时间
    2012-9-3
    最后登录
    2024-11-29

    2万

    主题

    6928

    回帖

    3万

    积分

    管理员

    2012年到2024年,感谢各位会员朋友的支持!

    推广达人宣传达人突出贡献优秀版主荣誉管理论坛元老vip会员

    QQ
    2014-3-26 10:11:16 | 显示全部楼层 |阅读模式

    Web前端开发修炼之道

    Web前端开发修炼之道


    《编写高质量代码:Web前端开发修炼之道》以网站重构为楔子,深刻而直接地指出了Web前端开发中存在的重要问题-代码难以维护。如何才能提高代码的可维护性?人是最关键的因素!于是《编写高质量代码:Web前端开发修炼之道》紧接着全方位地解析了作为一名合格的前端开发工程师应该掌握的技能和承担的职责,这对刚加入前端开发这一行的读者来说有很大的指导意义。同时,还解读了制定规范和团队合作的重要性。
    《编写高质量代码:Web前端开发修炼之道》的核心内容是围绕Web前端开发的三大技术要素——HTML、CSS和JavaScript来深入地探讨编写高质量的HTML代码、CSS代码和JavaScript代码的方法、技巧、规范和最佳实践,从而为编写易于维护的Web前端代码打下坚实的基础。这不是一本单纯的“技术”书籍,没有系统地讲解Web前端开发的基础知识,它更专注于“技巧”,探索如何为“技术”提供最佳“技巧”。
    《编写高质量代码: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 语义化标签应注意的一些其他问题第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和IE6下的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规范


    下载地址(回复可见,可在线观看)
    游客,如果您要查看本帖隐藏内容请回复





    回复

    使用道具 举报

  • TA的每日心情

    2023-1-11 23:13
  • 签到天数: 260 天

    连续签到: 1 天

    [LV.8]以坛为家I

    5

    主题

    1216

    回帖

    412

    积分

    藏宝阁VIP会员

    积分
    412

    vip会员

    shangshi

    5

    主题

    1216

    回帖

    412

    积分

    藏宝阁VIP会员

    积分
    412

    vip会员

    2014-5-1 19:46:52 | 显示全部楼层
    回复

    使用道具 举报

    匿名  2014-5-28 16:55:09
    回复

    使用道具

    匿名  2014-5-28 16:58:33
    回复

    使用道具

    该用户从未签到

    0

    主题

    58

    回帖

    307

    积分

    中级会员

    积分
    307
    白&云

    0

    主题

    58

    回帖

    307

    积分

    中级会员

    积分
    307
    2014-6-25 20:54:36 | 显示全部楼层
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2021-11-10 09:31
  • 签到天数: 56 天

    连续签到: 1 天

    [LV.5]常住居民I

    12

    主题

    2905

    回帖

    108

    积分

    藏宝阁VIP会员

    积分
    108

    vip会员

    libj

    12

    主题

    2905

    回帖

    108

    积分

    藏宝阁VIP会员

    积分
    108

    vip会员

    2014-9-9 20:15:33 | 显示全部楼层
    回复

    使用道具 举报

  • TA的每日心情
    开心
    2022-10-12 10:06
  • 签到天数: 520 天

    连续签到: 1 天

    [LV.9]以坛为家II

    2

    主题

    1575

    回帖

    175

    积分

    藏宝阁VIP会员

    积分
    175

    vip会员

    方方圆圆

    2

    主题

    1575

    回帖

    175

    积分

    藏宝阁VIP会员

    积分
    175

    vip会员

    2014-12-5 18:00:05 | 显示全部楼层
    回复

    使用道具 举报

  • TA的每日心情
    开心
    5 小时前
  • 签到天数: 101 天

    连续签到: 1 天

    [LV.6]常住居民II

    3

    主题

    674

    回帖

    379

    积分

    藏宝阁VIP会员

    积分
    379

    vip会员

    绝影

    3

    主题

    674

    回帖

    379

    积分

    藏宝阁VIP会员

    积分
    379

    vip会员

    2015-1-17 17:08:42 | 显示全部楼层
    回复

    使用道具 举报

  • TA的每日心情
    开心
    5 小时前
  • 签到天数: 101 天

    连续签到: 1 天

    [LV.6]常住居民II

    3

    主题

    674

    回帖

    379

    积分

    藏宝阁VIP会员

    积分
    379

    vip会员

    绝影

    3

    主题

    674

    回帖

    379

    积分

    藏宝阁VIP会员

    积分
    379

    vip会员

    2015-1-26 18:28:27 来自手机 | 显示全部楼层
    回复

    使用道具 举报

  • TA的每日心情
    开心
    6 小时前
  • 签到天数: 2554 天

    连续签到: 370 天

    [LV.Master]伴坛终老

    60

    主题

    1万

    回帖

    4461

    积分

    藏宝阁VIP会员

    积分
    4461

    vip会员

    sansan180

    60

    主题

    1万

    回帖

    4461

    积分

    藏宝阁VIP会员

    积分
    4461

    vip会员

    2015-3-23 00:09:35 | 显示全部楼层
    回复

    使用道具 举报

    懒得打字嘛,点击右侧快捷回复
    您需要登录后才可以回帖 登录 | 注册

    本版积分规则

    QQ|小黑屋|教程论坛 | |网站地图

    GMT+8, 2024-11-29 07:59 , Processed in 0.129208 second(s), 17 queries , Redis On.

    Powered by Discuz! X3.5 Licensed

    © 2001-2024 Discuz! Team.

    快速回复