- 博客(8)
- 收藏
- 关注
RSS订阅原创 编写高质量代码（3）
模块化CSS，引入面向对象编程思想 如何划分模块-单一职责，在这里我放上一张书里最终的效果图 如此划分模块，尽量可以多的复用而又不失数量较少，找到模块数量和复用度的一个平衡点 CSS的命名-命名空间的概念我们可以使用驼峰式命名例如timeList这样可以清楚地区分单词，非常好认，当然我们也可以使用-或者_来实现这种表示方法有一种包含关系，timeList-lastItem，这样就能清楚地理
2015-08-23 09:33:08
366
原创 编写高质量代码（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
354
原创 编写高质量代码（1）
最近再读高质量代码-Web前端开发修行之道。顺手做一些笔记方便以后回顾！ 不过看了前几章之后我就决定一定要把这本书仔细读完，因为我受益匪浅，让我很多不好的习惯的已改正 这门书更多的是说明了编写代码的道理，而非一些代码知识，华丽的分割线 HTML 今天看的是HTML部分代码的规划，我总是对div标签乱用，看了这本书我才知道为什么要使用div， 友好的HTML代码是使代码尽量的使用语义化标签，
2015-08-21 16:34:42
469
原创 JS动画封装
简单的运动函数var demo1=document.getElementById("demo1"); demo1.onmouseover=function(){ startMove(0); } demo1.onmouseout=function(){ startMove(-320); } var timer//全局变量 function
2015-08-19 09:21:09
610
原创 固定滚动JS源码
HTML和CSS部分<!DOCTYPE html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="base.js"></script> <title>固定滚动</titl
2015-08-18 11:39:33
694
原创 手风琴JS特效源码
HTML和CSS部分<!DOCTYPE html> <head> <meta charset="UTF-8"> <link rel="stylesheet" type="text/css" href="style.css"> <script type="text/javascript" src="base.js"></script>
2015-08-18 11:21:43
2639
原创 最近用到的一些封装函数~
根据classname获取元素function getElementsByClassName(obj, cls){ var elements=obj.getElementsByTagName("*"); var result=[]; for(var i=0;i<elements.length;i++){ if(elements[i].className==cl
2015-08-18 11:13:32
666
原创 文字滚动JS代码
文字滚动特效，还是比较简单的只要弄明白远离，主要是定时器的使用，今天在慕课上看到一个比较好的，滚动好写只要实现scrollTop++就可以，难点在于怎么样实现无限滚动，要理解两个属性就是scrollTop和 scrollHeight 我们先复制一个ul列表和第一个列表一模一样，之后我们当第二个ul列表出现下面这样的情况时，将scrollTop变为0 这样也就是area.scrollTo
2015-08-01 12:11:32
3901
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人