Javascript
不睡觉的怪叔叔
行胜于言
展开
-
JavaScript的AJAX
一、传统的前后端交互方式1.1、异步和同步的概念同步(synchronous) —— 指一个时间段内系统只能有一个进程在执行 异步(asynchronous) —— 指一个时间段内系统可以有多个进程在执行1.2、传统前后端交互的原理 传统的前后端交互过程: 传统的前后端交互方式(无AJAX)是同步交互的方式,同步的过程只允...原创 2018-12-24 15:50:05 · 3298 阅读 · 0 评论 -
JavaScript汇总目录
一、二、三、JavaScript的引用类型四、JavaScript的面向对象之创建对象五、JavaScript面向对象的继承六、JavaScript的闭包机制七、JavaScript的DOM七、JavaScript的事件 ...原创 2018-11-09 10:32:04 · 293 阅读 · 0 评论 -
ES6之扩展对象的功能性
目录一、对象类别二、对象字面量的语法扩展2.1、属性初始值的简写2.2、对象方法的简写语法2.3、可计算属性名三、新增方法3.1、Object.is()方法3.2、Object.assign()方法四、重复的对象字面量属性五、自有属性枚举顺序六、增强对象原型6.1、改变对象的原型6.2、简化原型访问的Super引用七、正式方法的定义 ...原创 2018-12-17 09:57:34 · 272 阅读 · 0 评论 -
ES6的Symbol
一、Symbol简介 ECMAScript 6引入了一种新的原始类型:Symbol,它的功能类似于一种标识唯一性的ID。 所有原始值,除了Symbol以外都有各自的字面形式,例如布尔类型的true或数字类型的42。二、创建Symbol 可以通过全局的Symbol函数创建一个Symbol: let firstName = Symbol("f...转载 2019-03-22 17:53:07 · 165 阅读 · 0 评论 -
Web Workers
本篇文章转自http://www.ruanyifeng.com/blog/2018/07/web-worker.html目录一、概述二、基本用法2.1、主线程2.2、Worker线程2.3、Worker加载脚本2.4、错误处理2.5、关闭 Worker三、数据通信四、同页面的Web Worker五、实例:Worker线程完成轮询六、实例:Worker...转载 2019-05-10 14:11:23 · 1030 阅读 · 0 评论 -
数据结构之队列(Java和JavaScript实现)
目录一、数组队列(Java实现)二、数组队列(JavaScript实现)一、数组队列(Java实现)public class ArrayQueue<T> { private T[] a; private int N; public ArrayQueue() { a = (T[]) new Object[10]; } // 返回队列中的元素个数 pu...原创 2019-08-14 19:13:18 · 883 阅读 · 0 评论 -
数据结构之自定义数组(JAVA和JavaScript实现)
目录一、Java实现自定义数组二、JavaScript实现自定义数组 Java的原生数组是固定容量的,所以需要自己手动来写数组的扩容功能。 而JavaScript的原生数组是动态容量的,直接对其一顿操作就好了。。。一、Java实现自定义数组package array;public class Array<T> { private T[] a;...原创 2019-08-11 17:36:20 · 317 阅读 · 0 评论 -
数据结构之栈(Java和JavaScript实现)
一、基于数组实现栈(Java)public class ArrayStack<T> { private T[] a; private int N; public ArrayStack() { a =(T[]) new Object[10]; } // 返回栈里的元素个数 public int size() { return N; } // 栈里...原创 2019-08-12 17:11:29 · 186 阅读 · 0 评论 -
canvas绘制重复图案
canvas的createPattern()可以用于绘制重复图案,它可以接收image元素、canvas元素或video元素作为图案参数,并且可以传入如何重复图案的字符串参数:repeat —— 为整个区域绘制重复图案 repeat-x —— 只在x方向绘制重复图案 repeat-y —— 只在y方向绘制重复图案 no-repeat ——...原创 2019-08-16 10:24:20 · 4088 阅读 · 0 评论 -
JavaScript的Canvas绘图
目录一、Canvas简介二、Canvas基本用法三、填充和描边四、绘制矩形五、绘制路径5.1、绘制线段5.2、绘制三角形5.3、绘制圆弧5.4、绘制贝塞尔曲线5.5、线条样式六、绘制文本七、绘制图像八、模式九、使用图像数据十、阴影一、Canvas简介 <canvas>元素是HTML5新增的,一个可以使...转载 2018-12-04 16:50:41 · 863 阅读 · 0 评论 -
JavaScript的DOM
目录一、DOM简介二、节点层次三、Node类型3.1、nodeType属性3.2、nodeName和nodeValue属性3.3、节点关系3.4、操作节点四、Document类型4.1、文档的子节点4.2、文档信息4.3、查找元素4.4、特殊集合4.5、DOM一致性检测4.6、文档写入五、Element类型5.1、HTML元素5....转载 2018-11-27 16:12:45 · 667 阅读 · 0 评论 -
JavaScript的引用类型
目录一、Object类型1.1、创建Object实例的方式1.2、访问对象属性的方法二、Array类型2.1、创建数组的方式2.2、length属性2.3、转换方法2.4、栈方法和队列方法2.5、重排序方法2.6、操作方法2.7、位置方法2.8、迭代方法2.9、归并方法三、Date类型3.1、Date.parse()3.2、...原创 2018-11-08 18:13:00 · 683 阅读 · 0 评论 -
Javascript原生引用类型之Array类型
Javascript数组的特点:ECMAScript数组的每一项可以保存任何类型的数据ECMAScript数组的大小是可以动态调整的,可以随着数据的添加自动增长以容纳新数据①创建数组(两种方式)第一种:使用Array构造函数第二种:使用数组字面量②数组的length属性数组的项数保存在其length属性中通过设置这个属性,可以从数组的末尾移除项或添加项③数组转换成字符串数组继承的toLocaleS...原创 2018-02-11 21:51:41 · 247 阅读 · 0 评论 -
JavaScript引用类型之Function类型
JavaScript中的函数实际上是对象,每个函数都是Function类型的实例每个函数对象都具有属性和方法函数名实际上是一个指向函数对象的指针①创建函数对象的方式(三种)第一种:函数声明语法第二种:函数表达式第三种:Function构造函数Function构造函数可以接收任意数量的参数,但最后一个参数始终都被看成函数体②没有重载ECMAScript没有函数重载的概念,因为同名函数之间存在“覆盖”...原创 2018-02-12 17:03:20 · 441 阅读 · 0 评论 -
JavaScript面向对象之创建对象
目录一、理解对象1.1、属性类型1.1.1、数据属性1.1.2、访问器属性1.2、定义多个属性1.3、读取属性的特性二、创建对象2.1、工厂模式2.2、构造函数模式2.2.1、将构造函数当作函数2.2.2、构造函数的缺点2.3、原型模式2.3.1、理解原型对象2.3.2、遍历属性2.3.3、更简单的原型语法2.3.4、原型对象的原型...原创 2018-02-09 15:26:34 · 697 阅读 · 0 评论 -
javascript中的对象属性类型与特性总结
ECMAScript中有两种属性:数据属性和访问器属性ECMA-262第5版定义只有内部才用的特性(attribute),它们用于描述属性(property)的各种特征1. 数据属性数据属性包含一个数据值的位置,在这个位置可以读取和写入值。数据属性有4个描述其行为的特性:①[[Configurable]] 表示能否配置对应属性,包括能否删除、修改属性,能否把属性修改为访问器属性②[[En...原创 2018-02-06 17:46:23 · 193 阅读 · 0 评论 -
DOM总结一:HTML相关的DOM1级总结
目录一、DOM概念二、节点层次三、Node类型四、Document类型五、Element类型六、Text类型七、Comment类型八、CDATASection类型九、DocumentType类型十、DocumentFragment类型十一、Attr类型十二、表格DOM十三、总结中的小结一、DOM概念 DOM(文档对象模型)是针对HT...原创 2018-09-12 15:13:03 · 1138 阅读 · 0 评论 -
JavaScript的闭包机制
目录一、闭包概述1.1、闭包的概念2.1、执行环境与作用域链2.3、闭包示例2.4、闭包的缺点二、闭包的特性2.1、闭包中的变量2.2、闭包中的this对象2.3、闭包导致的内存泄露三、闭包实现的功能3.1、使用闭包模仿块级作用域3.2、实例私有变量3.3、静态私有变量3.4、模块模式3.5、增强的模块模式一、闭包概述1.1...原创 2018-09-29 09:04:52 · 1045 阅读 · 0 评论 -
JavaScript的继承
目录一、使用原型链继承1.1 原型链的基本概念1.2 默认的原型 —— Object实例1.3 确定原型与实例的关系1.4 原型链的缺点二、经典继承(借用构造函数)2.1 经典继承的缺点三、组合继承四、原型式继承五、寄生式继承5.1、寄生式继承的缺点六、寄生组合式继承6.1、组合继承的缺点6.2、寄生组合式继承的原理一、使用原型链继...原创 2018-09-25 10:01:54 · 2830 阅读 · 0 评论 -
JavaScript的事件
目录一、JavaScript事件的概念二、事件流2.1、事件冒泡2.2、事件捕获2.3、DOM事件流三、事件处理程序3.1、HTML事件处理程序3.2、DOM0级事件处理程序3.3、DOM2级事件处理程序3.4、IE事件处理程序3.5、跨浏览器的事件处理程序四、事件对象4.1、DOM中的事件对象4.2、IE中的事件对象4.3、跨浏览器的事...原创 2018-10-16 15:56:20 · 629 阅读 · 0 评论 -
canvas之橡皮筋技术
目录一、使用橡皮筋技术绘制线段二、使用橡皮筋技术绘制圆三、使用橡皮筋技术绘制多边形 橡皮筋的特点是可以拉长与缩短,那么如何在canvas的绘图当中模仿这一特点呢?就是如何产生以下的这种类似橡皮筋的效果呢? 在canvas绘图中,这种效果的原理是不断的清空画板且不断的绘制图形,而清空画板利用了canvas绘图表面的保存与恢复的机制。一、使用橡皮筋技术绘制线段...原创 2019-08-21 17:10:31 · 1898 阅读 · 0 评论