IMCLT-优快云博客

原创 React系列(一) -邂逅React开发

一. 认识React 1.1. React是什么？ React是什么呢？相信每个做前端的人对它都或多或少有一些印象。这里我们来看一下官方对它的解释：用于构建用户界面的 JavaScript 库。我们知道对于前端来说，主要的任务就是构建用于界面，而构建用于界面离不开三个技术： HTML：构建页面的结构 CSS：构建页面的样式 JavaScript：页面动态内容和交互那么使用最原生的HTML、CSS、JavaScript可以构建完整的用户界面吗？当然可以，但是会存在很多问题比如操作DOM兼容

2020-07-13 09:20:57 291

原创 axios具体应用

准备工作安装axios npm install axios --save bower install axios --save 引用直接script标签引用 <script src="https://unpkg.com/axios/dist/axios.min.js"></script> ES6 import引用因为axios不是vue的插件，所以不能直接用use方法，需要将其加载到原型上。 import axios from 'axios' axios.get();

2020-06-29 19:24:59 209

原创 JS节流和防抖细讲

节流防抖 1.1. 对防抖和节流的认识防抖和节流的概念其实最早并不是出现在软件工程中，防抖是出现在电子元件中，节流出现在流体流动中而JavaScript是事件驱动的，大量的操作会触发事件，加入到事件队列中处理。而对于某些频繁的事件处理会造成性能的损耗，我们就可以通过防抖和节流来限制事件频繁的发生；防抖和节流函数目前已经是前端实际开发中两个非常重要的函数，也是面试经常被问到的面试题。但是很多前端开发者面对这两个功能，有点摸不着头脑：某些开发者根本无法区分防抖和节流有什么区别（面试经常会被问到）；

2020-06-15 19:49:33 657

原创 ES6语法

1.this的概念及指向问题 this是Javascript语言的一个关键字。它代表函数运行时，自动生成的一个内部对象，只能在函数内部使用。随着函数使用场合的不同，this的值会发生变化。但是有一个总的原则，那就是this指的是调用函数的那个对象。 this的使用情况： 1、作为普通函数调用，这时函数属于全局性调用，因此this就代表全局对象window（回调函数，函数表达式） 2、作为对象...

2020-05-06 17:24:25 240

原创 JS中的DOM

1.DOM的概念及作用 DOM是”Document Object Model”的首字母缩写，即文档对象模型。用来描绘一个层次化的节点树，允许开发人员获取、添加、移除和修改页面的某一部分元素。 [外链图片转存失败,源站可能有防盗链机制,建议将图片保存下来直接上传(img-r2E5f4U7-1588756398359)(C:\Users\Administrator\Desktop\第二阶段大纲\im...

2020-05-06 17:13:34 389

原创 JS中的BOM

1.BOM概念 BOM : Browser Object Model 浏览器对象模型，用来描述与浏览器进行交互的方法和接口。 BOM提供了很多对象，用于访问浏览器的功能，这些功能与任何网页内容无关。 BOM 的核心对象是 window ，它表示浏览器的一个实例。window对象有双重角色，它既是通过JavaScript 访问浏览器窗口的一个接口，又是ECMAScript规定的全局对象。这意味着在...

2020-05-06 17:12:06 245

原创 JS中的 Math和Date

1.Math内置对象的常见API Math.round() ：将括号里面的数字采用四舍五入形式取整。 Math.abs()：求绝对值 Math.ceil()：将括号里面的小数采用向上取整 Math.floor()：将括号里面的小数采用向下取整 Math.pow()：求幂，第一个参数是底数，第二个参数是指数。 Math.max()：求括号里面数字的最大值，数字之间逗号隔开。 Math.min()：...

2020-05-06 17:08:44 336

原创 JS数组

1.数组的概念及定义数组：一组任意类型或者相同类型的数据。除了 Object 类型之外，**Array 类型是ECMAScript 最常用的类型。**而且 ECMAScript 中的 Array 类型和其他语言中的数组有着很大的区别。虽然数组都是有序排列，但 ECMAScript中的数组每个元素可以保存任何类型。ECMAScript 中数组的大小也是可以调整的。 2.构造函数的简单介绍...

2020-05-06 17:03:59 706

原创 JS函数

1.函数的概念及作用 **函数实际上是对象,同时也是对象的构造器。**每个函数都是 Function 类的实例对象，而且都与其他引用类型一样具有属性和方法。由于函数是对象，因此函数名实际上也是一个指向函数对象的指针（函数名等同于函数体）普通函数可以封装任意多条语句，而且可以在任何地方、任何时候调用执行。 2.函数的创建 ECMAScript 中的函数使用 function 关键字来声明，...

2020-05-06 17:02:12 247

原创 JS循环

1.程序的三大结构(了解) 顺序结构选择结构循环结构 2.语句的概念 ECMA-262 规定了一组语句（也称为流控制语句）。从本质上看，语句定义了 ECMAScript 中的主要语法，语句通常使用一个或多个关键字来完成给定任务。语句可以很简单，例如退出程序；也可以比较复杂，例如指定重复执行某个命令的次数。 3.程序的单分支结构 IF语句大多数编程语言中最为常用的一个语句就是 if ...

2020-05-06 17:01:01 124

原创 JS逻辑分支

1.程序的三大结构(了解) 顺序结构选择结构循环结构 2.语句的概念 ECMA-262 规定了一组语句（也称为流控制语句）。从本质上看，语句定义了 ECMAScript 中的主要语法，语句通常使用一个或多个关键字来完成给定任务。语句可以很简单，例如退出程序；也可以比较复杂，例如指定重复执行某个命令的次数。 3.程序的单分支结构 IF语句大多数编程语言中最为常用的一个语句就是 if ...

2020-05-06 16:59:22 163

原创 JS基本语法

1.前端开发的基本介绍及前端开发的核心数据渲染用户体验性能优化 2.javascript基本介绍及发展趋势 JavaScript 诞生于 1995 年。布兰登·艾奇（Brendan Eich）开发。 JavaScript是一种轻量级、解释型的Web开发脚本语言 3.一个完整的JavaScript 由三个不同的部分组成：核心（ECMAScript）：描述了该语言的语法和基本对象（e...

2020-05-06 16:57:30 230

原创 js中this指向问题

1.全局this // 1、全局this指window console.log(this) 2.全局函数里的this // 2、全局函数里的this指window function fn () { console.log(this) } fn() 3.事件处理函数里的this // 3、事件处理函数里的this指绑定事件的DO...

2020-04-27 20:29:16 152

原创 ECMAScript5

ECMAScript51.什么是ES52.strict模式2.1为什么使用严格模式2.2严格模式的限制2.2.1 不允许使用未声明的变量2.2.2 对象也是一个变量2.2.3 不允许删除变量或对象2.2.4 不允许删除函数2.2.5 不允许变量重名2.2.6 不允许使用八进制2.2.7 不允许使用转义字符2.2.8 不允许使用转义字符2.2.9 不允许对只读属性赋值2.2.10 不允许对一个使用g...

2020-04-27 20:23:43 788

原创 JavaScript 面向对象

面向对象概论：面向对象是相对于面向过程来讲的，面向对象方法，把相关的数据和方法组织为一个整体来看待，从更高的层次来进行系统建模，更贴近事物的自然运行模式。一切事物皆对象对象具有封装和继承特性对象与对象之间使用消息通信，各自存在信息隐藏创建对象的几种常用方式 1.使用Object或对象字面量创建对象 2.工厂模式创建对象 3.构造函数模式创建对象 4.原型模式创建对象 1....

2020-02-23 19:52:21 197