![](https://img-blog.csdnimg.cn/20201014180756916.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
文章平均质量分 56
黑木令
这个作者很懒,什么都没留下…
展开
-
前端 JavaScript 设计模式--设计模式真实业务场景
设计原则 — 真实实例1. 某打车公司的业务场景2. 某短视业务场景注释: 这两个场景是某公司的面试题, 它与设计模式紧密相关, 其中UML类图实现与代码实现, 有兴趣的同学可以进来看一下。原创 2022-01-08 16:15:03 · 836 阅读 · 0 评论 -
前端 JavaScript 设计模式--搭建开发环境
本章节的主要内容是–搭建开发环境因为所涉及到的知识点包含ES6语法, 也为了我们的执行效率更高所以我们搭建一套自己需要的开发环境。如图所示:知识点大纲1. 搭建开发环境2. 什么是面向对象3. UML 类图搭建开发环境1. 初始化 npm 环境 。2. 安装 webpack 。3. 安装 webpack-dev-server 。4. 安装 babel (解析 ES6 语法)。细节知识点:--save-dev: 1. 标识文件除了安装以外, 还要在 package.jso原创 2022-01-05 10:07:15 · 960 阅读 · 0 评论 -
JavaScript ES6 - 对象扩展
本章节的主要内容是: ES6 对象扩展一: 对象扩展 1. 属性的简洁表示方法 2. 属性表达式 3. 扩展运算符 4. Object 新增方法如图所示:1. ES6 属性的简洁表示方法: {}/**1.1 普通属性 */// ES5 对象写法{ // 示例一 let str1 = '字符' let num1 = 11111 let objES5 = { str1: str1, num1: num1 } consol原创 2022-01-05 08:41:52 · 642 阅读 · 0 评论 -
前端 JavaScript 设计模式-大纲
前端 JavaScript 设计模式大纲废话不多说, 上图有真相 。1. 一名合格的工程师必备条件:1. 对前端开发有一定的设计能力 。 1. 想要成为项目技术负责人, 设计能力是必要的基础 。 2. 从写好代码, 到做好设计, 设计模式是必经之路 2. 前端学习设计模式的困难1. 网上的资料大都是针对后端 Java 的 。2. 看得懂概念, 但是不知道怎么使用, 看完就忘 。3. 现在的前端开发大都是针对业务开发, 框架的使用, 很少有精力去研究设计模式相关内容 。3. 知原创 2022-01-04 14:25:41 · 553 阅读 · 0 评论 -
JavaScript ES6 - 函数扩展
1. 函数新增特性: 1. 参数默认值 2. rest 参数 3. 扩展运算符 4. 箭头函数 5. this 绑定 6. 尾调用原创 2022-01-04 08:43:26 · 439 阅读 · 0 评论 -
JavaScript ES6 - 数组扩展
本章节的主要内容是: ES6 数组扩展一: 数组扩展: 1. 数组新增特性 <10个API> 1. Array.from() 2. Array.of() 3. copyWithin() 4. find/findIndex 5. fill() 6. entries() / keys() / values() 7. includes()如图所示:1. ES6 Array.from()原创 2022-01-03 23:15:42 · 344 阅读 · 0 评论 -
JavaScript ES6 - 数值扩展
本章节的主要内容是: ES6 数值扩展一: 数值扩展: 数值处理的新增特性 1. 新增方法 1. 主要是关于数学处理, 如: 立方根、指数 等等 2. 方法调整 1. 有一部分是将原来的全局处理数值相关的方法, 移植到了 Number 对象上 <但是它们的功能不变> 。 3. 数值扩展常用 API 总结: 1. Number.isFinite() 2. Number.isNaN()如图所示:1. 二进制与原创 2022-01-03 17:40:58 · 614 阅读 · 0 评论 -
ES6语法——字符串扩展
字符串扩展内容一: 字符串扩展1. 字符串中处理 Unicode 字符的方法2. 字符串中遍历接口3. 模板字符串4. 常用 API 1. codePointAt 2. fromCodePoint 3. for...of... 4. includes 5. startsWith 6. endsWith 7. repeat 8. padStart 9. padEnd 10. raw如图所示:补丁: 因为一些方法是 ES7 的提案,原创 2022-01-01 23:44:26 · 418 阅读 · 0 评论 -
JavaScript ES6 - 正则表达式扩展
正则扩展: 主要来与 ES5 做一个对比 (也就是语法的扩展)1. ES6 正则新特性: 1. 构造函数的变化 2. 正则方法的扩展: 字符串支持的处理方法(注意字符串的处理方式扩展在下面各个知识点中, 并没有单独作为一个模块来分析) 3. u 修饰符 4. y 修饰符 5. s 修饰符如图所示:1. 正则构造函数{ // 声明 ES5 中的正则对象, 看原来的构造函数是怎么写的 /** * 1. 第一原创 2021-12-31 17:52:10 · 498 阅读 · 0 评论 -
JavaScript ES6 - 解构赋值
ES6 语法: 解构赋值本文主要讲解 ‘解构赋值’ 相关内容, 从两个方面入手: 1. 什么是结构赋值; 2. 解构赋值的分类 。如图所示:1. 什么是 ES6 解构赋值1. ES6 入门标准一书中的定义是: 允许按照一定的模式从数组和对象中取值, 然后对变量进行赋值, 这被称为解构 。2. 左边一种结构、右边一种结构, 然后左右按照一定的对应关系进行赋值 。2. 解构赋值的分类1. 数组的解构赋值 ⭐️2. 对象的解构赋值 ⭐️3. 字符串解构赋值4. 布尔值解构赋值5. 数值原创 2021-12-30 22:40:18 · 1035 阅读 · 2 评论 -
JavaScript ES6 - let 与 const 使用方及与var对比
ES6 语法: let 与 const本文主要讲解 let / const / var 关键字相关内容, 解释了它们的基本用法以及相关需要注意的知识点; 其中还包含一些作用域的相关概念 。let / const / var 它们的作用基本上是一致的, 但是它们还是有很多区别的; 下面我们就来看看他们之间的区别与作用 。1. 作用域1. 在 ES6 之前, 也就是 ES5 中, 有两个作用域 1. 全局作用域 2. 函数作用域 2. 在 ES6 中新增加了 '块级作用域' {} 。原创 2021-12-29 22:00:00 · 340 阅读 · 0 评论 -
ES6基础——环境构建、任务自动化、服务器搭建
ES6基础——环境构建1. 为什么学习 ES6 需要构建环境1. 因为 ES6 一些语法, 在浏览器中是不能直接运行的 。2. 环境构建内容:1. 基础架构 1. 项目需要放置那些目录 。 2. 那些目录放置那些文件 。 3. 思考为什么这样放, 它的合理性在哪里 。 4. 结合模块化的思想, 如何去创建一个前端项目的架构组成 。 2. 任务自动化 (gulp) 1. 简单来说就是自动化编译, 如 sass/less 自动编译为 css 。 3. 编译原创 2021-12-27 23:19:14 · 528 阅读 · 0 评论 -
ES6重要吗?为什么要学习ES6?
ES6 的全称 ECMAScript1. ES6 使用频率比较高的特性1. 解构赋值 (改变了参数赋值, 变量赋值的形式) 。2. 箭头函数 。3. 数据结构: Set 和 Map 。4. 异步操作: 解决回调噩梦的问题 。5. 类与对象 。6. 模块化 。2. 学习 ES6 的步骤1. 构建一套支持 ES6 的环境 ( gulp / babel / webpack / npm )。2. 学习 ES6 的基础语法 ( 了解用法; 代码用法实例; 注意事项 )3. 实际项目开发 。原创 2021-12-27 16:24:10 · 1020 阅读 · 0 评论 -
Echarts 双柱状图+折线图合并---实现效果详解(vue+Echarts实现)
此文章讲解 Echarts 在 vue 开发中的使用方式以及实现效果的 demo 示例展示; 如有疑问或者不清楚的欢迎随时提问 。废话不多说, 直接上代码以及图例 (为了让大家方便阅读, 都有自己验证过程的一些图片作为分享) 。1. 使用 echarts 版本: “echarts”: “^4.3.0”2. 安装方式: cnpm install echarts --save 或者 cnpm install echarts -S3. 在 main.js 入口文件中全局引入:1. impo原创 2021-07-06 22:11:48 · 17322 阅读 · 4 评论