zcodery-CSDN博客

原创 2021年最全 Javascript

目录第一章、基础总结数据类型(字面量)分类判断相关问题数据·变量·内存类型转换运算符Unicode 编码条件运算符(三元运算符)流程控制语句相关问题对象对象的分类基本和引用数据类型对象的相关问题函数返回值的类型枚举对象全局作用域IIFE声明提前函数作用域函数的对象

2021-01-30 13:40:28 527 3

原创 Canvas入门教程

HTML5中新增的标签用于在网页实时生成图像，并且可以操作图像内容，基本上它是一个可以用JavaScript操作的位图（bitmap）

2023-02-10 17:21:51 445

批处理(Batch)，也称为批处理脚本。顾名思义，批处理就是对某对象进行批量的处理，通常被认为是一种简化的脚本语言，它应用于DOS和Windows系统中。批处理文件的扩展名为bat。比较常见的批处理包含两类：DOS批处理和PS批处理。PS批处理是基于微软的强大的PowerShell的，用来批量处理一些任务的脚本；而DOS批处理则是基于DOS命令的，用来自动地批量地执行DOS命令以实现特定操作的脚本。更复杂的情况，需要使用if、for、goto等命令控制程式的运行过程，如同C、Basic等高级语言一样。

2022-10-24 14:05:41 287

原创 JS 数据结构图(Graph)

图目的事物之间的关系顶点：事物[通常用 V(Vertex)表示顶点的集合]边：两个事物间的关系[通常用 E(Edge)表示边的集合]边是顶点和顶点之间的连线边是有向的(A --> B)，也可以是无向的(A – B)无权图带权图代码实现：class Graph { constructor() { this.vertexes = [] /* 顶点 */ this.edges = new Dictionary() /* 边 */ }

2021-05-16 12:36:51 544

原创 JS 数据结构树及红黑树

树树二叉树的特性红黑树平衡旋转变换规则树n(n>=0)个节点构成的有限集合当 n=0 时，为空树对于任一棵非空树(n>0)，具备性质树中有一个称为**根(Root)**的特殊节点，用 r 表示其余节点可分为 m(m>0)个互不相交的有限集 T1,T2…Tm,其中每个集合本身又是一棵树，称为原来树的子树(SubTree)术语部分节点的度(Degree)：节点的子树个数树的度：树的所有节点中最大的度数叶节点(Leaf)：度为 0 的节点(也称叶子节点)

2021-05-16 12:33:27 141

原创 JS 数据结构哈希表(HashTable)

哈希表数组的特点（补充）数组进行插入时，效率较低数组进行查找操作的效率如果是基于索引进行查找效率非常高基于内容查找，效率较低数组进行删除操作，效率较低哈希表的特点哈希表通常是基于数组进行实现的优点提供非常快速的插入-删除-查找操作无论数据多少，插入和删除的效率都非常高(即 O(1)的时间级)哈希表的速度比树快，几乎瞬间可找到代码相对树简单缺点数据没有顺序，不能以一种固定的方式来遍历其中的元素哈希表的 key 是不允许重复的，不能放置相同的 key，

2021-05-16 12:20:00 901

原创 JS 数据结构集合(Set)

集合集合通常是由一组无序的，不能重复的元素组成特殊的数组元素没有顺序，也不能重复不能通过下标值进行访问，不能重复意味着相同的对象在集合中只会存在一份class Set { constructor() { this.items = {} } /* 1. 添加新元素 */ add(value) { // 1. 判断是否已经存在该元素 if (this.has(value)) return false // 2. 将该元素添加到集合中

2021-05-16 12:05:55 184

原创 JS 数据结构链表(LinkedList)

单项链表链表的每个元素由一个存储元素本身的节点和一个指向下一个元素的引用组成优势内存空间不是必须连续的，可以充分利用计算机的内存，实现灵活的内存动态管理；链表不必在创建时就确定大小，并且大小可以无限的延时下去；链表在插入和删除数据时，时间复杂度可以达到 O(1).相对数组效率高很多；缺点链表访问人一个位置的元素时，都需要从头开始访问（无法跳过第一个元素访问任意一个元素）无法通过下标直接访问元素，需要从头一个个访问，直到找到对应的元素/* 内部类 */class N

2021-05-16 11:37:33 81

原创 JS 数据结构队列及优先级队列

队列队列代码实现部分class Queue { constructor() { this.items = [] } // 1. 队尾添加元素 enqueue(element) { this.items.push(element) } // 2. 对头删除元素 dequeue() { return this.items.shift() } // 3. 返回第一个元素 front() { return this.items[0]

2021-05-16 11:34:48 83

原创 Js 数据结构栈

代码实现部分：class Stack { constructor() { /* 属性 */ this.items = [] } // 1. 将元素压入栈 push(element) { this.items.push(element) } // 2. 从栈中取出元素(栈顶) pop() { return this.items.pop() } // 3. 查看一下栈顶元素 peek() { return this.item.

2021-05-16 11:32:03 50

原创 21目前最全最完善 Vue 事件修饰符

事件修饰符① 常用字符.stop阻止单击事件继续传播(给内部事件添加，可防止事件冒泡)<div @click="divClick">  <a @click.stop="itemClick"></a> </div>.once点击事件只会出发一次<a @click.once="itemClick"></a>

2021-02-02 15:44:55 143 2

原创高阶函数 filter/map/reduce

1. 编程范式(1)命令式编程声明式编程2. 编程方式(2)面向对象编程(第一公民: 对象)函数式编程(第一公民: 函数)JavaScript 高级知识初级方法 const nums = [10, 20, 111, 222, 444, 40, 50] // 1.需求: 取出所有小于 100 的数字 let newNums = [] for (let n of nums) { if(n < 100) { newNums.push(n)

2021-01-31 12:30:47 80

原创正则表达式

作用用于定义一些字符串的规则语法：第一种变量 = new RegExp(‘正则表达式’,‘匹配模式’)第二种(字母量创建)变量 = /正则表达式/匹配规则匹配模式：i 忽略大小写g 全局匹配模式匹配规则表达式含义[ab]和[a|b]a 或者 b[a-z]任意小写字母[A-Z]任意大写字母[A-z]任意字母[0-9]任意数字{n}出现 n 次{n,m}出现 n 到 m 次.

2021-01-30 14:40:41 64

原创 Vue Router（5）

Vue-Router1. 什么是前端路由网址：router.vuejs.org后端渲染\后端路由前后端分离SPA\前端路由2. 路由的基本配置配置路由信息(index.js)安装 vue-routernpm install vue-routervue.use => 创建对象 => 挂载到实例上import VueRouter from "vue-router"import Vue from "vue"// 1. 通过vue.use(插件)，安装插件

2021-01-24 13:55:08 137

原创 Vuejs Vuex（7）

Vuex1. 什么是状态管理状态管理状态管理模式集中式存储管理Vuex 状态管理2. Vuex 的基本使用mutations -> devtoolsVuex 管理插件(Devtools)// 浏览器中安装：菜单–>扩展程序–>网上搜索 devtools–>下载基本结构import Vue from "vue"import Vuex from "vuex"// 1. 安装插件Vue.use(Vuex)// 2. 创建对象cons

2021-01-24 13:53:38 68

原创 Vuejs Promise（6）

Promise1. Promise 的基本使用什么情况会使用 Promise一般情况下是有异步操作时，使用 Promise 对这个异步操作进行封装{ resolve, reject } => then/catch三种状态： pending(等待状态)、fulfill(满足状态[一般处于该状态下])、reject(拒绝状态)主要针对回调函数(链式编程)链式情况(极端情况) <= 回调函数中回调函数情况new Promise((resolve, reject) =&

2021-01-24 13:52:13 76

原创 VueJS 基础部分-Vue CLI（4）

Vue CLI13.1 什么是 Vue CLI网站地址：cli.vuejs.org脚手架是什么东西CLI 依赖 webpack ==> node 中的 npm安装 CLI3->拉去 CLI2 模块npm install -g @vue/cli13.2 CLI2 初始化项目的过程配置相关文件vue init webpack `项目名称`13.3 CLI2 生产的目录结构的解析13.4 runtime-complier 和 runtime-only 的区别r

2021-01-16 22:05:50 77

原创 VueJS 基础部分-webpack (3)

webpack1. 为什么使用 webpackwebpack 和 gulp 对比webpack 依赖环境2. 配置 webpack 文件下载 webpack 文件// 先下载nodejs 然后在 cmd 中npm install webpack@5.0.0 -g// 查看webpack版本webpack -version// 安装淘宝镜像npm config set registry https://registry.npm.taobao.org终端配置 webp

2021-01-16 16:03:37 72

原创 VueJS 基础部分-组件化（2）

第一章组件化1.1 认识组件化组件化就是将一个页面拆分成一个个小的功能模块，每个功能模块完成属于自己这部分独立的功能，使得整个页面的管理和维护变得非常容易1.2 组件的基本使用过程<div id="app">  <my-cpn></my-cpn> <my-cpn></my-cpn> <my-cpn></my-cpn></div&

2021-01-16 16:00:20 69

原创 VueJS 基础部分（1）

1. 基础语法2. 插值语法3. 动态绑定4. 计算属性5. 事件监听6. 条件绑定7. 循环遍历8. 表单（v-model）

2021-01-16 15:53:10 88

weixin_46056955的博客