随笔分类 -  前端

摘要:一、js对象转为jQuery对象:使用$()把DOM对象包装起来; var v=document.getElementById("v"); //js对象 var $v=$(v); //jQuery对象 二、jQuery对象转为js对象: (1)因为jQuery为一个伪数组,用[index]方法获得: 阅读全文
posted @ 2019-06-26 22:26 开拖拉机的拉风少年 阅读(123) 评论(0) 推荐(0)
摘要:一、事件绑定: (1) ele.onxxx=function () {}; //同一个元素只能绑定一次; (2) obj.addEventListener(type,fn,false); //能绑定多个,IE9不兼容; (3) obj.attachEvent('on' +type,fn); //IE 阅读全文
posted @ 2019-06-24 20:42 开拖拉机的拉风少年 阅读(108) 评论(0) 推荐(0)
摘要:一、Ajax概念:局部网页实时异步刷新技术; 二、异步/同步: 同步:填完所有信息后,全部提交服务器,服务器响应后一次性返回全部; 异步:填完一条信息后,就提交服务器,服务器响应过程,依旧可以操作; 三、使用五部曲: 1.创建一个异步对象: var htmlhttp=new XMLHttpReque 阅读全文
posted @ 2019-06-24 20:39 开拖拉机的拉风少年 阅读(98) 评论(0) 推荐(0)
摘要:一、定时器: (1) setInterval(); //创建定时器,循环; (2) setTimeOut(); //1次; (3) clearInterval(); //清除定时器; (4) clearTimeOut(); 注: (1) 用法: var interval=setInterval(fu 阅读全文
posted @ 2019-06-24 20:38 开拖拉机的拉风少年 阅读(171) 评论(0) 推荐(0)
摘要:一、基本操作: 1.增: (1) document.createElement(); //创建元素节点; (2) document.createTextNode(); //创建文本节点; (3) doucment.createComment(); //创建注释节点; (4) .createDocum 阅读全文
posted @ 2019-06-24 20:35 开拖拉机的拉风少年 阅读(221) 评论(0) 推荐(0)
摘要:一、入口函数; (1) $(document).ready():简写为$(function(){}) DOM结构绘制完成执行,而无需等到图片或其他媒体下载完毕;jq (2) $(window).load:在有时候确实我们有需要等到页面的所有东西都加载完后再执行时使用;jq (3) window.on 阅读全文
posted @ 2019-06-24 20:30 开拖拉机的拉风少年 阅读(112) 评论(0) 推荐(0)
摘要:一、this: (1)预编译:this >window (2)谁调用的:this >谁 (3)改变this指向:call/apply (4)全局:this >widow 二、error: Error.name的六种值对应的信息: (1) EvalError; //eval()的使用与定义不一致 (2 阅读全文
posted @ 2019-06-24 20:24 开拖拉机的拉风少年 阅读(274) 评论(0) 推荐(0)
摘要:一、对象: 1.对象创建: (1) var obj={}; (2) var obj= new Object(); obj.name="Wang",obj.age=12 (3) Object.create({}); 2.对象访问: (1) obj.a; (2) obj[a]; //a可以是相同的字符串 阅读全文
posted @ 2019-06-24 20:22 开拖拉机的拉风少年 阅读(644) 评论(0) 推荐(0)
摘要:一、函数: 1.函数声明: function test() {}; 2.函数表达式: var test=function () {}; 3.参数: function test(a,b) { //a,b形参 //var a; //var b; var c=a+b; document.write(c); 阅读全文
posted @ 2019-06-24 20:14 开拖拉机的拉风少年 阅读(189) 评论(0) 推荐(0)
摘要:1.运算操作符: +,-,*,/,%,=,() ++,--,+=,-=,*=,/=,%= 2.条件语句: if,if else ,for(),while(),switch(){case :;},break,continue 3.js中判断为false的值: “”,false,0,null,undef 阅读全文
posted @ 2019-06-24 20:08 开拖拉机的拉风少年 阅读(107) 评论(0) 推荐(0)
摘要:一、盒模型: (1) border:宽度 样式 颜色; (2) padding: 内边距; (3) margin: 外边距;(垂直方向会合并) (4)content; 其它操作: (1) box-sizing: content-box;默认 border-box;固定元素大小 (2)水平居中:1. 阅读全文
posted @ 2019-06-24 19:49 开拖拉机的拉风少年 阅读(156) 评论(0) 推荐(0)
摘要:背景: (1)background-color: 背景颜色 (2) background-image: 背景图片 (3) background-repeat: 平铺 (4) background-attachment: 关联方式;scroll滚动;fixed不随滚动条运动; (5) backgrou 阅读全文
posted @ 2019-06-24 19:41 开拖拉机的拉风少年 阅读(248) 评论(0) 推荐(0)
摘要:CSS选择器: (1)标签选择器:标签名{}; (2)ID选择器:#id{}; (3)类选择器:. 类名{}; (4)后代选择器:标签1+空格+标签2{}; (5)子元素选择器:标签1>标签2; (6)交集选择器:标签1标签2;(中间无符号) (7)并集选择器:标签1,标签2; (8)兄弟选择器:1 阅读全文
posted @ 2019-06-24 19:36 开拖拉机的拉风少年 阅读(153) 评论(0) 推荐(0)
摘要:一、超链接: 1)<a href="" title=""></a>; 2)<base href="" target="">设置所有链接,包括<a>,<img>,<link>,<form>标签中的URL; 3)假链接: (1) # 点击后刷新界面; (2)javascript: 点击后不刷新; 4)锚 阅读全文
posted @ 2019-06-24 19:32 开拖拉机的拉风少年 阅读(147) 评论(0) 推荐(0)