前端
文章平均质量分 73
前端学习
enchantedovo
这个作者很懒,什么都没留下…
展开
-
【React】React学习笔记七:扩展知识
一、setStatesetState更新状态的2种写法:(1)setState(stateChange, [callback])------对象式的setState 1.stateChange为状态改变**对象**(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用(2)setState(updater, [callback])------函数式的setState 1.updat原创 2021-08-17 17:33:17 · 105 阅读 · 0 评论 -
【React】React学习笔记六:redux
一、引言1.redux是什么 - redux是一个专门用于做状态管理的JS库(不是react插件库)。 - 它可以用在react, angular, vue等项目中, 但基本与react配合使用。 - 作用: 集中式管理react应用中多个组件共享的状态。2. 什么情况下需要使用redux &nb转载 2021-08-16 21:54:18 · 157 阅读 · 0 评论 -
【React】React学习笔记五:antd的按需引入+自定主题
一、原创 2021-08-15 16:14:06 · 304 阅读 · 0 评论 -
【React】React学习笔记四:React 路由
一、前言1.SPA的理解 - 单页Web应用(single page web application,SPA)。 - 整个应用只有一个完整的页面。 - 点击页面中的链接不会刷新页面,只会做页面的局部更新。 - 数据都需要通过aja转载 2021-08-14 17:31:41 · 99 阅读 · 0 评论 -
【React】React学习笔记三:React 请求处理
一、理解1.常用的ajax请求库(1)jQuery: 比较重, 如果需要另外引入不建议使用(2)axios: 轻量级, 建议使用 - 封装XmlHttpRequest对象的ajax原创 2021-08-12 18:45:17 · 414 阅读 · 0 评论 -
【React】React学习笔记二:React面向组件开发
一、React中定义组件1.函数式组件(适用于[简单组件])组件首字母必须大写函数必须有返回值render的第一个参数是组件标签,不能直接写组件名字//1.创建函数式组件function MyComponent(){ console.log(this); //此处的this是undefined,因为babel编译后开启了严格模式 return <h2>我是用函数定义的组件(适用于【简单组件】的定义)</h2>}//2.渲染组件到页面ReactDOM.rend原创 2021-08-09 22:12:06 · 225 阅读 · 0 评论 -
【React】React学习笔记一:初识React+虚拟DOM+jsx+模块
一、初识React介绍:用于动态构建用户界面的 JavaScript 库(只关注于视图)由Facebook开源特点:声明式编码组件化编码React Native 编写原生应用高效(优秀的Diffing算法)二、虚拟DOM创建0.虚拟DOM是什么?本质是Object类型的对象(一般对象)虚拟DOM比较“轻”,真实DOM比较“重”,因为虚拟DOM是React内部在用,无需真实DOM上那么多的属性。虚拟DOM最终会被React 转化为真实DOM,呈现在页面上。1.使用jsx转载 2021-08-09 15:41:55 · 143 阅读 · 0 评论 -
【TS】TypeScript学习笔记二:面向对象
零、面向对象面向对象就是程序之中所有的操作都需要通过对象来完成。举例来说:操作浏览器要使用window对象操作网页要使用document对象操作控制台要使用console对象对象是什么呢?程序是对事物的抽象,在程序中我们可以表示一个人、一条狗、一把枪、一颗子弹等等所有的事物。一个事物到了程序中就变成了一个对象。在程序中所有的对象都被分成了两个部分数据和功能,以人为例,人的姓名、性别、年龄、身高、体重等属于数据,人可以说话、走路、吃饭、睡觉这些属于人的功能。数据在对象中被成为属性,而功转载 2021-08-03 19:57:47 · 175 阅读 · 0 评论 -
【TS】TypeScript学习笔记一:入门
零、初识TSTypeScript是JavaScript的超集。它对JS进行了扩展,向JS中引入了类型的概念,并添加了许多新的特性。TS代码需要通过编译器编译为JS,然后再交由JS解析器执行。TS完全兼容JS,换言之,任何的JS代码都可以直接当成JS使用。相较于JS而言,TS拥有了静态类型,更加严格的语法,更强大的功能;TS可以在代码执行前就完成代码的检查,减小了运行时异常的出现的几率;TS代码可以编译为任意版本的JS代码,可有效解决不同JS运行环境的兼容问题;同样的功能,TS的代码量要大于JS,原创 2021-08-02 22:07:41 · 187 阅读 · 1 评论 -
【登录】Vue项目中登录功能:vuex+路由拦截+axios+scss
一、简介1.功能全局样式统一路由拦截vuex全局状态管理Cookies使用2.文件涉及的文件有:views/login/index.vuestore/modules/user.jsutils/auth.jsapi/user.js二、代码1.views/login/index.vue全局样式统一表单预验证登录请求 //只保留核心代码 methods: { handleLogin() { this.$refs.loginForm.validate原创 2021-01-22 12:10:37 · 164 阅读 · 0 评论 -
【sass】全局样式
关于scss中@mixin和@variables的学习笔记目录一、`@mixin`1. 简介(1)作用(2)与`extend`指令比较2. 使用(1)定义`@mixin`(2)使用`@mixin`(3)传递参数二、variables1. 作用2. 使用(1)定义变量(2)使用一、@mixin1. 简介(1)作用提高代码的重复使用率并简化的代码(css样式上)。(2)与extend指令比较@extend指令:通过继承从而简化了代码,但是它也有缺陷之处,首先是不够灵活,其次它还会将你不需要的其.转载 2021-01-21 16:49:18 · 579 阅读 · 0 评论 -
【Yapi】接口管理平台学习基本使用
占坑原创 2021-01-19 11:32:36 · 334 阅读 · 0 评论