基础知识
文章平均质量分 63
愿无岁月可回首i
学无止境。
展开
-
css引用方式
css分为3种引用方式: 1.内联方式:将代码直接写在标签属性“style”中 缺点--->内联方法不能重用,不灵活。 2.内部样式表:将代码写在头标签的中的中(内部引用): h1{ color:red; } 缺点----》内部引用仅在当前文档中可以引用,不足够灵活。 3.外部样式表:讲代码写在.css文件中,在中用引用文件: h1{原创 2016-06-30 21:44:44 · 308 阅读 · 0 评论 -
jQuery事件处理
jQuery事件处理 (1) 事件监听函数 —— 重点 A.事件代理原理:利用事件冒泡机制,将事件处理函数绑定在目标元素的父元素上, 当父元素事件触发时,判断事件源是否为目标元素,是则继续执行,否则退出 B.阻止元素默认行为:e.prevenDefault( ); 1.bind & unbind 用法: 目标元素.bind( ’事件名称’, 事件处理函数 ) 目标元素.u原创 2016-10-08 19:51:58 · 283 阅读 · 0 评论 -
AJAX - 跨域请求 && JSONP
跨域请求 从一个资源中请求了另一个域名下的资源文件中的数据 ——两个资源所在的服务器“域名”、“协议”、“端口”有一点字面的不同。 URL 说明 是否允许通信 http://www.a.com/a.js http://www.a.com/b.js 同一域名下 允许 http://w原创 2016-10-08 19:44:15 · 285 阅读 · 0 评论 -
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 · 272 阅读 · 0 评论 -
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 · 571 阅读 · 1 评论 -
jQuery简化DOM操作
jQuery简化DOM操作 1.操作元素的属性 GET操作 jQ对象.attr(‘属性名’,‘属性值’); SET操作 jQ对象.attr(‘属性名’,‘属性值’); //多个属性时,可用对象形式参数 操作后,新属性值会替换掉原有属性值 移除操作 jQ对象.rem原创 2016-10-08 20:00:17 · 930 阅读 · 0 评论 -
jQuery动画函数
jQuery动画函数 前端实现动画的技术有哪些? (1)CSS3 Transition (2)CSS3 Keyframes (3)JS 定时器: setInterval 或 setTimeout 修改样式 (jQuery1&2) (4)requestAnimationFrame —— 效率最高 (jQuery3使用) 注意:所有的jQuery动画原创 2016-10-08 19:58:38 · 798 阅读 · 0 评论 -
总结-DOM的操作方法和知识点
DOM (1) 查找节点 查找单个节点时 //返回节点,未找到返回null 查找多个节点时 //返回节点对象集合,未找到返回[ ]; document.getElementById(“id名称”); node.getElementsByClassName(“class名称”); node.getElementsByTagName(“标签名”); node.getElement原创 2016-08-31 21:55:43 · 383 阅读 · 0 评论 -
小技巧-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 · 519 阅读 · 0 评论 -
js数据转换boolean类型和短路逻辑-及其应用;
在js逻辑运算中,0,""null,false,undefined,NaN会被判断为false,其他都为true;和数据的隐式转换有关; 带有 || 的逻辑运算中,先计算第一个运算数,如果可以转换成true,则返回左边这个表达式的值(数据在进行判断是临时转换,判断结束后转回原数据类型,所以返回原表达式的值),否则计算第二个运算数。 即使 || 运算符左右的运算数数据类型不是布尔原创 2016-07-30 21:30:55 · 455 阅读 · 0 评论 -
jQuery常用选择器
jQuery常用选择器 1.所有的函数大体分为四组: (1)DOM操作函数 (2)事件处理函数 (3)动画函数 (4)AJAX操作 2.jQuery函数的特性: (1)几乎所有的函数都自带循环功能,可以对选中的元素进行遍历 (2)几乎所有的函数都返回jQuery对象本身,可以实现方法的链式调用 (3)jQuery对象转换为DOM对象: $('div')原创 2016-10-08 19:56:54 · 356 阅读 · 0 评论