2017 年值得一瞥的 JavaScript 相关技术趋势

跨年前两天,Dan Abramov在Twitter上提了一个问题:JS社区毫不犹豫的抛出了它们对于新技术的预期与期待,本文内容也是总结自Twitter的回复,按照流行度降序排列。有一个尚未确定的小点是既然函数式编程已不再是少数派,是否要把它踢出红毯呢?WebAssembly去年笔者就表示过了对于WebAssembly的期待,WebAssembly就是面向Web平台的底层代码。其初衷是希望能够使所有...
编程开发 WEB开发

JavaScript 中对象的深拷贝

在JavaScript中,对对象进行拷贝的场景比较常见。但是简单的复制语句只能对对象进行浅拷贝,即复制的是一份引用,而不是它所引用的对象。而更多的时候,我们希望对对象进行深拷贝,避免原始对象被无意修改。对象的深拷贝与浅拷贝的区别如下:浅拷贝:仅仅复制对象的引用,而不是对象本身;深拷贝:把复制的对象所引用的全部对象都复制一遍。一. 浅拷贝的实现浅拷贝的实现方法比较简单,只要使用是简单的复制语...
WEB开发 编程开发

JavaScript框架比较:AngularJS vs ReactJS vs EmberJS

选择最适合项目需求的JavaScript框架,可以提高你发布有竞争力的web app的能力。最后,你对基于JavaScript的app或网站找到了一条奇妙的思路。选择正确的框架可能对你项目的成功有着相当大的影响。它可以影响你按时完成项目并在将来维护代码的能力。JavaScript框架,如Angular.js,Ember.js或React.js,给你的代码带来结构,并保持其有序化,从而使您你的app...
WEB开发 编程开发

JavaScript 数组中的 indexOf 方法详解

最近项目遇到一个小问题代码我会简化成小例子展示给大家。用心看到最后会有收获哈,基础扎实的童鞋可以直接跳到数组类型使用。说到 indexOf 大家并不陌生,判断字符串是否包涵子字符串时特别常用(正则不熟练同学的利器)。String 类型的使用温习一下大家熟知的字符串用法,举个例子letstr=orange; str.indexOf(o);//0 str.indexOf(n);//3 ...
编程开发 WEB开发

JavaScript arguments 对象详解

1. 什么是 argumentsMDN上解释:arguments 是一个类数组对象。代表传给一个function的参数列表。我们先用一个例子直观了解下 JavaScript 中的 arguments 长什么样子。functionprintArgs(){ console.log(arguments); } printArgs(A,a,0,{foo:Hello,arguments})...
WEB开发 编程开发

深入浅出JavaScript之原型链和继承

Javascript语言的继承机制,它没有”子类”和”父类”的概念,也没有”类”(class)和”实例”(instance)的区分,全靠一种很奇特的”原型链”(prototype chain)模式,来实现继承。这部分知识也是JavaScript里的核心重点之一,同时也是一个难点。我把学习笔记整理了一下,方便大家学习,同时自己也加深印象。这部分代码的细节很多,需要反复推敲。那我们就开始吧。系...
编程开发 WEB开发

2016 年 7 个顶级 JavaScript 框架

当涉及到Web开发时,JavaScript框架往往是一些开发人员和企业最受欢迎的平台。可能,你有机会尝试过一两个顶级的JavaScript框架,但你仍然有点不确定哪个才是最佳的最值得掌握的,或者哪个值得你建议你的开发人员选择用于下一个web开发项目。JavaScript正在以惊人的速度前进,并且添加新的技能到你的存储库变得有不断的压力。为了做到这一点,知道和了解更多的顶级JavaScript框架在...
编程开发 WEB开发

JavaScript世界万物诞生记

一. 无中生有起初,什么都没有。造物主说:没有东西本身也是一种东西啊,于是就有了null:现在我们要造点儿东西出来。但是没有原料怎么办?有一个声音说:不是有null嘛?另一个声音说:可是null代表无啊。造物主说:那就无中生有吧!于是:JavaScript中的1号对象产生了,不妨把它叫做No. 1。这个No. 1对象可不得了,它是真正的万物始祖。它拥有的性质,是所有的对象都有的。__pro...
WEB开发 编程开发

15 个有趣的 JavaScript 与 CSS 库

在十一月份的前端技术列表中,我们整合了一些令人感到惊叹的 GitHub 项目,其中包含了新的 CSS 框架、node.js包管理器,以及用于实现图标、加载效果、工具提示的纯 CSS 解决方案。那么,让我们一起来看看吧。Have Fun !1. WingWing 是一个微型(压缩后仅有4KB)响应式的 CSS 框架,它提供了一个 12 列响应式网格以及基础的样式组件集,可为你的建站工作打下坚...
WEB开发 编程开发

JavaScript单例模式概念与实例

前言和其他编程语言一样,Javascript同样拥有着很多种设计模式,比如单例模式、代理模式、观察者模式等,熟练运用Javascript的设计模式可以使我们的代码逻辑更加清晰,并且更加易于维护和重构。本文将介绍Javascript模式中较为常见和实用的模式——单例模式,主要分为概念和实例部分。在介绍实例的同时也会对代码中额外的知识点进行讲解。单例模式概念首先什么是单例模式?可以这样理解:单例模式旨...
WEB开发 编程开发