2017年09月_lelara

原创第46天：setInterval与setTimeout的区别

第46天：setInterval与setTimeout的区别 js的setTimeout方法用处比较多，通常用在页面刷新了、延迟执行了等等。今天对js的setTimeout方法做一个系统地总结。setInterval与setTimeout的区别说道setTimeout，很容易就会想到setInterval，因为这两个用法差不多，但是又有区别，今...

2017-09-28 23:24:00 115

原创第45天：2017webstrom下载破解汉化

1，webstrom 11.0.3下载地址1：http：//pan.baidu.com/s/1kVQjcwf密码：uggr　　　　　　　　　下载地址2：HTTP：//pan.baidu.com/s/1kVQjcwf，点击DOWNLOAD即可下载2，webstrom11激活选择“许可证服务器”输入：http：//idea.imsxm.com/ 3，汉化4，http： //i...

2017-09-27 21:01:00 115 1

原创第44天：鼠标移动放大效果

1，鼠标移动放大效果 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>鼠标移动放大效果</title> 6 <style&am

2017-09-26 23:00:00 97

原创第43天：事件对象event

一，事件对象事件：onmouseover，onmouseout，onclick 事件//事件的对象兼容写法：var event = event || window.event;事件常见属性，如下表：属性作用数据返回拖拽对象的URL字符串（的DragDrop）宽度该...

2017-09-25 23:00:00 123

原创第42天：焦点图

1、焦点图 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>焦点图</title> 6 <style>

2017-09-24 23:00:00 112

原创第41天：匀速、缓动运动和图片无缝滚动

一，匀速运动和缓动运动缓动运动公式：leader = leader +（target-leader）/ 10; //前导为初始值0，目标为结束值，10可以改变，值越大，速度越慢 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 ...

2017-09-23 23:23:00 92

1，slice（）slice（“ 取字符串的起始位置 ”，[结束位置]）; //初始位置一定要有，结束位置可有可无var txt =“abcedf”; txt.slice（3）; //从TXT里面字符的第3（索引号）个开始取，一直到最后txt.slice（3,6）; //取TXT索引号3-6的字符串，不包含6 起始位置可以是负数，若是负数，从字符串右边向左边取txt.slice（-1）;2，s...

2017-09-22 23:00:00 67

原创第39天：字符串连接、截取操作

一，网址编码encodeURIComponent（）函数可把字符串作为URI组件进行编码decodeURIComponent（）函数可把字符串作为URI组件进行解码var url =“http://www.itcast.cn?name=andy”; 的console.log（encodeURIComponent方法（URL））; //编码二，字符串操作1，concat（）//字符串连接...

2017-09-21 23:00:00 86

原创第38天：运算符、字符串对象常用方法

一，运算符一元操作符++， - ，+， - + 5-6 逻辑操作符！，&&，|| 基本运算符+， - ，*，/，％关系操作符>，<，> =，<=，===，==，！=，！== =赋值==判断===全等条件操作符（三元运算符）？：赋值运算符+ =， - =，* =，/ =，％= a + = 5 a =...

2017-09-20 23:00:00 104

原创第37天：小米手机图片展示

1，arguments对象alert（ arguments.length）; //返回实参的个数只在函数内使用arguments.callee; //返回正在执行的函数，也是在函数体内使用在函数递归调用时，推荐使用arguments.callee代替函数名本身函数fn（）{console.log（arguments.callee）;} 1 <!DOCTYPE html> 2 &...

2017-09-19 23:05:00 103

原创第36天：倒计时：发动短信验证、跳转页面、关闭广告

一，的setTimeoutsetTimeout（“函数”，时间）setInterval（fn，5000）; // 每隔5秒执行一次fn setTimeout（fn，5000）; // 5秒之后执行一次fn二、跳转页面window.location.href="http://www.baidu.com";函数自己调用自己成为“递归调用”案例：1、发送短信验证倒计时 1 &lt...

2017-09-18 23:23:00 123

原创第35天：时钟效果

时钟效果案例1，得到现在的时分秒2，旋转角度原理一圈360°60s 1s / 6° 旋转second.style.WebkitTransform =“rotate（60deg）”; //每秒旋转60度案例： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset...

2017-09-17 23:00:00 118

原创第34天：日期函数、定时器、倒计时

一，日期函数（Date（））设置本地日期：年月日时分秒1，声明日期var date = new Date（）; //创建一个新的日期函数2，使用函数date.getTime（）; //提倡使用，date.valueOf（）;得到距离1970年的毫秒数的console.log（日期（）现在（））; //直接使用console.log（+ new Date（））;3，获取日期和时间getDat...

2017-09-16 23:00:00 149

原创第33天：封装自己的class类

封装自己的类类，实现浏览器兼容。 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>封装自己的class类</title> 6 <style

2017-09-15 23:00:00 137

原创第32天：微博发布动态

微博发布动态<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>微博发布</title> <style> ul{ l

2017-09-14 23:00:00 114

原创第31天：动态生成节点-京东轮播图创建

一、获取节点属性getAttribute()通过这个方法可以得到某些元素的某些属性alert(demo.getAttribute("class"));二、设置节点属性setAttribute("属性"，"值");div.setAttribute("class","demo");三、删除节点属性removeAttribute("属性");demo.removeAttribute

2017-09-13 23:00:00 116

原创第30天：DOM对象操作

JS包括三部分：ECMAscript，DOM（文档对象），BOM（浏览器对象）一，DOM（文档对象）DOM树节点（元素，属性，标签，标记等都是节点）二，访问节点documment.getElementById（）documment.getElementsByTagName（）documment.getElementsByClassName（）//主流浏览器支持，IE6,7,8不兼容...

2017-09-12 23:00:00 112

原创第29天：js-数组添加删除、数组和字符串相互转换

一，添加数组var arr = [1,3,5]; arr.push（7,9）; //添加7和9到数组arr后面，得到[1,3,5,7,9]1，push（）;可向数组末尾添加一个或多个元素，并报道查看新的长度。如图2所示，不印字（）;向数组开头和结尾添加一个或多个元素，并报道查看新的长度。VAR ARR = [1,3,5]arr.unshift（0）; // [0,1 1,3,5]var dom...

2017-09-11 23:00:00 86

原创第28天：js-Tab栏切换封装函数

一，input.value所有值都是字符串二，变量和属性var index = 10; //变量var arr = []; // 数组arr.index = 20; //指数为自定义属性，只能在ARR下使用警报（arr.index）;三，判断用户输入事件：oninput四，多分支语句switch语法格式switch（参数）{ case：参数1：语句; break; //退出案例：参数2...

2017-09-10 22:26:00 168

原创第27天：js-表单获取焦点和数组声明遍历

一、表单1、this指事件的调用者2、input.value 表单更换内容3、innerHTML更换盒子里的内容，文字、标签都能换。4、isNaN("12")如果里面的不是个数字，返回true二、表单自动获得焦点txt.focus();//方法Onfocus事件三、鼠标经过选择表单select();选择txt.onmouseover=function(){this.sele...

2017-09-09 23:25:00 155

原创第26天：js-$id函数、焦点事件

一，函数返回语句定义函数的报道查看值，在函数内部用返回来设置返回值，一个函数只能有一个返回值。同时，终止代码的执行。所有自定义函数默认没有返回值返回后面不要换行var a = 10，b = 20，c = 30; ++一个; 一个++; E = ++一个+（++ B）+（C ++）+一++; 警报（E）; // 77二，获得焦点，失去焦点事件获得焦点：onfocus失去焦点：onblur...

2017-09-08 22:27:00 132

原创第25天：js-封装函数-淘宝鼠标展示

封装函数：1，函数形参相当于变量，不能加引号。2，实参要和形参一一对应。案例：鼠标移到小图上，背景展示相应放大的图片代码如下： 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"> 5 <title>淘

2017-09-07 23:15:00 90

原创第24天：js-函数变量声明提升

一，函数声明1，自定义函数function fun1（）{alert（“我是自定义函数”）; }fun2（）; //函数不调用，自己不执行2，直接量声明var fun2 = function（）{alert（“直接量声明”）; }fun2（）; 3，利用功能关键字声明var fun3 = new Function（“var a = 10; b = 20; alert（a + b）”）; FUN3（...

2017-09-06 23:25:00 90

原创第23天：js-数据类型转换

一，填充1，内边距会影响盒子大小2，行内元素，尽量不用上下的填充和边缘3，块元素嵌套块元素。子级会继承父级的宽度，高度由内容决定。如果给子级再设置填充物，不会影响盒子宽度。继承的宽度设置填充不会影响盒子宽度。二，js的数据类型字符型，数值型，布尔型，null，undefinedjs是一种弱数据类型数据类型转换转换为字符型方法：1，利用引号（“”）转换为字符型2，利用函数 String（...

2017-09-05 23:10:00 125

原创第22天：js改变样式效果

一，输出语句1，alert：弹出警示框（用的非常少，用户体验不好）完整写法：window.alert（“执行语句”）; window对象，窗口，一般情况可省略alert（123）;2，console Control制台输出（用户看不见）一般用于测试用console.log（）;控制台输出，普通输出语句console.warn（）;控制台警示console.error（）;错误提示3，d...

2017-09-04 23:16:00 111

原创第21天：京东页面轮播图

一，轮播图小圆点HTML代码1 <ul class="circle">2 <li class="current">1</li>3 <li>2</li>4 <li>3&am

2017-09-03 23:15:00 569

原创第20天：京东nav、footer部分制作

一、鼠标的4种状态cursor:pointer; 鼠标变成小手cursor:default;小白cursor:move;移动cursor:text;文本输入二、网页布局：1、input、button行内块元素之间有空隙，设置浮动可以清除空隙2、给一个盒子：宽度高度、背景边框、位置3、背景既有图片也有颜色设置：background:url(images/1.jpg） no-repeat...

2017-09-02 23:17:00 174

原创第19天：京东头部小三角制作

京东头部小三角制作方法：1、在需要小三角的地方加入“<i><s>◇</s></i>”，如下：<div class="dt">送至：北京 <i><s>◇</s></i></div>2、

2017-09-01 23:16:00 141

lelara的博客

原创国庆放假