腾讯云开发者社区-腾讯云

开发者社区

文档建议反馈控制台

最新优惠活动

文章/答案/技术大牛

发布

前端布道

专栏作者

52

文章

86050

阅读量

28

订阅数

操作数组不要只会for循环

很多时候，我们在操作数组的时候往往就是一个for循环干到底，对数组提供的其它方法视而不见。看完本文，希望你可以换种思路处理数组，然后可以写出更加漂亮、简洁、函数式的代码。 reduce 数组里所有值的和 var sum = [0, 1, 2, 3].reduce(function (a, b) { return a + b; }, 0); // sum is 6 将二维数组转化为一维数组 var flattened = [[0, 1], [2, 3], [4, 5]].reduce( fun

2018-04-24

5760

前端开发必备之chrome插件

css json javascript react

Chrome浏览器目前是网络上可用的最好的浏览器之一，并且自2011年11月超越了Firefox浏览器之后，已经成为了互联网上占主导地位的浏览器。本篇文章将与大家分享一些与前端开发有关的实用的Chr

2018-04-24

1.7K0

详解各种获取元素宽高及位置的属性

offsetWidth / offsetHeight offsetWidth HTMLElement.offsetWidth 是一个只读属性，返回一个元素的布局宽度。一个典型的（各浏览器的offset

2018-04-24

3.7K0

JavaScript之常用的正则表达式

javascript 正则表达式

校验数字数字：^[0-9]*$ n位的数字：^\d{n}$ 至少n位的数字：^\d{n,}$ m-n位的数字：^\d{m,n}$ 零和非零开头的数字：^(0|[1-9][0-9]*)$ 非零开头的最

2018-04-24

5870

MEAN-全堆栈javascript开发框架

引言使用JavaScript能够完整迅速做出Web应用程序，目前一套工具包括MongoDB、ExpressJS，AngularJS和Node.js越来越受到欢迎，其开发的灵活性和易用性加快开发效率，

2018-04-11

1.2K0

Javascript之创建对象

Object构造函数创建自定义对象最简单的方式就是创建一个 Object 的实例，然后再为它添加属性和方法： // 创建对象 var person = new Object(); // 定义属性 person.name = 'laixiangran'; person.age = 28; person.job = 'Front End Software Engineer'; // 定义方法 person.sayName = function() { console.log(this.name);

2018-04-11

7930

为什么是link-visited-hover-active

前言通常我们在设置链接的一些伪类（link，visited，hover，active）样式时，要让不同的状态显示正确的样式，我们需要按一定的顺序设置这些伪类的样式。这里我就按CSS2规范中推荐的顺序进行介绍，即 link-visited-hover-active，可记为 LoVe-HAte 。要想弄明白为什么是这个顺序，首先我们需要知道，CSS在确定应当向一个元素应用哪些样式时，这通常不仅需要考虑继承，还要考虑声明的特殊性，另外需要考虑声明本身的来源，这个过程就成为层叠。下面我们分别来看看特殊性

2018-04-11

9720

ECMAScript 6入门 - let和const命令详解

let命令基本用法 ES6新增了let命令，用来声明变量。它的用法类似于var，但是所声明的变量，只在let命令所在的代码块内有效。 'use strict'; { let a = 10; var b = 1; } a // 报错，ReferenceError: a is not defined. b // 1 不存在变量提升 let不像var那样会发生“变量提升”现象。所以，变量一定要在声明后使用，否则报错。 'use strict'; console.log(foo); // 输出unde

2018-04-11

7850

JavaScript设计模式与开发实践 - 单例模式

引言本文摘自《JavaScript设计模式与开发实践》在传统开发工程师眼里，单例就是保证一个类只有一个实例，实现的方法一般是先判断实例存在与否，如果存在直接返回，如果不存在就创建了再返回，这就确保了一个类只有一个实例对象。在JavaScript里，单例作为一个命名空间提供者，从全局命名空间里提供一个唯一的访问点来访问该对象。单例模式是一种常用的模式，有一些对象我们往往只需要一个，比如线程池、全局缓存、浏览器中的window对象等。模式定义保证一个类仅有一个实例，并提供一个访问它的全局访问点。模

2018-04-11

6670

JavaScript设计模式与开发实践 - 策略模式

引言本文摘自《JavaScript设计模式与开发实践》在现实中，很多时候也有多种途径到达同一个目的地。比如我们要去某个地方旅游，可以根据具体的实际情况来选择出行的线路。如果没有时间但是不在乎钱，可以选择坐飞机。如果没有钱，可以选择坐大巴或者火车。如果再穷一点，可以选择骑自行车。在程序设计中，我们也常常遇到类似的情况，要实现某一个功能有多种方案可以选择。比如一个压缩文件的程序，既可以选择zip算法，也可以选择gzip算法。这些算法灵活多样，而且可以随意互相替换。这种解决方案就是本文将要介绍的策略

2018-04-11

8030

JavaScript设计模式与开发实践 - 观察者模式

概述观察者模式又叫发布 - 订阅模式（Publish/Subscribe），它定义了一种一对多的关系，让多个观察者对象同时监听某一个目标对象（为了方便理解，以下将观察者对象叫做订阅者，将目标对象叫做发布者）。发布者的状态发生变化时就会通知所有的订阅者，使得它们能够自动更新自己。观察者模式的使用场合就是：当一个对象的改变需要同时改变其它对象，并且它不知道具体有多少对象需要改变的时候，就应该考虑使用观察者模式。观察者模式的中心思想就是促进松散耦合，一为时间上的解耦，二为对象之间的解耦。让耦合的双方都依赖于

2018-04-11

7480

图解javascript this指向什么？

JavaScript 是一种脚本语言，支持函数式编程、闭包、基于原型的继承等高级功能。JavaScript一开始看起来感觉会很容易入门，但是随着使用的深入，你会发现JavaScript其实很难掌握，有些基本概念让人匪夷所思。其中JavaScript 中的 this 关键字，就是一个比较容易混乱的概念，在不同的场景下，this会化身不同的对象。有一种观点认为，只有正确掌握了 JavaScript 中的 this 关键字，才算是迈入了 JavaScript 这门语言的门槛。在主流的面向对象的语言中（例如Java

2018-04-11

6540

MEAN-全堆栈javascript开发框架

引言使用JavaScript能够完整迅速做出Web应用程序，目前一套工具包括MongoDB、ExpressJS，AngularJS和Node.js越来越受到欢迎，其开发的灵活性和易用性加快开发效率，

2018-04-11

1.1K0

没有更多了

社区活动

腾讯技术创作狂欢月

“码”上创作 21 天，分 10000 元奖品池！

Python精品学习库

代码在线跑，知识轻松学

博客搬家 | 分享价值百万资源包

自行/邀约他人一键搬运博客，速成社区影响力并领取好礼

技术创作特训营·精选知识专栏

往期视频·千货材料·成员作品最新动态