![](https://img-blog.csdnimg.cn/20201014180756754.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
书本笔记
小疯疯0413
因为代码可以改变世界,所以我从未放弃
展开
-
编写高质量代码(2)
今天看的是这本书所讲的CSS部分,教的是如何来组织CSS,可以按照很多,书中采用的是base.css+common.css+page.css base.css位于最底层,主要是提供一些CSS reset 功能,和一些粒度通用类,所有网页都引用这层css,力求通用和精简。 书中有他自己的base.css,我将j结合自己的在最后敲到我的博客上,希望能帮到看我博客的人body,div,dl,dt,dd原创 2015-08-22 21:59:59 · 359 阅读 · 0 评论 -
编写高质量代码(4)
CSS使用子选择器来应对各种复杂的布局变化,什么意思呢,我从360网站截了一个图,一起来看下 可以看出这3个板块有相同的地方,按照前面的说我们可以提取一些相同的出来,我们看结构,都是上面一个标题,下面是也就是都可以分成两个div,我们可以设计,如果我们只写一个class的话,我们会修改特别多来适应这3个板块,所以我们可以写一个主class来包含公共样式,在使用 .class .class{}使原创 2015-09-04 09:00:25 · 339 阅读 · 0 评论 -
编写高质量代码(7)
Javascript分层概念 分为3层 base层,最底层,有两个功能一个是用来兼容浏览器,第二是扩展js接口,提供一些更方便的接口 common层 依赖于base层接口,提供可复用的组件,是典型MVC模式里的 M 和页面内的具体功能没什么关系,功能是给page层提供组件 page层,三层最顶层,和页面的具体功能直接相关,是MVC里的C 依赖于前两个层,page层的功能是完成页面功能需求原创 2015-09-08 20:57:47 · 333 阅读 · 0 评论 -
编写高质量代码(5)
这篇笔记正式进入javascript,先总结下,看了这本书对javascript的理解,感觉我对javascript的理解更上了一层楼,不止是技术上,更多的在技巧上,我发现我对javascript的封装理解还是有一些问题,在这方面这本书教了很多,所以强烈推荐读到我文章的人,可以自己看一下这本书《编写高质量代码-Web前端开发修炼之道》,并不是搞推销,这也是我博客里至今唯一推荐的一本书,真的好看如果是原创 2015-09-04 14:45:40 · 537 阅读 · 0 评论 -
编写高质量代码(6)
我们一般写JS代码时一般都是window.onload=function(){ }这是在HTML页面DOM元素加载完毕在执行其中的内容,这样可以避免我们执行JS的时候DOM结构还没有加载导致错误的情况,这么写的确没什么问题,但是我们可以更加优化这类问题,试想下,如果我们的网站有大量图片和FLASH,这样加载时间会非常的长,而我们希望JS在DOM节点存在就可以使用,而不在乎是否节点内容加载完毕,原创 2015-09-04 21:43:58 · 525 阅读 · 0 评论 -
编写高质量代码(1)
最近再读高质量代码-Web前端开发修行之道。顺手做一些笔记方便以后回顾! 不过看了前几章之后我就决定一定要把这本书仔细读完,因为我受益匪浅,让我很多不好的习惯的已改正 这门书更多的是说明了编写代码的道理,而非一些代码知识,华丽的分割线 HTML 今天看的是HTML部分代码的规划,我总是对div标签乱用,看了这本书我才知道为什么要使用div, 友好的HTML代码是使代码尽量的使用语义化标签,原创 2015-08-21 16:34:42 · 472 阅读 · 0 评论 -
编写高质量代码(3)
模块化CSS,引入面向对象编程思想 如何划分模块-单一职责,在这里我放上一张书里最终的效果图 如此划分模块,尽量可以多的复用而又不失数量较少,找到模块数量和复用度的一个平衡点 CSS的命名-命名空间的概念我们可以使用驼峰式命名例如timeList这样可以清楚地区分单词,非常好认,当然我们也可以使用-或者_来实现这种表示方法有一种包含关系,timeList-lastItem,这样就能清楚地理原创 2015-08-23 09:33:08 · 368 阅读 · 0 评论