第一次独立完成项目遇到的坑---天天阅读

无论在我平时练习的多么熟练，但是到项目上我的知识是不够用的（因为平时没有把知识点串联起来），所以会出现卡壳还有其余的平时看起来不可能出现的问题。

最终应了那句话，项目是最好的老师。

首先 第一步 没问题

1  各种准备工作

2  视口宽度匹配

3  css js文件导入  后期逐步导入

4  normalize.css 浏览器容错的插件

<meta name="viewport"content="width=device-width,initial-scale=1,minimum-scale=1,maximum- scale=1,user-scalable=no"/>

低级错误 虽然在平时练习的时候不会错，可是在项目上的时候还是会错的

1 忘记float 浮动   clear：both； （属于css属性）

2

text-indent 属性规定文本块中首行文本的缩进。

3   jquery 和 原生 js 对 css 属性的修改

jQuery	jq对象.css("属性","值")	var dingbu11 = $('.dingbu') dingbu11.css("height","64px" ); dingbu11.css("backgroundColor","#1dadc5");
js	document.getElementById( id ).style.属性名 = 值;	document.getElementById( "t2" ).style.backgroundColor = "blue";

 

 

延伸 

修改class属性值   具体有待测试

<div id="tt">欢迎光临！</div>

document.getElementById( id ).className = 字符串;

 

参照 http://www.jb51.net/article/36448.htm  js原生

4  jQuery 和 js 的结果操作集

 

jquery

is() 判断jQuery对象是否包含某些元素  参数htmlelement 数组 select选择器 jQuery对象 函数 add()  addBack() fitter()  not() slice() first() laset() eq()     children() find() parent() parents()   sibungs()查找兄弟节点  next()  prev()     jquery操作DOM append() prepend() appendTo() prependTo()     colne()   clonenode() remove()  deatach()  replaceWith() replaceAll()

 

 

js

className innerText             元素文本（标签值） getAttribute()          获取属性（不区分大小写） setAttribute()          设置属性   splitText(分割的位置)   分割文本节点 normalize()  拼接文本节点（父节点调用）    appendData(追加的串)  追加文本内容到当前节点 deleteData(起始位置，删除个数) 删除文本内容 replaceData(起始位置，删除个数，替换的字符串)  将特定位置的文本替换成传入的文本   insertData(起始位置，插入文本)  将文本插入到特定位置

5 json数据 （此次使用jQuery ）

 

示例

$(function(){   var url = "http://www.100cxy.com/index.php?m=admin&c=kanshu&a=homepage"; $.getJSON(url,function(data){ console.log(data); //                console.log(data.JSON.recommend[1]) //                console.log(data['recommend'][0]['img']); var jingpin = $('<div class="jingpin_big_box"></div>'); $('body').append(jingpin); for(var i=0; i<data['recommend'].length; i++){ creatItemBookBox(data['recommend'][i]); } })           function creatItemBookBox(model){   var item_box = $("<div class='jingpin_'><div class='jingpin_books'><img /></div><p></p><span></span><div>"); item_box.find("img").attr("src",model["img"]); item_box.find("p").append(model["name"]); item_box.find("span").append(model["author"]);   $('.jingpin_big_box').append(item_box); }   })

 

 

6

text-overflow 属性规定当文本溢出包含元素时发生的事情。