- 博客(19)
- 收藏
- 关注
RSS订阅翻译 apply()、call()和bind()
每个函数都包含两个非继承而来的方法：apply()和call()。这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。首先，apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中第二个参数可以是Array的实例，也可以是arguments对象。例如：function sum(num1,num2){ return num1 +...
2019-10-28 22:32:26
226
原创 节流与防抖
浏览器中某些计算和处理要比其他的昂贵，例如在浏览器中操作DOM比非DOM交互需要更多的内存和CPU的事件，连续尝试进行过多的DOM相关操作可能UI导致浏览器挂起，有时甚至会崩溃。尤其在IE中使用onresize事件处理程序的时候容易发生，当调整浏览器大小的时候，该事件会连续触发。在onresize事件处理程序内部如果尝试进行DOM操作，其高频率的更改可能会让浏览器崩溃。为了解决短时间内重复调用事件...
2018-04-27 15:15:33
205
原创 contains( )方法
contains()方法用于检测某个节点是不是另一个节点的后代。调用contains()方法的应该是祖先节点，这个方法接收一个参数，即要检测的后代节点。如果被检测的节点是后代节点返回true;否则返回false。以下是一个例子：aler(document.documentElement.contains(document.body)); //true这个例子测试了<body>元...
2018-04-17 18:59:05
5123
原创 scrollIntoView( )方法
scrollIntoView( )可以在所有HTML元素上调用，通过滚动浏览器窗口或某个容器元素，调用元素就可以出现在视口中，如果给这个方发传入参数true或者不传参数，那么窗口滚动之后会让调用元素的顶部与视口顶部尽可能平齐。如果传入参数为false时，调用元素会尽可能全部出现在视口中，可能的话，调用元素的底部会与视口底部平齐。...
2018-04-17 15:12:21
1014
原创 选择符API
querySelector( )方法querySelector( )方法接受一个CSS选择符，返回与该模式匹配的第一个元素，如果没有找到则返回null。看下面列子：//取得body元素var body = document.querySelector("body");//取得ID为"myDiv"的元素var myDiv = document.querySelector("#myDi...
2018-04-17 11:55:28
166
原创 JSONP跨域
JSONP和JSON看起来差不多，只不过是被包含在函数调用中的JSON，就像下面一样。callback({"age":15,"name":"Jack"})JSONP由两部分组成：回调函数和数据。回调函数是当响应到来时应该在页面中调用的函数。回调函数的名字一般在请求中指定。而数据就是传如回调函数的中的JSON数据。 JSONP是通过动态添加<script>元素来使用的，使用...
2018-04-15 12:00:11
149
原创 JSON解析与序列化
JSON对象：JSON对象有两个方法：stringify()和parse().在最简单的情况下，这两个方法分别把JavaScript对象序列化为JSON字符串和把JSON字符串解析为原生JavaScript值。例如：var book = { title: "Professional JavaScript", authors: [ "Nicholas C....
2018-03-30 19:41:27
150
原创 函数方法apply()和call()
每个函数都包含两根非继承而来的方法：apply()和call().这两个方法的用途都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。 首先，apply()方法接收两个参数：一个是在其中运行函数的作用域，另一个是参数数组。其中第二个参数可以是Array的实例，也可以是arguments对象。例如：function sum(num1,num2) { retu...
2018-03-29 20:01:52
473
转载 js跳出循环的方法区别(break,continue,return)
转载至：http://blog.csdn.net/fxss5201 。https://blog.csdn.net/fxss5201/article/details/52980138 以下是转载内容： 跟许多多态语言一样,js也有break,continue,return面向对象编程语法中我们会碰到break ,continue, return这三个常用的关键字，那么关于这三个关键字的使用具...
2018-03-29 11:27:40
183
原创 水平垂直居中的几种方法
前言最近刷前端面试题经常看到CSS水平垂直居中设置的题目，找了下相关方法试了下，总结了一些比较常用的。 这里统一设置父元素和定位子元素为<div class="box"> <div id="content"></div></div>.box{ width: 400px; height: 400px; background: #cae
2017-10-31 20:01:06
374
原创 清除浮动的几种方法
(1)父级div定义 height原理：父级div手动定义height，就解决了父级div无法自动获取到高度的问题。 优点：简单、代码少、容易掌握 缺点：只适合高度固定的布局，要给出精确的高度，如果高度和父级div不一样时，会产生问题 建议：不推荐使用，只建议高度固定的布局时使用 (2)、结尾处加空div标签 clear:both <div style="clear:both"></di
2017-10-30 19:45:16
240
原创 表单标签
表单<form method="传送方式" action="服务器文件">1. ：标签是成对出现的，以开始，以结束。 2.action ：浏览者输入的数据被传送到的地方,比如一个PHP页面(save.php)。 3.method ： 数据传送的方式（get/post）。<form method="post" action="save.php"> <label for=
2017-08-25 19:53:55
376
原创 使用AJAX如何向服务器发出请求
如何做出请求1 .首先从一个URL开始，毕竟，我们要告诉浏览器到哪里找我们要的数据：var url="http://someserver.com/data.json";2.接下来使用XMLHttpRequest构造函数创建一个请求对象：var request=new XMLHttpRequest();3.下面我们要告诉这个请求对象我们希望它获取哪个URL，以及要使用哪种...
2017-08-24 20:14:19
3018
翻译 overflow,clip,visibility 溢出和剪裁以及可见性
overflow出于某种原因，一个元素固定为某个特定大小，但内容在元素中放不下。此时可以利用overflow属性来控制这种情况。 值： visible(初始值) | hidden | scroll | auto | 当为默认值visible时，元素的内容在元素框之外也可见，一般会导致内容超出其自己的元素框，但不会改变框的形状。当设置为scroll,元素的内容会在元素框的边界处
2017-08-20 20:58:34
3917
原创 地理定位API
使用 navigator对象的getCurrentPosition() 方法来获得用户的位置首先创建一个html文件：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Where am I?</title> <script src="scripts/myLoc.js"></script>
2017-08-20 19:54:43
661
原创 JavaScript计时器
**计时器方法方法 说明 setTimeout() 指定的延时时间之后来执行代码 clearTimeout(） 取消setTimeout()设置 setInterval() 每隔指定的时间执行
2017-08-12 08:14:56
324
翻译 Ajax和XMLHttpRequest对象
AjaxAjax是指异步加载页面内容的技术。XMLHttpRequest对象Ajax技术的核心就是XMLHttpRequest对象。这个对象充当着浏览器中的脚本（客户端）与服务器之间的中间人的角色。以往的请求都由浏览器发出，而JavaScript通过这个对象可以自己发送请求，同时也自己处理响应。 有一个问题是不同的浏览器实现XMLHttpRequest对象的方式不太一样。为了保证跨浏览器，你不得不
2017-08-11 19:00:32
388
翻译 onload事件和addLoadEvent函数
onload事件当我们想让一个函数在网页加载完毕之后立即执行时，可以使用onload事件，网页加载完毕会自动触发，只需把函数绑定到这个事件上：window.onload=Function;这样写能解决加载的问题，但是有时候会出现问题。假如有两个函数：firstfunction和secondfunction.如果想让这两个函数都执行的话，把它们逐一绑定到onload事件上，它们当中只有最后那个才会被执
2017-08-03 16:39:58
357
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人