2018年04月_dolinyuan

原创 JS公式实例一：画圆

已知条件：圆点坐标（x0,y0）,半径r,角度degree计算：Math.sin(x) x的正弦值，返回值在-1.0到1.0之间；Math.cos(x) x的余弦值，返回值在-1.0到1.0之间；x弧度的计算公式为，2*PI/360*degree小球圆形运动轨迹：<style> #wrap{position: relative;margin:40px auto;width: 4...

2018-04-25 21:54:28 7177

转载数组的几种合并方法：

1.concatvar arr1=[1,2,3];var arr2=['a','b'];var arr3=[null,undefined];var arr = arr1.concat(arr2,arr3); //合并一var arr4=[['c','d'],3];arr=arr1.concat(arr4)//concat函数，可以合并多个数组，不影响原数组，但会造成内存浪费，不能处...

2018-04-23 22:00:36 11256

原创用法：slice,splice,split,push,pop,shift,unshift,concat,sort,reverse...

1.arry.slice(start,end)var a=[1,2,3,4,5,6];var b=a.slice(0,3); //[1,2,3] 末位不取，原数组a不变2.string.slice(start,end)var a="I am a boy";var b=a.slice(0,6) //“I am a” 末位不取，原数组a不变 // Array...

2018-04-23 16:39:27 608

转载区别 (function($){...})(jQuery)、$(function(){ })和$.fn

一、(function($){…})(jQuery)首先function(arg){...}定义了一个匿名函数，参数为arg,而调用时需要在函数后面写上括号和实参，由于操作符的优先级，函数本身也需要括号，也就成了：（function(arg){...}）(param)这就相当于定义了一个参数为arg的匿名函数，并将param作为参数来调用这个匿名函数而(function($){...})(jQue...

2018-04-22 21:43:07 9898

原创 Javascript实例 - 统计字符串中出现最多的字符

2018-04-22 21:15:24 88

转载 js中获取时间new Date()详细介绍

1、var myDate = new Date();Date() 返回当日的日期和时间。getDate() 从 Date 对象返回一个月中的某一天 (1 ~ 31)。getDay() 从 Date 对象返回一周中的某一天 (0 ~ 6)。getMonth() 从 Date 对象返回月份 (0 ~ 11)。getFullYear() 从 Date 对象以四位数字返回年份。getYear() 请使用 ...

2018-04-22 20:31:45 3426

原创 JavaScript实例 - 替换字符串中指定的内容，replace

var arr1="11ab,22bc,33cd", arr2=['ab','bc','cd'];var replaceWords = function () { this.content = arr1; this.words = arr2;}replaceWords.prototype = { changeColor:function () { ...

2018-04-21 23:22:47 299

原创 JavaScript实例 - 反转数组、字符串 reverse

var arr = ["apple","banana","orange"];方法一：var stringReverse = function(arr) { var len=arr.length,x=arr,str=""; for(var i=len-1;i>=0;i--){ str+=","+x[i]; } return str;}va..

2018-04-21 22:48:42 733

转载 Javascript函数的4种调用方法详解

1.函数的4种调用方式2.函数中this的意义3.明确构造函数对象的过程4.学会使用上下文调用函数一、函数调用方式1.先声明后调用function func(){alert("Hello World")}func();2.使用表达式定义函数，然后调用var func=function(){alert("Hello World")}func();二、方法调用，将赋值给一个对象的成员以后，就不再称...

2018-04-20 19:13:35 547

原创用纯CSS实现的箭头

//通过border(边框)的部分“拐角”实现箭头效果，比图片轻便多了1.梯形：当元素宽、高和边框的宽相近时，改变某一边的颜色可以看到一个梯形。<div id="demo"></div><style> #demo{ width:100px; height:100px; border:100px solid #ccc; b...

2018-04-19 12:00:53 590

转载写布局，左右各100px,中间自适应

1.position，margin布局这里也分三种，绝对定位，圣杯布局，自身浮动1）绝对定位：left、right：absolute；center自然流动+margin左右宽度#left,#right{width: 200px;height: 200px; background-color: #ffe6b8;position: absolute;top:10px;} #left{left:0p...

2018-04-18 10:56:52 1089

转载 session,cookie,sessionStorage,localStorage的区别及应用场景

浏览器的缓存机制提供了可以将用户数据存储在客户端上的方式，可以利用cookie,session等跟服务端进行数据交互。一、cookie和session都是用来跟踪浏览器用户身份的会话方式。区别： 1.cookie保存在浏览器端，session保存在服务器端 2.使用方式： (1)cookie机制：如果不在浏览器中设置过期时间，cookie被保存在内存中，生命周期随浏览...

2018-04-16 19:47:09 200

转载 HTML5 的5个强大的API

HTML5提供了一些非常强大的JavaScript和HTML API，来帮助开发者构建精彩的桌面和移动应用程序1.全屏API（Fullscreen API） https://www.w3.org/TR/fullscreen/该API允许开发者以编程方式将Web应用程序全屏运行，使Web应用程序更像本地应用程序。 2.页面可见性API（Page Visibility API） https://www...

2018-04-16 18:47:29 1392

转载处理HTML5新标签的浏览器兼容版问题

IE8（不包括IE8）要支持HTML5新标签，需添加JavaScript+CSSJavaScript代码：var e = "abbr, article, aside, audio, canvas, datalist, details, dialog, eventsource, figure, footer, header, hgroup, mark, menu, meter, nav, outpu...

2018-04-16 18:14:55 1019

转载 js获取当前路径的url

//获取当前窗口的Url //returnUrl=http://localhost:8080/shopping/buyCart.shtml?skuId=510&amount=1 window.location.href //获取当前窗口的主机名例如:http://localhost:8080 window.location.host ...

2018-04-15 16:21:04 382

转载获取屏幕宽高width(),outerWidth,innerWidth,clientWidth的区别

$(window).width 屏幕可视区域的宽高，不包括滚动条与工具条document.documentElement.clientWidth 屏幕可视区域的宽高，不包括滚动条与工具条。window.innerWidth 获得可视区域的宽高，包含纵向滚动条的宽度，IE8和以下不支持window.outerWidth 获得加上工具条与滚动条窗口的宽度，IE8和以下不支持document.body....

2018-04-15 12:23:25 585

转载 input元素与文字对齐

示例代码<style>*{margin:0;}label{vertical-align:middle}.inputcheckbox{vertical-align:middle;}body{font-family:tahoma;font-size:12px;}</style><input class="inputcheckbox" name="test" v...

2018-04-14 17:38:00 3088

转载 CSS预处理器LESS

CSS预处理器定义：CSS预处理器定义了一种新的语言，其基本思想是，用一种专门的编程语言，为CSS增加了一些编程的特性，将CSS作为目标生成文件，然后开发者就只要使用这种语言进行编码。---文译参考：https://www.w3cplus.com/css/css-preprocessor-sass-vs-less-stylus-2.html列举：Less,Sass,Stylus,Scss等http...

2018-04-13 23:44:55 365

转载 javascript中childNodes与children的区别

1、childNodes：获取节点，不同浏览器表现不同；　　IE：只获取元素节点；　　非IE：获取元素节点与文本节点；　　解决方案：if(childNode.nodeName=="#text") continue 或者 if(childNode.nodeType != '3') continue 2、children：获取元素节点，浏览器表现相同。　　因此建议使用children。3、firstC...

2018-04-13 14:47:58 1635

转载 DOM中的NodeList与HTMLCollection

我现在还倾向于HtmlCollection的使用，大概是觉得比较方便获得元素定位，以后可能会改变想法吧。NodeList NodeList是一个节点的集合(既可以包含元素和其他节点)，在DOM中，节点的类型总共有12种，通过判断节点的nodeType来判断节点的类型。我们可以通过Node.childNodes和document.querySelectAll() (返回N...

2018-04-13 10:20:28 227

转载 Js 获取HTML DOM节点元素的方法小结

1.通过顶层document节点获取： 1) document.getElementById(elementId) 节点的ID 2) document.getElementsByName(elementName) 节点的name，返回同样名称的节点数组。然后通过获取节点的某个属性来判断是否为需要的节点。例如：在HTML中checkbox和radio都是通过相同的name属性值，...

2018-04-12 22:33:03 640

转载 javascript循环不能正确输出i值的问题

示例代码：<ul> <li>1</li> <li>2</li> <li>3</li> <li>4</li> <li>5</li> </ul&

2018-04-12 19:08:41 260

转载 return 使用

语法：return[()[expression][]];执行结果是，return 语句从当前函数退出，并从那个函数返回一个值。用 return 语句来终止一个函数的执行，并返回 expression 的值。如果可选项expression 被省略，或在函数内没有 return 语句被执行，则把值 undefined 赋给调用当前函数的表达式。function myfunction(arg, arg...

2018-04-12 18:46:58 280

转载闭包简介

闭包：一是利用一种方式实现局部变量的功能，也就是读取函数内部的变量。二是让变量的值始终保存在内存中，这是个雷。原始1：function f1(){ var a=1; function f2(){ alert(a); }; return f2};console.log(f1());//function f2(){alert(a);};consol...

2018-04-12 17:52:07 101

原创 offset++,client++ 列表和他们的区别

offsetLeft,clientX ,offsetX 定义和区别首先要明确目的，是要获得对象obj相对于窗口(版面or内容)的属性值clientLeft,clientTop 表示内容区域的左上角相对于整个元素左上角的位置，包括边框。clientWidth,clientHeight 表示内容区域的宽高，不包括边框宽度值offsetLeft,offsetTop 相对于最近的祖先定位元素offsetP...

2018-04-09 15:46:38 346

原创立即执行函数: (function ( ){...})( ) 与 (function ( ){...}( )) 的区别

2018-04-09 15:16:19 148

dolin88的博客