JavaScript单例模式概念与实例

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

JavaScript 字符串实用常操纪要

JavaScript 字符串用于存储和处理文本。因此在编写 JS 代码之时她总如影随形,在你处理用户的输入数据的时候,在读取或设置 DOM 对象的属性时,在操作 Cookie 时,在转换各种不同 Date 时,诸此等等,繁不能数;而她那满多的 API 呵,总有些让人不愿去记忆的冲动,既然用时常搜,倒不如烂笔头一翻,顺道也体现下博客存在的价值,由此就有了这篇纪要。字符串截取1. substr...
编程开发 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中,对对象进行拷贝的场景比较常见。但是简单的复制语句只能对对象进行浅拷贝,即复制的是一份引用,而不是它所引用的对象。而更多的时候,我们希望对对象进行深拷贝,避免原始对象被无意修改。对象的深拷贝与浅拷贝的区别如下:浅拷贝:仅仅复制对象的引用,而不是对象本身;深拷贝:把复制的对象所引用的全部对象都复制一遍。一. 浅拷贝的实现浅拷贝的实现方法比较简单,只要使用是简单的复制语...
WEB开发 编程开发

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

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

如何读懂并写出装逼的函数式代码

今天在微博上看到了 有人分享了下面的这段函数式代码,我把代码贴到下面,不过我对原来的代码略有改动,对于函数式的版本,咋一看,的确令人非常费解,仔细看一下,你可能就晕掉了,似乎完全就是天书,看上去非常装逼,哈哈。不过,我感觉解析那段函数式的代码可能会一个比较有趣过程,而且,我以前写过一篇《函数式编程》的入门式的文章,正好可以用这个例子,再升华一下原来的那篇文章,顺便可以向大家更好的介绍很多基...
编程开发 WEB开发

JavaScript 易错知识点整理

前言本文是我学习JavaScript过程中收集与整理的一些易错知识点,将分别从变量作用域,类型比较,this指向,函数参数,闭包问题及对象拷贝与赋值这6个方面进行由浅入深的介绍和讲解,其中也涉及了一些ES6的知识点。JavaScript知识点1.变量作用域vara=1; functiontest(){ vara=2; console.log(a);//2 } test()...
编程开发 WEB开发

9 个用于移动APP开发的顶级 JavaScript 框架

从技术上讲,iOS、Android和Windows Phone上的移动app使用了不同的编程语言进行编码。iOS app使用Objective-C,Android app使用Java,而Windows Phone app使用.NET。但是,掌握一定量的JavaScript、CSS和HTML知识,你就可以构建超棒的移动app。因此,在本博客中,我们将讨论用于开发移动app的顶级JavaScript框...
WEB开发 编程开发

深入了解 JavaScript 中的 for 循环

在ECMAScript5(简称 ES5)中,有三种 for 循环,分别是:简单for循环for-inforEach在2015年6月份发布的ECMAScript6(简称 ES6)中,新增了一种循环,是:for-of下面我们就来看看这 4 种 for 循环。简单 for 循环下面先来看看大家最常见的一种写法:constarr=[1,2,3]; for(leti=0;i arr.length;...
WEB开发 编程开发