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

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

JavaScript单例模式概念与实例

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

JavaScript 汉字与拼音互转终极方案 附JS拼音输入法

前言网上关于JS实现汉字和拼音互转的文章很多,但是比较杂乱,都是互相抄来抄去,而且有的不支持多音字,有的不支持声调,有的字典文件太大,还比如有时候我仅仅是需要获取汉字拼音首字母却要引入200kb的字典文件,无法根据实际需要满足需求。综上,我精心整理并修改了网上几种常见的字典文件并简单封装了一下可以直接拿来用的工具库。代码和DEMO演示github项目地址:https://github.co...
WEB开发 编程开发

2016 年 7 个顶级 JavaScript 框架

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

JavaScript 数组中的 indexOf 方法详解

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

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

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

JavaScript arguments 对象详解

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

JavaScript世界万物诞生记

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

JavaScript 中对象的深拷贝

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

JavaScript框架比较:AngularJS vs ReactJS vs EmberJS

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