JavaScript 关于元素滚动的多种场景

在这里文章虽然说是多种场景,其实说白也就是元素的内容滚动,只是对象不一样罢了(如:body 或者 div)。怎么实现元素滚动到其内容的指定位置?实现元素滚动到底部有什么应用场景?等这些问题一个个从脑中浮现。现在让我们来看看怎么实现。 首先我们最常用见或者最常用的就是浏览器默认的滚动元素 body,比如滚动到页面指定的位置,或者滚动到页面的底部,这太常见了。但是在本文中我们不用 body 来作为例...

2017
10-19

JavaScript 浅拷贝与深拷贝(对象合并)

在平时的开发中我们经常会用对对象进行合并,简单的合并,比如:用户参数也默认参数的合并。有时候需要更深层次的合并,如复杂对象的合并。而这些合并就会涉及到 JavaScript 中的浅拷贝和深拷贝。浅拷贝的思路和实现也非常的简单,深拷贝相对来说就复杂一些。 浅拷贝 方法一 看过来 // ES6 方法 浅拷贝 var a1 = { a: 1 }; var a2 = { b: 2 }; var a3 = { c: 3 }; var obj = Object.assign(a1, a2...

2017
10-16

Canvas 画圆

HTML 代码(index.html) <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>canvas 画圆 - 云库前端</title> <link rel="stylesheet" href="index.css"> <script src="index.js"></script> </head> <body> <canvas id="canvas"></canvas> <script> var ican...

2017
10-15

JavaScript HTML DOM Document 对象属性和方法

Document 对象属性 属性 描述 body 提供对 <body> 元素的直接访问。 对于定义了框架集的文档,该属性引用最外层的 <frameset>。 cookie 设置或返回与当前文档有关的所有 cookie。 domain 返回当前文档的域名。 lastModified 返回文档被最后修改的日期和时间。 referrer 返回载入当前文档的文档的 URL。 title 返回当前文档的标题。 URL 返回当前文档的 URL。 Docum...

2017
10-15

JavaScript HTML DOM Element 对象属性和方法

属性 / 方法 描述 套路 element.accessKey 设置或返回元素的快捷键。 element.attributes 返回元素属性的 NamedNodeMap。 element.childNodes 返回元素子节点的 NodeList。 element.className 设置或返回元素的 class 属性。 element.clientWidth 返回元素的可见宽度(包括padding)。 element.clientHeight 返回元素的可见高度(包括padding)。 element.offsetWidth 返回元素的宽度...

2017
10-14

ES6 let cost 基本命令

说明迟,那时快,ES6 说来就来,作为前端水军不得不默默地开始 ES6 的学习之旅,时不我待,该拥抱时就必需拥抱。那就让我们开始吧! 与之前的变量声明不同,到了ES6 分工就非常地明确了。不像之前的简单粗暴一个 var 走遍天下都不怕。如今 ES6 把 var 折成了两个一个是 let 一个是 cost。但是在程序中你依然可以同时使用这三个命令。那么它们之间有什么异同呢? 首先我们先来看看ES6 中的两个基本命令是如...

2017
10-12

JavaScipt 中函数声明与函数表达式的区别

在 JavaScript 中函数可以说是无处不在,没有了它,在 JavaScript 的世界里你就寸步难行,心有余而力不足。但在这篇文章里,我们不对函数作过多的分享,而是来看看 JavaScipt 中函数声明与函数表达式之间有什么区别。虽然这是一个很小的点,那是知道了有这么一回事,在以后的开发中你很有可能会快人一点。 要想知道它们之间的区别,我们只需要来看看两段代码就可以了: 函数声明 runDeclaration(); funct...

2017
10-11

本地存储 LocalStorage 封装

看完题目相信你应该知道这篇文章将会是什么样的内容了,对没错,直接贴出代码。下面就是把本地存储 LocalStorage 封装了下,在实践开发中不用第次都要重写一遍或者拷贝一份,要用本地存储时就直接引入 这个 localstorage.js 就可以了。这个文件代码真的不多: 看这里 /* * @Author: 朝夕熊 * @Date: 2017-10-10 21:44:14 * @Last Modified by: 朝夕熊 * @Last Modified time: 2017-10-10 22:32:42...

2017
10-10

JavaScript 判断对象是否为空

前言 在 JavaScript 的世界我们会遇到很多种意想不到的情况,更不用说如何判断对象是否为空这样的常用技巧了。本文不会长,几段代码就结束了,所以相信你应该可以在两分钟内看完。 怎么判断一个对象是否为空呢?套路也不多,就几种。我就把它们罗列出来,希望你喜欢: 空对象之旅 方法一:JSON.stringify() JSON.stringify(),用于把一个对象解析成字符串,返回值为JSON 文本的字符串。 看这里 var ...

2017
09-14

JavaScript 常用的正则表达式整理

前言 正则表达式功能之强大,不用多说,不敢想象没有正则表达式的程序世界里会是怎么样的。正则表达式是一种匹配的模式,用于匹配一个或者多个字符串。 字符串常用的一方法如: indexOf 查找下标(通过字符串) substring 获取子字符串(有两个参数,开始位置,结束位置,但不包含结束位置) charAt 获取某个字符(通过下标) split 分割字符获取数组 但在这里我们通过正则来完成字符串的一些操作。 判...

2017
08-26