随笔分类 - Javascript
Javascript Language
摘要:最简单的队列是数组Array。从前面取元素,从后面取元素,合并元素,分割元素等等都可以实现。 /** * 基于数组封装队列类 * * @returns {*} * @constructor */ function Queue() { // 属性 this.items = [] // 方法 // 1.
阅读全文
摘要:任何编程语言的简写技巧都能够帮助你编写更简练的代码,让你用更少的代码实现你的目标。让我们一个个来看看 JavaScript 的简写技巧吧。 1. 声明变量 //Longhand let x; let y = 20; //Shorthand let x, y = 20; 2. 给多个变量赋值 我们可以
阅读全文
摘要:方法如下: 1. str.replace(/oldString/g,newString) 2. str.replace(new RegExp(oldString,"gm"),newString) 3. String 对象原型方法 replaceAll 示例代码: // 字符替换方法实现 String
阅读全文
摘要:1. 事件的创建 JS中,最简单的创建事件方法,是使用Event构造器: var myEvent = new Event('event_name'); 但是为了能够传递数据,就需要使用 CustomEvent 构造器: var myEvent = new CustomEvent('event_nam
阅读全文
摘要:https://stuk.github.io/jszip/documentation/examples.html web前端解压zip文件有什么用: 只考虑标准浏览器的话, 服务器只要传输压缩包到客户端, 节约了带宽, 而且节约了传输时间, 听起来好像很厉害的说; 如果前端的代码很多, 而且包含大副
阅读全文
摘要:为什么有模块概念 理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。 但是,Javascript不是一种模块化编程语言,在es6以前,它是不支持”类”(class),所以也就没有”模块”(module)了。 require时代 Javascript社区做了很多努力,在现有
阅读全文
摘要:Ajax 原生XHR方式: var native = new XMLHttpRequest(); native.open("GET","https://api.github.com/"); native.send(); native.onreadystatechange=function(){ if
阅读全文
摘要:报错内容: Maximum call stack size exceeded 参考:https://www.jianshu.com/p/b9ba0ddd3392 对象较多,前端JS内存溢出: 数组克隆发生内存溢出位置修改: JS对象数组深拷贝:https://cloud.tencent.com/de
阅读全文
摘要:验证数字的正则表达式集 验证数字:^[0-9]*$ 验证n位的数字:^\d{n}$ 验证至少n位数字:^\d{n,}$ 验证m-n位的数字:^\d{m,n}$ 验证零和非零开头的数字:^(0|[1-9][0-9]*)$ 验证有两位小数的正实数:^[0-9]+(.[0-9]{2})?$ 验证有1-3位
阅读全文
摘要:载自:http://www.php.cn/js-tutorial-362638.html 全角:是一种电脑字符,是指一个全角字符占用两个标准字符(或两个半角字符)的位置。全角占两个字节。半角:是指一个字符占用一个标准的字符位置。半角占一个字节。接下来通过本文给大家介绍JS验证全角与半角及相互转化的知
阅读全文
摘要:原文地址:https://www.jianshu.com/p/dc1520327022 Js事件分发与DOM事件流 对JavaScript分发事件不熟悉,网上查阅相关资料整理后,记录一下对Javascript事件分发机制相关的知识。 当触发某个事件时会相应生成一个事件对象,而这个事件对象则会根据DO
阅读全文
摘要:事件派发的作用:1.派发数据,将一个封闭模块中的数据传递给另一个封闭模块。2.事件完成了较为复杂的解耦。 事件和回调函数不同在于:1、事件可以在任意地方去获取,而回调函数只能在一个地方存在,如果需要完成内容后执行函数,回调函数就只能在一个地方调用,而事件却可以在任何地方接收到数据。2、回调函数与当前
阅读全文
摘要:原文地址:https://www.jb51.net/article/127776.htm 本文实例讲述了javascript自定义事件功能与用法。分享给大家供大家参考,具体如下: 概述 自定义事件很难派上用场? 为什么自定义事件很难派上用场,因为以前js不是模块化开发,也很少协作。因为事件本质是一种
阅读全文
摘要:原文地址:http://zhangyiheng.com/blog/articles/js_event_mitter.html 需求 随着Browser客户端JS越来越复杂,MVC(Client端)设计模式成为一个很好的开发选择, 而MVC开发模式中,最基础的功能就是把Model和View关联起来,
阅读全文
摘要:原文地址:https://www.cnblogs.com/haodawang/articles/5850822.html 在讲之前,大家都知道js是基于单线程的,而这个线程就是浏览器的js引擎。首先来看一下大家用的浏览器都具有那些线程吧。 假如我们要执行一些耗时的操作,比如加载一张很大的图片,我们可
阅读全文
摘要:String.prototype.startWith = function(s) { if (s == null || s == "" || this.length == 0 || s.length > this.length) return false; if (this.substr(0, s.length) == s) return tr...
阅读全文
摘要:jQuery和其他javascript库产生$符号冲突了?$符号想必用jQuery的人都不生疏,$即代表着jQuery函数。然而$符号并不是jQuery私有的一个符号,其他javascript库也可以使用$符号作为他们的主函数。那么,当我们用的其他的库与jQuery库发生$符号冲突时该怎么办呢?我们...
阅读全文
摘要:含义:setTimeout()和setInterval()经常被用来处理延时和定时任务。使用setTimeout()处理延时任务,而使用setInterval()方法处理定时任务;setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式,而setInterval()则可以在每隔指定的毫...
阅读全文
摘要:简介AngularJS是为了克服HTML在构建应用上的不足而设计的。HTML是一门很好的为静态文本展示设计的声明式语言,但要构建WEB应用的话它就显得乏力了。所以我做了一些工作(你也可以觉得是小花招)来让浏览器做我想要的事。通常,我们是通过以下技术来解决静态网页技术在构建动态应用上的不足:类库 - ...
阅读全文
摘要:官方网站:http://webglfundamentals.org/WebGL是一种3D绘图标准,这种绘图技术标准允许把JavaScript和OpenGL ES 2.0结合在一起,通过增加OpenGL ES 2.0的一个JavaScript绑定,WebGL可以为HTML5 Canvas提供硬件3D加...
阅读全文