dengshaji4419-CSDN博客

转载 this

this指的是当前对象关键词，不能作为变量名只能读不能写，他的值只能用，不能修改函数外用this指向的是window函数内用函数是被直接调用的，this指向window被事件所调用，并以赋值的形式出现，谁调用了函数，this就指向谁转载于:https://www.cnblogs.com/7-Eleven/p/5781129.html...

2016-08-17 18:25:00 74

转载简单的留言板

制作一个简单的留言板，用户在输入框中输入内容，提交，然后内容显现在box里面依然首先需要获取到输入框，提交按钮，box；然后给提交按钮设置点击事件；获取输入框的内容；显示到box中<!DOCTYPE html><html><head> <meta charset="UTF-8"> &l...

2016-08-17 00:39:00 154

转载通过获取input的值来设置box的style属性

在第一个input里输入属性的名字，在第二个input里输入单位，通过点击按钮，改变下面box的属性，比如，在第一个input里输入width，第二个输入，200px，点击按钮，box，宽就会改变<!DOCTYPE html><html><head> <meta charset="UTF-8"> ...

2016-08-17 00:03:00 354

转载 setInterval

语法：setInterval(code,millisec[,"lang"]；code：必需。要调用的函数或要执行的代码串。millisec：周期性执行或调用 code 之间的时间间隔，以毫秒计。如：　　function show1(){　　alert(“你好”);　　}　　setInterval(show1,1000)。　　function show1(str){　　aler...

2016-08-11 22:01:00 83

转载 indexOf

indexOf（）:搜索整个数组中具有给定值得元素，返回找到的第一个元素的索引，没找到就返回-1。indexOf（）是从头到尾的搜索。var a=[1,2,3,4,5,6,1,2,1,2,3,]console.log(a.indexOf(2)) //返回1var a=[1,2,3,4,5,6,1,2,1,2,3,]；console.log(a.indexOf...

2016-07-13 18:35:00 77

转载数组求和

var a =[1,2,3,4,5]; var b =0; for(var i=0;i<a.length;i++){ // b=a[i]+b; //和下面的写法等同 b+=a[i] } console.log(b) //15转载于:http...

2016-07-11 23:17:00 59

转载如何去除数组中重复的数字

随机数组中往往有重复的数字，有的情况下就要我们清除出去，不要重复 var arr = [1,2,3,4,5,1,2,3,4,5]; var arr2 = []; for(var i=0;i<arr.length;i++){ if(arr2.indexOf(arr[i]) == -1){ ...

2016-07-11 23:05:00 635

转载数组求最大值和最小值

给定一个含有n个元素的整型数组a，找出其中的最大值和最小值分析：假如有一段数组，里面都是整数的数字，要找出最大值，那么就要另设定一个值为0，跟数组里面的数字多对比，比这个值大，后设的值取大的，比他小，保持不变例如：var arr = [1,2,5,10,4,10,23,1,2,53,2]; var a = 0 for(var i=0;i<arr.length...

2016-07-11 21:34:00 414

转载数组

数组的方法：join（）：将数组中的所有元素转化为字符串连接在一起，返回最后生成的字符串，可以指定一个可选的字符串在生成的字符串中来分隔数组的各个元素，如果不指定，默认使用逗号var a=new Array(1,2,3,4,5); console.log(a.join(',')); //1,2,3,4,5 console.log(a.join...

2016-07-11 14:36:00 70

转载 Flex布局

Flex是Flexible Box的缩写，意为"弹性布局"，用来为盒状模型提供最大的灵活性任何一个容器都可以指定为Flex布局box{display:flex}注意：webkit内核浏览器必须加上“-webkit-”前缀。设为Flex布局以后，子元素的float、clear和vertical-align属性将失效。基本概览：采用Flex布局的元素，称为Flex容器...

2016-07-09 19:00:00 62

转载 url的属性

例：http://www.baidu.com:1234/catalog/search.html?q=javascript&m=10#resultshash：URL的锚部分，包括开头的哈希（#）号，例如："#results"。文档中URL的这个部分指定文档中的某个锚的名字；host：URL的主机端口部分，例如："http://www.baidu.com:1234";...

2016-07-05 19:10:00 601

转载 BOM和DOM的区别

首先，BOM的全称为Browser Object Mode，中文名是浏览器对象模型。它的一些功能和特性如下：1. BOM提供了独立于内容而与浏览器窗口进行交互的对象2. 由于BOM主要用于管理窗口与窗口之间的通讯，因此其核心对象是window3. BOM由一系列相关的对象构成，并且每个对象都提供了很多方法与属性4. BOM缺乏标准，JavaScript语法的标准化组织是ECMA，DOM的...

2016-07-05 17:19:00 88

转载 HTTPS和HTTP的区别

HTTPS和HTTP的区别：https协议需要到ca申请证书，一般免费证书很少，需要交费。http是超文本传输协议，信息是明文传输，https 则是具有安全性的ssl加密传输协议http和https使用的是完全不同的连接方式用的端口也不一样,前者是80,后者是443。http的连接很简单,是无状态的HTTPS协议是由SSL+HTTP协议构建的可进行加密传输、身份认证的网络协议 ...

2016-07-05 10:41:00 51

转载实体符代码

.add:before {content: "\271A";}➕.edit:before {content: "\270E";}小笔 .delete:before{content: "\2718";}× .save:before { content: "\2714";}勾 .email:before{ content: "\2709";}信封 .like:before...

2016-07-04 11:48:00 84

转载切角

.linear{ width: 200px; height: 100px; background: #58a; background: linear-gradient(135deg,transparent 15px,#58a 0) top left, linear-gradient(-135deg,transparen...

2016-07-03 21:31:00 80

转载 ::selection

网站文本被选中，默认是蓝色的。要想改变，::selection能实现::selection使用语法： /*Webkit,Opera9.5+,Ie9+*/ ::selection { background: 颜色值； color:颜色值； } /*Mozilla Firefox*/ ::-moz-selection {...

2016-07-03 20:03:00 143

转载 background

background新增的属性background-size，background-clip,background-originbackground-size：基本语法 background-size: auto || <length> || <percentage> || cover || contain取值说明：1、auto:此值为默认...

2016-07-03 14:03:00 70

转载 text-overflow

语法：text-overflow ： clip | ellipsis1、clip:表示不显示省略标记(...)，而只是简单的裁切，需要在一定的高度范围内配合overflow:hidden属性使用，如果不配合的话将无任何效果；2、ellipsis：对象文本溢出时将显示省略标记(...)，需要配合overflow:hidden；white-space:nowrap一起使用才会有效...

2016-07-03 13:08:00 60

转载 border-color

border-color: <color>/*其中可以上一个值，也可以是多个值，具体我在这里不多说了，大家来时用到的也特别多*/ /*我们可以分别给各边上色*/ border-top-color: <color>/*给上边框上色*/ border-right-color: <color> /*给右边框上色*/ border...

2016-07-03 13:06:00 93

转载 animation

animation:<animation-name> || <animation-duration> || <animation-timing-function> || <animation-delay> || <animation-iteration-count> || <animation-direction>...

2016-07-03 12:13:00 52

转载平行四边形

假如要制作平行四边形的按钮可以通过使用transform：skew（）变形的属性来对这个矩形进行斜向拉伸就能实现但是，一眼就能看出，里面的内容也跟着发生了拉伸现象。解决方案一：嵌套元素方案<div class="click"> <div>CLICK ME</div></div>.clic...

2016-07-02 23:05:00 88

转载 transition

transition:transition-property||transition-duration||transition-timing-function||transition-delay。主要包含这4个属性。transition-property：none|all|<ident>.none(没有属性改变)；all（所有属性改变）这个也是其默认值；ident（...

2016-07-02 18:51:00 61

转载 transform

2016-07-02 18:33:00 44

转载 box-shadow

box-shadow和textshadow我觉得差不多box-shadow和text-shadow一样可以使用一个或多个投影，如果使用多个投影时必须需要用逗号“，”分开。box-shadow:inset(投影方式) x-offset(x轴偏移) y-offset（y轴偏移） blur-radius（模糊半径） spread-radius（阴影扩展半径） color（阴影颜色）...

2016-07-02 10:08:00 63

转载 text-shadow文字阴影

text-shadow：<length>(x轴） <length>(y轴) <shadow>(模糊半径) color（阴影颜色）length：长度值，可以是负值。用来指定阴影的延伸距离。其中X是水平偏移值，Y是垂直偏移值。x为正数值右边，y为正数值下边，负数相反。<shadow>：阴影的模糊值，不可以是负值，用来指定模糊效果的作用距...

2016-07-02 09:40:00 111

转载 linear-gradient线性渐变

linear-gradient线性渐变linear-gradient:top(开始方向)||45deg(角度) color(开始颜色) color(结束颜色)。转载于:https://www.cnblogs.com/7-Eleven/p/5634767.html

2016-07-02 09:14:00 68

转载 rgba

rgba：r是红色。　　 g是绿色。　　　b是蓝色。　　　a是透明度。以上r、g、b三个参数，正整数值的取值范围为：0 - 255。百分数值的取值范围为：0.0% - 100.0%。超出范围的数值将被截至其最接近的取值极限。。a参数，取值在0~1之间，不可为负值。rgba是制作透明色，和opacity 的区别是，后者能达到类似透明效果，但是后代子元素一并享有同样效...

2016-06-30 21:11:00 238

转载关于border-radius的个人理解

border-radius是制作边框圆角border-radius的基本语法：border-radius:none||length/length<length>：由浮点数字和单位标识符组成的长度值。不可为负值。(px,%)border-radius是一种缩写方法。如果“/”前后的值都存在，那么“/”前面的值设置其水平半径，“/”后面值设置其垂直半径。...

2016-06-30 20:56:00 212

转载 js制作tab选项卡

<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>jstab标签</title> <style type="text/css"> *{margin: 0;pad...

2016-05-23 11:08:00 91

dengshaji4419的博客