javascript
文章平均质量分 61
董无敌啊
https://liulxin.github.io/
展开
-
Dom基本操作
页面加载时,浏览器创建页面的文档对象模型(Document Object Model)。对象模型的可编程性,使得javascript通过增删改等方式可以创建动态的html。 查找HTML元素通过id查找HTML元素。用方法:document.getElementById(id_name);通过标签名查找HTML元素。用方法:getElementsByTagName(tag_name);通过类原创 2017-03-17 16:36:08 · 374 阅读 · 0 评论 -
图片加载
function loadImage(url,callback) { var img =new Image(); img.onload =function(){ img.onload =null; callback(img); } img.src = url; } function call(i转载 2017-05-19 11:06:29 · 254 阅读 · 0 评论 -
函数的四种调用模式
1.函数模式函数的定义方式 声明式表达式Function单独独立调用的就是函数模式 函数名( 参数 )this 表示全局对象任何自调用函数都是函数模式2.方法模式区分 方法本身就是函数, 但是方法不是单独独立的调用, 而是通过一个对象引导调用.this 表示引导方法的对象比如:var length = 10; function fn() { cons转载 2017-03-25 00:59:05 · 336 阅读 · 0 评论 -
性能优化
网页内容 减少 http请求次数减少 DNS查询次数避免页面跳转缓存 Ajax延迟加载提前加载减少 DOM元素数量根据域名划分内容减少iframe数量避免 404服务器 使用CDN(内容分发网络)添加Expires或Cache-Control报文头Gzip压缩传输文件配置ETags尽早flush(刷新输出)缓冲使用GET来完成AJAX请求避免空的图片srcCoo转载 2017-03-22 00:55:56 · 177 阅读 · 0 评论 -
js常见错误
javascipt常见错误原创 2017-03-19 22:39:15 · 398 阅读 · 0 评论 -
伸缩布局
开启弹性布局:父级:display:flex;设置该元素为伸缩盒子 开启弹性布局,主轴(X),副轴(Y)flex-direction: column; 调整主副轴,主(Y),副(X) row(默认:水平排列)、column(垂直排列)、row-reverse(水平反向排列)、column-reverse(垂直反向排列)flex-wrap: wrap; 开启换行 no-wrap(不换行)原创 2017-03-17 23:37:36 · 277 阅读 · 0 评论 -
jQuery事件绑定,解绑方式
绑定事件普通方法:$(selector).click(fn)绑定多个事件:$(selector).bind(“event1 event2”,fn)动态创建元素绑定事件:$(parentEle).delegate(childEle,”event1 event2”,fn)终极版本:$(parentEle).on(“event1 event2”,childEle,fn)触发事件简单触发事件原创 2017-03-17 23:13:40 · 1933 阅读 · 0 评论 -
jQuery操作DOM
下面总结了基本的Dom操作: jQuery操作元素样式css css(“name”,”value”)css({“name1”:”value1”,”name2”:”value2”}) -jQuery操作元素类删除类 removeClass(className)添加类 addClass(className)切换类 toggleClass(className)判断类jQuery原创 2017-03-17 22:54:22 · 188 阅读 · 0 评论 -
jQuery选择器初识
基本选择器类选择器:$(".className")id选择器:$("#id")标签选择器:$("tagName")交集:连这写 div.className1并集: , 连接层级选择器子代选择器 >后代选择器 空格基本过滤选择器索引选择(一个元素): eq(index) eg:$(“li:eq(2)”)偶数过滤: even eg: $("li:even")奇数过滤:odd原创 2017-03-17 22:30:06 · 165 阅读 · 0 评论 -
初始正则
本质:用来记录规则的代码 应用领域:表单验证、高级搜索 创建正则表达式对象:var 变量名= new RegExp(/表达式/); 使用直接量的方式:var 变量名= /表达式/; 基本预定义类 实用网站:正则验证应用[^\n\r] 除了换行和回车之外的任意字符\d [0-9] 数字字符digit\D [^0-9] 非数字字符\w [a-zA-Z0-9_] 单词字符(所有的字母数字原创 2017-03-17 21:17:56 · 437 阅读 · 0 评论 -
阻止冒泡的兼容性写法,以及阻止浏览器默认事件
事件冒泡简介:事件触发时由里到外 冒泡IE678:div > body > html > document其他浏览器: div > body > html > document > window不冒泡blur、focus load、unload阻止冒泡stopPropagation();阻止冒泡的兼容性写法:IE678:event.cancelBubble = true;正常原创 2017-03-17 20:38:15 · 788 阅读 · 0 评论 -
旋转木马轮播图
旋转木马轮播:是通过调整每个图片的层级,位置大小,透明度来实现效果。 html<html><head lang="en"> <meta charset="UTF-8"> <title>旋转木马轮播图</title> <link rel="stylesheet" href="css/css.css"/> <script type="text/javascript"原创 2017-03-17 20:26:03 · 1001 阅读 · 1 评论 -
location对象详记
1.location对象:指的是页面的地址,对应窗体的地址栏,归属于window对象 2.location属性的含义?href:设置或返回完整的 URL 设置页面的地址,访问设置所设置地址;补充:也可返回页面地址:var url = location.href;,书写路径时候,注意路径的书写方法,url即是 路径,若访问的文件在同一站点可写相对路径;若不同站点则必要写完整路径即:协议+地原创 2017-03-17 17:16:06 · 612 阅读 · 0 评论 -
轮播图的基本原理
通过以下的5个过程,实现轮播图的轮播效果 1.动态生成结构创建元素和插入元素的方法分别是什么? 创建元素:document.creatElement( tagName ) var li = document.creatElement(“li”); 插入元素:appendChild( element ) ol.appendChild(“li”);通过什么方法复制第一张图片元素? 通过clo原创 2017-03-17 19:02:46 · 5766 阅读 · 0 评论 -
offset,client,scroll的不同之处
offset,client,scroll的区别原创 2017-03-17 18:23:52 · 866 阅读 · 0 评论 -
Date 日期对象
工作中很多地方都会涉及到Date对象,下边总结了Date对象的一些用法,方便以后的查看 时间对象:Date 是javascript内置的对象,方便编程人员获取系统的时间 时间对象的实例所部分属性的用法:toString():返回的制式日期字符串valueOf():返回1970-1-1到当前时间对象创建时间之间的毫秒数Date now():同valueOf返回毫秒数 IE9++new Da原创 2017-03-17 17:28:15 · 479 阅读 · 0 评论 -
js对象的创建方式(小记)
共有三种方式: 第一种模式:工厂模式工厂模式:即在函数中创建对象时,所有属性使用参数传递进来工厂模式创建出来的对象使用typeof打印出来的全是objectfunction Student(name,age,sex,score){ var stu = new Object(); stu.name = name; stu.age = age; stu.sex =原创 2017-03-17 16:05:58 · 301 阅读 · 0 评论 -
Dom方法兼容
innerText兼容写法获取文本function getInnerText(element) { // 能力检测 判断是否有这一属性 if (typeof element.innerText === "string") { return element.innerText; } else { return element.text原创 2017-03-17 16:42:32 · 522 阅读 · 0 评论 -
ie 兼容,win8兼容
//判断是否是IE10以上浏览器 function isIE11() { if (!!window.ActiveXObject || "ActiveXObject" in window) return true; else return false; } function isIE() { var userAgent = navigat转载 2017-08-01 15:17:21 · 370 阅读 · 0 评论