12 2019 档案
摘要:1、React路由介绍 1.1、单页面应用 单页面得特点:只需要加载一次主页面,通过局部刷新,就可以实现跳转或者切换页面 优点:加载速度快,用户体验比较好 缺点: 第一次加载比传统要慢一点 不利seo 页面相对复杂 返回键 1.2、安装react-router-dom 在项目命令行中,执行 cnpm
阅读全文
摘要:兄弟组件传值 实际上是间接的通过第三方来实现传值,举例,第一个儿子把值传给父亲,父亲在把这个值传给第二个儿子,这样就实现了兄弟组件传值 来看代码: 父组件代码 1 import React from 'react'; 2 import Son1 from './Son1'; 3 import Son
阅读全文
摘要:一.首先我们先来看父组件向子组件传值 1.1 我们要明白父组件 --> 子组件 是通过props这个属性来传值的 我们来看父组件的代码 1 import React from 'react'; 2 import Son1 from './Son1'; 3 class Father extends R
阅读全文
摘要:1、ES6解构赋值 1.1、解构赋值概述 解构赋值是对赋值运算符的扩展。 它是一种针对数组或者对象进行模式匹配,然后对其中的变量进行赋值。在代码书写上简洁且易读,语义更加清晰明了;也方便了复杂对象中数据字段获取。 1.2、解构模型 ES6 允许按照一定模式,从数组和对象中提取值,对变量进行赋值,这被
阅读全文
摘要:1、let与const ES2015(ES6) 新增加了两个重要的 JavaScript 关键字: let 和 const。 let 声明的变量只在 let 命令所在的代码块内有效,const 声明一个只读的常量,一旦声明,常量的值就不能改变。 1.1、let命令 let命令有以下特点: (1)代码
阅读全文
摘要:class的概念 一、我们为什么要用到class类? 因为通过class类来创建对象,使得开发者不必写重复的代码,以达到代码复用的目的。它基于的逻辑是,两个或多个对象的结构功能类似,可以抽象出一个模板, 依照模板复制出多个相似的对象。就像汽车制造商一遍一遍地复用相同的模板来制造大量的汽车车,我们暂且
阅读全文
摘要:ECMAScript6 1、ES6简介 1.1、什么是ES6 ECMAScript 6.0(以下简称 ES6)是 JavaScript 语言的下一代标准,已经在 2015 年 6 月正式发布了。它的目标,是使得 JavaScript 语言可以用来编写复杂的大型应用程序,成为企业级开发语言。 1.2、
阅读全文
摘要:使用JS实现前一天和后一天 首先,我们先在html中写两个按钮来进行简单操作 1 <button onclick="Before()">前一天</button> 2 <button onclick="After()">后一天</button> 3 <div id="app"></div> 然后通过j
阅读全文
摘要:什么是前端?前端即网站前台部分,也叫前端开发,运行在PC端,移动端等浏览器上展现给用户浏览的网页。随着互联网的发展,HTML5,CSS3,前端框架的应用,跨平台响应式网页设计能够适应各种屏幕分辨率,完美的动效设计,给用户带来极高的用户体验。(核心技术:HTML、CSS、JavaScript) 核心技
阅读全文