- 博客(17)
- 收藏
- 关注
RSS订阅
转载 JS中offsetTop、clientTop、scrollTop、offsetTop各属性介绍
本文转载自zhoumeng 2013年01月25日 于 前端开拓者 发表原文传送门：http://www.frontopen.com/894.htmljavascript中制作滚动代码的常用属性页可见区域宽： document.body.clientWidth;网页可见区域高： document.body.clientHeight;网页可见区域宽： document
2016-09-16 23:18:39
278
原创 css中清除浮动的几种方法(撑起浮动元素父元素的高度)
css浮动会使子元素脱离文档流，有些情况下会使其父元素失去高度，从而影响页面的整体布局，造成意想不到的布局效果，这里总结了几种常用的清除浮动影响的方法，简单介绍各种方法的适用范围和优缺点。1.设置父元素的overflow属性的属性值为"hideen"，但是此方法会影响到于元素下原本需要有溢出效果的元素的正常显示，需要保证父元素下没有用到溢出效果；.father{ overflow:h
2016-08-24 22:37:51
8328
原创 jQuery简化DOM操作
jQuery简化DOM操作1.操作元素的属性GET操作jQ对象.attr(‘属性名’,‘属性值’);SET操作jQ对象.attr(‘属性名’,‘属性值’); //多个属性时，可用对象形式参数 操作后，新属性值会替换掉原有属性值移除操作jQ对象.rem
2016-10-08 20:00:17
961
原创 jQuery动画函数
jQuery动画函数前端实现动画的技术有哪些？(1)CSS3 Transition(2)CSS3 Keyframes(3)JS 定时器： setInterval 或 setTimeout 修改样式 (jQuery1&2)(4)requestAnimationFrame —— 效率最高 （jQuery3使用) 注意：所有的jQuery动画
2016-10-08 19:58:38
809
原创 jQuery常用选择器
jQuery常用选择器1.所有的函数大体分为四组： (1)DOM操作函数 (2)事件处理函数 (3)动画函数 (4)AJAX操作 2.jQuery函数的特性： (1)几乎所有的函数都自带循环功能，可以对选中的元素进行遍历 (2)几乎所有的函数都返回jQuery对象本身，可以实现方法的链式调用 (3)jQuery对象转换为DOM对象：$('div')
2016-10-08 19:56:54
363
原创 jQuery事件处理
jQuery事件处理(1) 事件监听函数 —— 重点A．事件代理原理：利用事件冒泡机制，将事件处理函数绑定在目标元素的父元素上，当父元素事件触发时，判断事件源是否为目标元素，是则继续执行，否则退出 B.阻止元素默认行为：e.prevenDefault( ); 1.bind & unbind用法： 目标元素.bind( ’事件名称’, 事件处理函数 )目标元素.u
2016-10-08 19:51:58
288
原创 AJAX - 跨域请求 && JSONP
跨域请求从一个资源中请求了另一个域名下的资源文件中的数据——两个资源所在的服务器“域名”、“协议”、“端口”有一点字面的不同。 URL说明是否允许通信http://www.a.com/a.js http://www.a.com/b.js同一域名下允许http://w
2016-10-08 19:44:15
300
原创 AJAX - JSON对象表示法
application/json JSON：JavaScript Object Notation，JS对象表示法，JSON是一个字符串格式，用于描述数据，数据交换； JSON语法：表示数组的字符串：[ 10,"Tom",true, "2015-10-11" ]表示对象的字符串：{ "ename":"Mary", "age":20 } (1)
2016-10-08 19:42:17
281
原创 AJAX-HTTP重点内容
AJAX—http协议重点1)请求方法：1. GET 客户端需要获取服务器端指定资源2. POST 客户端要向服务器传递特定的数据（在请求主体中）3. HEAD 客户端向获取指定资源的响应头部，不要资源本身、4. PUT 客户端想在服务器上保存特定的内容（在请求主体中）5. DELETE 客户端想删除服务器上的指定内容6. TRACE 表追踪请求路径7. OP
2016-10-08 19:22:29
275
原创 AJAX-jQuery中的AJAX封装函数
jQuery中的AJAX封装函数JQ封装的AJAX函数，下面5个jq函数只能处理成功的响应消息！load$('div').load('请求地址', 'k=v' | {k:v},fn(response,status,xhr对象){})发起异步GET/POST请求，获取服务器端返回的html片段数据，把这些数据设置为当前选定元素的in
2016-09-11 00:52:47
770
原创 总结-DOM的操作方法和知识点
DOM(1) 查找节点查找单个节点时 //返回节点，未找到返回null查找多个节点时 //返回节点对象集合，未找到返回[ ];document.getElementById(“id名称”)；node.getElementsByClassName(“class名称”)；node.getElementsByTagName(“标签名”)；node.getElement
2016-08-31 21:55:43
400
原创 AJAX—XMLHttpRequest对象
使用XHR发起HTTP请求的步骤 //1 创建xhr对象 var xhr = null; if(window.XMLHttpRequest){//其它浏览器 xhr = new XMLHttpRequest(); }else { //解决老IE兼容问题 xhr = new ActiveXObject('Mic
2016-08-28 21:23:16
575
转载 核心DOM和html DOM的区别
DOM分为三部分：（1）核心DOM：遍历DOM树、添加新节点、删除节点、修改节点（2）HTML DOM：以一种简便的方法访问DOM树（3）XML DOM：准用于操作XML文档核心DOM与HTML DOM的区别：核心DOM ：对象：Document,Node, ElementNode,TextNode,AttributeNode，C
2016-08-28 21:02:16
12387
3
原创 js数据转换boolean类型和短路逻辑-及其应用；
在js逻辑运算中，0,""null,false,undefined,NaN会被判断为false，其他都为true；和数据的隐式转换有关；带有 || 的逻辑运算中，先计算第一个运算数，如果可以转换成true，则返回左边这个表达式的值（数据在进行判断是临时转换，判断结束后转回原数据类型，所以返回原表达式的值），否则计算第二个运算数。即使 || 运算符左右的运算数数据类型不是布尔
2016-07-30 21:30:55
470
转载 小技巧-css绝对定位-使块级元素在某区域垂直和水平居中。
div{ width:500px; height:500px; border:1px solid black; position:relative;} p{ width:200px; height:200px; border:1px solid red; position:absolute; top,right,bottom,left:0; }
2016-07-20 20:23:42
532
原创 css引用方式
css分为3种引用方式：1.内联方式：将代码直接写在标签属性“style”中 缺点--->内联方法不能重用，不灵活。 2.内部样式表：将代码写在头标签的中的中（内部引用）： h1{ color:red;} 缺点----》内部引用仅在当前文档中可以引用，不足够灵活。3.外部样式表：讲代码写在.css文件中，在中用引用文件：h1{
2016-06-30 21:44:44
328
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人