暂时未有相关云产品技术能力~
热衷于研究前端新知识,学习新技术。精通HTML5+CSS3,Javascript,jQuery,Angular,Bootstrap。
国庆放假休息,10.8继续。
js的setTimeout方法用处比较多,通常用在页面刷新了、延迟执行了等等。今天对js的setTimeout方法做一个系统地总结。 setInterval与setTimeout的区别 说道setTimeout,很容易就会想到setInterval,因为这两个用法差不多,但是又有区别,今天一起总结了吧! 1、setTimeout 定义和用法: setTimeout()方法用于在指定的毫秒数后调用函数或计算表达式。
1、webstrom 11.0.3下载地址1:http://pan.baidu.com/s/1kVQjcwf 密码:uggr 下载地址2:http://pan.baidu.com/s/1kVQjcwf,点击DOWNLOAD即可下载 2、webstrom11激活 选择“license server” 输入:http://idea.imsxm.com/ 3、汉化 4、http://idea.imsxm.com/ 我的这个已经不能用了,新的破解方法,给大家分享 破解网址:http://idea.lanyus.com/ 点进去就是这个页面,有效期到2018年10月14日。
1、鼠标移动放大效果 1 DOCTYPE html> 2 3 4 5 鼠标移动放大效果 6 7 .box{ 8 width: 350px; 9 height: 350...
一、事件对象事件:onmouseover、 onmouseout、 onclickevent //事件的对象 兼容写法:var event = event || window.event; event常见属性,如下表: 属性 作用 data 返回拖拽对象的URL字符串(...
1、焦点图 1 DOCTYPE html> 2 3 4 5 焦点图 6 7 *{ 8 margin: 0; 9 padding: 0; 10 } ...
一、匀速运动和缓动运动 缓动运动公式:leader=leader+(target-leader)/10;//leader为初始值0,target为结束值,10可以改变,值越大,速度越慢 1 DOCTYPE html> 2 3 4 5 运动 6 7 .
1、slice()slice("取字符串的起始位置",[结束位置]);//初始位置一定要有,结束位置可有可无var txt="abcedf";txt.slice(3);//从txt里面字符的第3(索引号)个开始取,一直到最后txt.
一、网址编码encodeURIComponent() 函数可把字符串作为 URI 组件进行编码decodeURIComponent() 函数可把字符串作为 URI 组件进行解码var url = "http://www.
一、运算符 一元操作符 ++, --, +, - +5 -6 逻辑操作符 !, &&, || 基本运算符 +, -, *, /, % 关系操作符 >, =,
1、arguments对象alert(arguments.length);//返回实参的个数只在函数内使用arguments.callee;//返回正在执行的函数,也是在函数体内使用在函数递归调用时,推荐使用arguments.
一、setTimeout setTimeout("函数",时间)setInterval(fn,5000);//每隔5秒执行一次fnsetTimeout(fn,5000);//5秒之后执行一次fn 二、跳转页面window.
时钟效果案例 1、得到现在的时分秒2、旋转角度原理一圈360° 60s 1s/6°旋转second.style.WebkitTransform="rotate(60deg)";//每秒旋转60度 案例: 1 DOCTYPE html> 2 3 4 5 时钟效果 6 7 .
一、日期函数(Date())设置本地日期:年月日时分秒1、声明日期var date=new Date();//创建一个新的日期函数2、使用函数date.getTime();//提倡使用,date.valueOf();得到距离1970年的毫秒数 console.
封装自己的class类,实现浏览器兼容。 1 DOCTYPE html> 2 3 4 5 封装自己的class类 6 7 div{ 8 width: 200px; 9 height: ...
微博发布动态 DOCTYPE html> 微博发布 ul{ list-style:none; } *{ margin: 0; padding: 0; } .
一、获取节点属性getAttribute()通过这个方法可以得到某些元素的某些属性alert(demo.getAttribute("class")); 二、设置节点属性setAttribute("属性","值");div.
JS包括三部分:ECMAscript、DOM(文档对象)、BOM(浏览器对象) 一、DOM(文档对象)DOM树节点(元素、属性、标签、标记等都是节点) 二、访问节点 documment.getElementById()documment.
一、添加数组var arr=[1,3,5];arr.push(7,9);//添加7和9到数组arr后面,得到[1,3,5,7,9]1、push();可向数组末尾添加一个或多个元素,并返回新的长度。2、unshift();向数组开头添加一个或多个元素,并返回新的长度。
一、input.value所有值都是string 二、变量和属性var index=10;//变量var arr=[];//数组arr.index=20;//index为自定义属性,只能在arr下使用alert(arr.
一、表单 1、this指事件的调用者2、input.value 表单更换内容3、innerHTML更换盒子里的内容,文字、标签都能换。4、isNaN("12")如果里面的不是个数字,返回true 二、表单自动获得焦点txt.
一、函数return语句定义函数的返回值,在函数内部用return来设置返回值,一个函数只能有一个返回值。同时,终止代码的执行。所有自定义函数默认没有返回值return后面不要换行 var a=10,b=20,c=30;++a;a++;e=++a+(++b)+(c++)+a++;alert(e);/...
封装函数: 1、函数形参相当于变量,不能加引号。 2、实参要和形参一一对应。 案例:鼠标移到小图上,背景展示相应放大的图片。代码如下: 1 DOCTYPE html> 2 3 4 5 淘宝鼠标展示 6 7 *{ 8 ...
一、函数声明1、自定义函数function fun1(){ alert("我是自定义函数");}fun2();//函数不调用,自己不执行2、直接量声明var fun2=function(){ alert("直接量声明");}fun2();3、利用Function关键字声明var fun3=new Function("var a=10;b=20;alert(a+b)");fun3(); 二、变量声明提升如果在一个函数体内部声明了一个变量,不管这个变量函数外部有没有,先执行函数内部的变量,会将变量声明提升到函数开始部分,但是不会赋值。
一、padding1、内边距会影响盒子大小2、行内元素,尽量不用上下的padding和margin3、块元素嵌套块元素。子级会继承父级的宽度,高度由内容决定。如果给子级再设置padding,不会影响盒子宽度。
一、输出语句 1、alert:弹出警示框(用的非常少,用户体验不好)完整写法:window.alert(“执行语句”);window对象,窗口,一般情况可省略alert(123); 2、console控制台输出(用户看不见)一般用于测试用console.
一、轮播图小圆点 HTML代码1 2 1 3 2 4 3 5 4 6 5 7 6 8 CSS代码 1 .
一、鼠标的4种状态 cursor:pointer; 鼠标变成小手cursor:default;小白cursor:move;移动cursor:text;文本输入 二、网页布局:1、input、button行内块元素之间有空隙,设置浮动可以清除空隙2、给一个盒子:宽度高度、背景边框、位置3、背景既有图片也有颜色设置:background:url(images/1.
一、京东页面制作开始(头部)1、浮动的盒子宽度由内容定,不需要设置宽度2、绝对定位不占位置,相对定位占位置 3、不一定是子绝父相,还可能是子绝父绝,要根据情况来定。如果是子绝父绝,那父级的父级一定是相对定位。
一、CSS 位置 1、行内式 css aa 2、 内嵌式样式 .one { width: 200px; } 3、外链式 二、Font 字体综合写 Font: 字体加粗 字号/行高 字体; 必须有字号和字体。
函数: 1、函数,是一种封装。就是将一些语句,封装到函数里面。通过调用的形式,执行这些语句。 2、函数如果不调用,等于白写。 3、函数实参和形参个数要相同。 4、函数可以没有return语句,如果有,只能有一个。
今天学习了js中基本的穷举法,求水仙花数、阶乘、求和、找因数、找质数等。 求三位数的个位、十位、百位方法: var ge=i%10;//求个位 var shi=parseInt(i%100/10);//求十位 var bai= parseInt(i/100);//求百位 下面是简单的练习: 1 ...
今天学习了逻辑运算符、if、for语句基础知识。 一、逻辑运算符 1、&&(与) 一假即假,同真为真2、||(或)一真即真,同假为假3、!(非)切记:参与逻辑运算的,都是布尔值。也就是说,只有true、false才能参与 逻辑运算,得到的答案,仍然是布尔值。
今天写了个简单的页面,再熟悉了一下div+css布局,写的还可以,以后还要多练习。此外还进一步学习了定位相关知识。 1、相对定位: 相对定位有坑,所以一般不用于做“压盖”效果。页面中,效果极小。就两个作用: 1) 微调元素 2) 做绝对定位的参考,子绝父相 2、绝对定位: 绝对定位的参考点,如果用top描述,那么定位参考点就是页面的左上角,而不是浏览器的左上角。
一、布尔值 数值型里面的值,有无穷多个,因为世界上所有的数字,都是数值型;字符串型的值,有无穷多个,因为世界上所有的文字、语句都是字符串型;布尔类型的值,就两个,true、false。true 真false 假 var a = true;var b = false;console.log(a); //输出console.log(b); //输出console.log(typeof a); //输出类型console.log(typeof b); //输出类型 布尔值,直接使用就可以了,千万不要加上引号。
一、js简介用来制作页面交互效果,提高用户体验。 js页面效果:轮播图、选项卡、地图、表单验证javascript是弱变量类型的语言,变量只需要用var来声明。而java要根据变 量类型来声明, int a;float a;double a;String a;boolean a; javascript不用关心内存的释放、指针等。
在写页面过程中,每个浏览器都会有默认样式,为了避免浏览器的样式兼容问题,我们会在样式开始部分对常用标签进行重置样式。这样我们在写样式时,就不会有误差。常用的CSS标签初始化如下: @charset "UTF-8"; /*css 初始化 */ html, body, ul, li, o...
今天重点学习了CSS精灵图。 “CSS精灵”,英语css sprite,所以也叫做“CSS雪碧”技术。是一种CSS图像合并技术,该方法是将小图标和背景图像合并到一张图片上,然后利用css的背景定位来显示需要显示的图片部分。
今天主要学习了网页导航栏的制作。注意:引入外部CSS样式时,如果使用background:url(../images/1.png),一定记得用..跳出当前文件夹,回到上级目录。 一、导航栏实现步骤: 1、网页整体分为头部、内容、尾部。
今天学的不多,就只学了表单元素中的input和label标签。搬了房子,收拾了一下东西,太累了,所以没有学很多。明天还上班,今天就先到这。 一、input input标签type属性有以下几个:text、password、textarea、radio、checkbox、button、submit、reset按钮1、2、 提交3、 重置 二、label标签 checked默认被选择;radio单选name属性必须一致。
今天听了一小节,js中如何获取系统时间。最后做了一个轮播图效果,是在别人的代码上修改的,一开始做了好半天,都没做好,最后,在我的坚持下,终于做出来了。今天先到这儿,去休息了! 获取时间对象:new Date()getFullYear()getMonth()getDate()getDay()getHo...
今天学习了js入门课程,听的不多,做了个小练习,给div设置宽高、背景色。一点点都是进步。核心代码如下: JS入门_设置div宽、高、背景色 *{ margin:0; padding:0; } h2{ float: left; } #span1{ width:100px; ...
今天学的是浮动、定位、表格、表单等内容,这些是CSS中最容易混淆的知识,有许多小技巧在写代码过程中需要注意。下面是主要知识点: 一、float浮动1、块元素在一行显示2、内联元素支持宽高3、默认内容撑开宽度4、脱离文档流5、提升层级半层二、clear清除浮动1、加高(扩展性不好)给浮动元素的父级设置...
今天学完主要对所学知识点进行了整理。 一、超链接ahref:www.baidu.com(跳转页面);id名(锚点跳到相应div位置);01.rar(压缩包) target:_blank(新窗口打开);_self(当前窗口打开)二、文件路径绝对路径:(1)线上:线上绝对路径(2)线下:完整路径 相对路径:src=.
今天学习了CSS基本样式和属性。在做练习的时候遇到一个小问题,最后解决了。 记住:浏览器有默认margin和padding。样式最开始记得一定写:*{margin:0;padding:0}。 学习经验: 1、margin值相邻两个元素的margin会叠加在一起 2、margin子元素的值会传递给父元素 3、能用padding,尽量不用margin,margin浏览器兼容性较差。