《前端开发修炼之道》

来源:互联网 发布:sql2000备份数据库 编辑:程序博客网 时间:2024/05/16 18:41

被推荐看的《前端开发修炼之道》这本书,曹刘阳写的,对于对前端有一定了解的人来说,还是很有用处的,适合刚学习完js的入门者。不管是什么书,看了总会从中得到很多收获,包括很多别人的思路和方法,又或者自己的学习中忽略的不懂得小问题,下面是我自己基于看了这本书的几点总结。
1:学好前端应考虑的几个问题
1.1:不同浏览器的兼容情况,渲染原理,存在的bug
1.2:网站性能优化,SEO,服务器端
1.3:运用各种工具辅助开发
1.4:技术和理论都要重视
这里的理论又分为代码的可维护性,组件的易用性,分层语义 模块,浏览器的分级支持等。

3:布局:xhtml+css文件小 ,下载速度快。
Dhtml操作炫
Ajax无刷新数据交换

4:两种后台服务器组合:J2ee+oracle:强大;

5:结构样式行为分离

6:原生javascript:默认支持的脚本语言
Ajax:利用javascript和xmlHttpRequest对象(javascript创建的对象)在客户端和服务器端传送数据的技术,提交数据的方式与表单不同
javascript类库:在原生基础上封装了跨浏览器兼容的特性并扩展了一些功能,提供原生js没有的Api。

7:作为一个前端工程师要懂后台语言的原因
7.1;要知道服务器端工程师在生成页面时会如何进行输出,以便写出方便他们套脚本的模板。
7.2:在写Ajax应用时,可以自己模拟服务器端输出,方便调试。
7.3:对前端和服务器端如何配合有大局观认识,了解数据传送的整个流程。

8:一个好的代码 要有三分之一的注释

9:要考虑语义化:少用div span 让其在没有样式时还能有层次的显示。

10:文件分类:base.css :reset和粒度最小的通用类
common.css功能样式相对独立的模块,高度重用
page.css非高度重用的模块

11:css模块化 :类
样式和功能相对独立和稳定的一部分就可以划分为模块
划分模块时 在模块少和模块简单之间找到一个平衡点

12:驼峰命名区分单词 下划线命名表示从属关系

13:多用组合 少用继承

14:Id 只能挂一个 class可以挂多个 class=”f12 f13 f14”

15:不要混用margin-top和margin-bottom

16:权重相同时 在遵循就近原则
使用一行式编码风格

17:多使用class 少使用id

18:hack:使css代码兼容不同的浏览器 或者给不同的浏览器设置css样式

19:a标签的四种状态问题:l(link)ov(visited)e h(hover)a(active)te (love hate)

20:只能对行内元素设置display:inline-block; 行内元素的块级元素 是块级元素 但是却有行内元素的特点 不换行

21:网格布局:设置组合类

22:javascript从功能上分为两部分:
1:框架部分:对代码的组织作用
2:应用部分:页面逻辑功能
压缩:源文件 head.js 压缩后的文件head-min.js

0 0