前端相关
文章平均质量分 83
等待星期八
这个作者很懒,什么都没留下…
展开
-
ReactJS--组件(为什么说React提高了应用程序性能?)
如何组合组件以使应用程序易于维护。这种方法允许更新和更改组件,而不会影响页面的其余部分。无状态的例子在以下示例中,第一个组件是App。该组件是Header和Content的所有者。分别创建Header和Content,并将其添加到App组件的JSX树中。仅需要导出App组件。这样各个组件之间自己维护更新,不会影响其他部分import React from 'react';class...原创 2020-04-22 21:27:30 · 191 阅读 · 0 评论 -
学习ES6(二十四)-- 模块
一个模块组织了一组相关的JavaScript代码。模块可以包含变量和函数。模块不过是文件中编写的JavaScript代码的一部分。默认情况下,模块的变量和功能不可用。应该导出模块中的变量和函数,以便可以从其他文件中访问它们。ES6中的模块仅在严格模式下工作。这意味着模块中声明的变量或函数将无法全局访问。导出模块export关键字可用于导出模块中的组件。模块中的导出可以分类如下-命名出口...原创 2020-04-16 16:50:17 · 179 阅读 · 0 评论 -
学习ES6(二十三) -- Maps and Sets 对比
ES6引入了两个新的数据结构-映射和集合。Maps映射是键值对的有序集合。map类似于对象。但是,map和对象之间存在一些差异。这些在下面列出-Sr.No Object Map 1 键不能是对象类型 键可以是任何类型 2 键未排序 键排序 3 不可迭代 可迭代 创建map语法:let map = new Map([ite...原创 2020-04-16 16:20:16 · 151 阅读 · 0 评论 -
学习ES6(二十二) -- 创建对象详解
面向对象是遵循真实世界建模的软件开发范例。面向对象,将程序视为对象的集合,这些对象通过称为方法的机制相互通信。ES6也支持这些面向对象的组件。面向对象的编程概念首先,让我们了解 对象-对象是任何实体的实时表示。根据Grady Brooch的说法,每个对象都具有3个特征- 状态-由对象的属性描述。 行为-描述对象的行为。 身份-唯一值,...原创 2020-04-16 15:10:31 · 672 阅读 · 0 评论 -
学习ES6(二十一)-- Collections 映射和集合 详解
ES6引入了两个新的数据结构:映射和集合。 映射-此数据结构允许将键映射到值。 集-集类似于数组。但是,集合不鼓励重复。 Map对象Map对象是一个简单的键/值对。映射中的键和值可以是原始的或对象的。语法:new Map([iterable])参数iterable表示其元素由键/值对组成的任何可迭代对象。Map对象是有序的,即,Map对象按其插入顺序遍历元素。...原创 2020-04-16 14:37:23 · 372 阅读 · 0 评论 -
学习ES6(二十)-- 迭代器
迭代器是一个对象,它使我们可以一次访问一组对象。以下内置类型默认情况下是可迭代的-String Array Map Set如果对象实现了键为[Symbol.iterator]并返回迭代器的函数,则该对象被视为可迭代。for ... of循环可用于迭代集合。let marks = [10,20,30] //check iterable using for..of f...原创 2020-04-16 09:06:19 · 110 阅读 · 0 评论 -
学习ES6(十八)-- Date 详解
Date对象是JavaScript语言内置的数据类型。Date对象使用新的Date()创建,创建Date对象后,可以使用多种方法对其进行操作。大多数方法仅允许您使用本地时间或UTC(通用或GMT)时间来获取和设置对象的年,月,日,时,分,秒和毫秒字段。ECMAScript标准要求Date对象必须能够在1970年1月1日之前或之后的1亿天内以毫秒为单位表示任何日期和时间。范围是正负273,785年,...原创 2020-04-15 08:56:39 · 717 阅读 · 0 评论 -
学习ES6(十七) -- Arrays 详解
数组是值的同质集合。为简化起见,数组是相同数据类型的值的集合。它是用户定义的类型。数组的特征 数组声明分配顺序的内存块。 数组是静态的。这意味着数组一旦初始化就无法调整大小。 每个存储块代表一个数组元素。 数组元素由唯一的整数(称为元素的下标/索引)标识。 像变量一样,数组也应在使用前声明。 数组初始化是指填充数组元素。 数组元...原创 2020-04-14 18:07:42 · 333 阅读 · 0 评论 -
学习ES6(十六)-- ES6中新的字符串方法
序号 方法与说明 1 String.prototype.startWith(searchString,position=0) 如果接收方以searchString开头,则返回true;否则,返回false。position可以指定要检查的字符串的起始位置。 2 String.prototype.endsWith(searchString,endPosit...原创 2020-04-14 16:15:26 · 177 阅读 · 0 评论 -
学习ES6(十五) ES6新增 Symbol 对象详解
ES6引入了一种称为Symbol的新原始类型。它们有助于在JavaScript程序中实现元编程。语法:const mySymbol = Symbol() 或者 const mySymbol = Symbol(stringDescription)符号是一块内存,可以在其中存储一些数据。每个符号将指向不同的存储位置。Symbol()构造函数返回的值是唯一且不可变的。通过一个例子来理解...原创 2020-04-14 15:42:02 · 157 阅读 · 0 评论 -
学习ES6(十四) String对象 属性和方法详解
String对象使您可以处理一系列字符。它使用许多辅助方法包装JavaScript的字符串原始数据类型。当JavaScript在字符串基元和String对象之间自动转换时,您可以在字符串基元上调用String对象的任何辅助方法。创建String对象:var val = new String(string);String 属性Sr.No 属性和说明 1 construc...原创 2020-04-14 11:12:33 · 444 阅读 · 0 评论 -
学习(十三)ES6 - Boolean
布尔对象表示两个值,“ true”或“ false”。如果value参数省略或为0,-0,null,false,NaN,undefined或空字符串(“”),则对象的初始值为false。语法:var val = new Boolean(value);Boolean属性Sr.No 属性和说明 1 constructor 返回对创建对象的布尔函数的引用。 ...原创 2020-04-14 09:29:57 · 305 阅读 · 0 评论 -
学习ES(十二)-- Number对象详解
Number对象代表数字日期,可以是整数,也可以是浮点数。通常,您无需担心Number对象,因为浏览器会自动将数字文字转换为数字类的实例。创建数字对象的语法:var val = new Number(number);提供的任何非数字参数,则参数不能转换成数,则返回NaN(非数字)。No Property & Description 1 Number.EPSILO...原创 2020-04-09 22:33:55 · 1094 阅读 · 0 评论 -
学习ES6(十)-- 对话框
JavaScript支持三种重要类型的对话框--警报对话框,确认对话框,提示对话框。警报对话框警报对话框通常用于向用户发送警告消息。例如,如果一个输入字段要求输入一些文本,但用户未提供任何输入,则作为验证的一部分,您可以使用警报框发送警告消息。警报框仅提供一个按钮“确定”以选择并继续。<html> <head> <script ty...原创 2020-04-09 10:44:05 · 233 阅读 · 0 评论 -
学习ES6(九)-- 页面重定向
重定向是一种将用户和搜索引擎发送到不同于他们最初请求的URL的方法。页面重定向是一种自动将网页重定向到另一个网页的方法。重定向页面通常位于同一网站上,也可以位于其他网站或Web服务器上。JavaScript页面重定向window.location和window.location.href在JavaScript中,您可以使用多种方法将网页重定向到另一个网页。几乎所有方法都与window....原创 2020-04-09 10:35:11 · 381 阅读 · 0 评论 -
学习ES6(八)-Cookies
Web浏览器和服务器使用HTTP协议进行通信。HTTP是无状态协议,即,它不会在客户端发出的多个请求中维护客户端的数据。客户端和服务器之间的完整请求-响应周期定义为会话。Cookies是浏览器用于存储与用户会话有关的数据的默认机制。怎么运行的?服务器以cookie的形式向访问者的浏览器发送一些数据。浏览器可以接受该cookie。如果是这样,它将以纯文本记录的形式存储在访问者的硬盘上。现在,...原创 2020-04-08 19:48:05 · 608 阅读 · 0 评论 -
学习ES6(七)--事件
事件是文档对象模型(DOM)级别3的一部分,每个HTML元素都包含一组可以触发JavaScript代码的事件。事件是软件识别的动作或事件。它可以由用户或系统触发。事件的一些常见示例包括用户单击按钮,加载网页,单击超链接等。以下是一些常见的HTML事件。事件处理程序在事件发生时,应用程序执行一组相关任务。实现此目的的代码块称为eventhandler。每个HTML元素都有一组与其关联的事...原创 2020-04-08 19:29:39 · 576 阅读 · 0 评论 -
学习ES6(六)--函数 Lambda函数(=>) 详解
函数是可读,可维护和可重用代码的构建块。使用function关键字定义功能。以下是定义标准函数的语法。function function_name() { // function body } 要强制执行该功能,必须调用它。这称为函数调用。以下是调用函数的语法。function_name()功能分类函数可以分为返回函数和参数化函数。返回功能函数也可以将值与...原创 2020-04-08 18:57:43 · 2682 阅读 · 0 评论 -
学习ES6(五)--循环 标签控制流程
有时,某些指令需要重复执行。循环是执行此操作的理想方法。循环代表一组必须重复的指令。在循环的上下文中,重复称为迭代。定环迭代次数是确定/固定的循环称为确定循环。“ for循环”是确定循环的实现。for (initial_count_value; termination-condition; step) { //statements} 序号 定环和说明 1...原创 2020-04-08 10:10:30 · 367 阅读 · 0 评论 -
学习ES6(四)--条件控制
序号 声明与说明 1 if “ if”语句由一个布尔表达式和一个或多个语句组成。 2 if...else 'if'语句后可以跟可选的'else'语句,该语句在布尔表达式为false时执行。 3 else .. if阶梯/嵌套if语句if...else...阶梯/嵌套if语句 else…if阶梯可用于测试多个条件。以下是相同的语...原创 2020-04-08 09:09:05 · 189 阅读 · 0 评论 -
学习ES6(三)--运算符(详解) --新增扩展运算符(实际操作详解)
一个表达式是一种特殊的声明,其值是值。每个表达式都由- 操作数-表示数据。 运算符-定义如何处理操作数以产生值。 考虑下面的表达式2 +3。在表达式中,2和3是操作数,符号+(加号)是运算符。JavaScript支持以下类型的运算符-算术运算符 逻辑运算符 关系运算符 按位运算符 赋值运算符 三元/条件运算符 字符串运算符 类型运算符 扩展运算符算术运...原创 2020-04-08 08:38:45 · 438 阅读 · 0 评论 -
学习ES6(二)--变量(var let const 详解)
根据定义,变量是“内存中的命名空间”,用于存储值。换句话说,它充当程序中值的容器。变量名称称为标识符。以下是标识符的命名规则- 标识符不能是关键字。 标识符可以包含字母和数字。 除下划线(_)和美元($)符号外,标识符不能包含空格和特殊字符。 变量名不能以数字开头。 类型语法必须先声明变量,然后才能使用它。ES5语法使用var关键字实现相同的目的。声明变...原创 2020-04-07 22:14:43 · 286 阅读 · 0 评论 -
学习ES6(一)--基础语法(js)
JavaScript程序可以由- 变量-表示可以存储程序值的命名存储块。 文字-表示恒定/固定值。 运算符-定义如何处理操作数的符号。 关键字-在语言环境中具有特殊含义的单词。 下表列出了JavaScript中的一些关键字。break as any Switch case if throw Else v...原创 2020-04-07 21:20:10 · 330 阅读 · 0 评论 -
React--组件(初步认识)
React如何组合组件以使应用程序易于维护。这种方法允许更新和更改组件,而不会影响页面的其余部分。我们的第一个组件是App。该组件是Header和Content的所有者。我们将分别创建Header和Content,并将其添加到App组件的JSX树中。仅需要导出App组件。App.jsximport React from 'react';class App extends Reac...原创 2020-04-07 18:41:29 · 108 阅读 · 0 评论 -
React-JSX的简单注意事项
React使用JSX代替常规JavaScript进行模板化。不必要使用它,但是,下面是一些附带的优点。 它更快,因为它在将代码编译为JavaScript时执行优化。 它也是类型安全的,大多数错误都可以在编译期间捕获。 如果您熟悉HTML,则可以更轻松快捷地编写模板。 使用JSX在大多数情况下,JSX看起来像常规HTML。查看App.jsx中返回div的代码。...原创 2020-04-07 18:15:38 · 211 阅读 · 0 评论 -
Git
一·简介Git 是一个开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目。Git 是 Linus Torvalds 为了帮助管理 Linux 内核开发而开发的一个开放源码的版本控制软件。Git 与常用的版本控制工具 CVS, Subversion 等不同,它采用了分布式版本库的方式,不必服务器端软件支持。Git是目前世界上最先进的分布式版本控制系统(没有之一)。二·...原创 2018-07-22 16:11:15 · 170 阅读 · 0 评论 -
HTML 与 CSS 通用
<style><!--类选择器-->.red-text {<!-- css颜色样式, 1.直接对应颜色 color: red; 2.16进制RGB color:#FFFFFF; 3.2进制rgb color: rgb(0, 0, 255); -->color: red;}<!-- <style> 部分中的 class 声明的顺序是重...原创 2018-07-21 11:00:57 · 482 阅读 · 0 评论