分类: 前端

27 篇文章

【React】路由跳转动画的实现
一、效果演示 react-transition-group转场动画: (如果无法播放可点击下载查看) 二、安装 这个演示界面是通过路由实现的,谈到这个我们就不得不提到成熟的react动画库:react-transition-group 首先我们通过npm进行安装(这里假定你已经学会了使用react-router-dom,react-router,r…
【React整理系列】事件处理
【React整理系列】事件处理 一、React事件命名 不同于Vue,React的事件处理机制更加接近于原生事件的写法、 对于事件类型的指定,基本上是采用原生的写法(但是具体事件回调函数的指定有所不同): <button onClick={activateLasers}> Activate Lasers </button> …
【React整理系列】React Props和State
React Props和State props作为对象,将 JSX 所接收的属性(attributes)以及子组件(children)转换为单个对象传递给组件。组件无论是使用函数声明还是通过 class 声明,都决不能修改自身的 props。 ​ 文档声明: React 非常灵活,但它也有一个严格的规则: 所有 React 组件都必须像纯函数一样保…
【React整理系列】JSX语法学习
【React整理系列】JSX语法学习 这是对官方文档的所涉及概念的补充,更多具体概念描述还请移步官方文档-JSX简介 JSX语法学习: const element = Hello, world!; JSX:既不是字符串也不是 HTML,是一个 JavaScript 的语法扩展。具有 JavaScript 的全部功能。这里需要注意的是:JSX自身也是…
vue-router的使用方式
vue-router的使用过程: ​ 一.创建vue-router组件 一般使用vue-router的组件都是视图级别的,也就是由多个组件组成,为了区分router组件与常规的小组件components,我们创建与components同等级的新文件夹:views,用于存放相关的router组件。 ​ 二.配置vue-router相关路由信息 1.创…
前后端路由与前后端渲染的概念
路由:这是一个网络工程术语,指分组从源到目的地时,决定端到端路径的网络范围的进程。 通俗地将,就是数据从服务器分发到客户端(可反向)的过程,也可粗暴的理解为url的不同 后端路由:根据url(统一资源调配符)的不同,后端(如jsp Java server page)通过对url的解析,从数据库读取数据然后动态地生成html界面,并返回该界面给前端展…
webpack初步
.在vue-cli中,webpack设置被vue-cli通过内置的@vue/cli-service这个玩意儿打包,这是vue cli3与vue cli2的区别(当然,现在已经是vue cli4.2.2了,天知道再过一年是什么样子!) 由于上述,我们可以建立一个vue.config.js文件用来设置webpack的相关内容。
箭头函数()=>{}
ES6中的箭头函数(之前确实是通过阮一峰老师的书籍学过,但是学的很模糊哦,呜呜呜) 基本语法:(参数)=>{函数内容} 注意:箭头必须和参数在同一行(显然这也是必要的) 如果只有一个参数,则括号()可以省略,如果函数只有一个语句,则{}可以省略,另外后者的写法将会默认return其属性但不需要手写return(但是这个写法,在返回对象为{}对…