- 博客(15)
- 收藏
- 关注
RSS订阅原创 React学习 day-08 （React Router）
day-0808_React Router发表于 2021-11-20 更新于 2021-12-14今日目标✔ 了解什么是单页应用。✔ 掌握 react-router-dom 的使用。了解 SPA网易云音乐。SPA： Single Page Application 单页面应用程序，整个应用中只有一个页面（index.html）。MPA : Multiple Page Application 多页面应用程序，整个应用中有很多个页面（*.html）。优势：页面响应速度快，体
2021-12-16 18:05:27
196
原创 React学习 day-07（redux）
day-07Redux 基础今日目标✔ 掌握 Redux 核心概念和基本使用。✔ 掌握 react-redux 的使用。✔ 掌握 TODOLIST 的实现思路。了解 Redux目标能够说出为什么需要使用 Redux。内容Redux 中文官网，中文文档概念Redux 是一个全局状态管理的 JS 库。背景a，React 的定位只是一个用来构建用户界面的库，并不是 Web 应用的完整解决方案。因此 React 在涉及到复杂组件之间的通信时会比较棘手，而对于大型项目来说，这方面恰
2021-12-13 21:27:32
976
原创 React学习 day-06 （Hooks进阶）
day-06Hooks 进阶今日目标✔ 掌握 useEffect 清理副作用。✔ 掌握 useRef 操作 DOM。✔ 掌握 useContext 组件通讯。useEffect 清理副作用目标掌握 useEffect 清理副作用的写法。内容useEffect 可以返回一个函数这个函数称为清理函数，在此函数内用来执行清理相关的操作（例如事件解绑、清除定时器等）。清理函数的执行时机a，useEffect 的第 2 个参数不写，清理函数会在下一次副作用回调函数调用时以及组件卸载时
2021-12-12 21:23:33
784
原创 React学习 day-05
day-05HooksHooks：钩子、钩住，是 React@16.8 提供的新功能。Hooks作用： 能为函数式组件提供状态和生命周期，Hooks 只能在函数组件中使用Hooks（提供状态和生命周期）+函数组件（展示内容）Hooks解决了什么问题组件的状态逻辑复用问题a，在 Hooks 之前，组件的状态逻辑复用经历了：mixins（混入）、HOC（高阶组件）、render props 等模式。b，（早已废弃）mixins 的问题：数据来源不清晰；命名冲突。c，HOC、render p
2021-12-10 21:17:10
397
原创 防抖和节流
防抖和节流防抖：重复触发不执行，不触发的一段时间后执行（lol回城机制）<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width,
2021-12-10 21:11:25
2001
原创 React学习 day-04
day-04React 组件进阶children属性目标掌握 props 中 children 属性的用法。内容组件的子节点会被当做是 children 属性传递到子组件内部。在传递数据的时候 children 属性与普通的 prop 一样，值可以是任意类型例如数字、字符串、数组、JSX、函数等。代码function Hello(props) { return <div>该组件的子节点：{props.children}</div>};<He
2021-12-09 21:09:38
260
原创 React学习 day-03
day-03React组件通信父传子父组件通过自定义属性传递数据子组件，类组件通过this.props接收数据，函数组件通过props接收数据import React, { Component } from 'react'import Son from './Son'import Son2 from './Son2'export default class Father extends Component { state = { username: 'zs', age:
2021-12-08 23:16:16
442
原创 React学习 day-02
day-02组件的状态关于状态概念状态就是用来描述事物在某一时刻的的数据，例如：9 月 23 号时书的库存数量；18 岁时人的身高等。特点状态能被改变，改变了之后视图会有对应的变化。作用保存数据。数据变化响应到视图（React 包内部的操作）。有状态/无状态组件有状态组件：能定义 state 的组件，类组件就是有状态组件。无状态组件：不能定义 state 的组件，函数组件一般叫做无状态组件。???? 2019 年 02 月 06 日，React v16.8 中引入了 Rea
2021-12-06 21:23:20
598
原创 管理系统项目介绍
登录：收集数据 → 前端（数据校验）→ 把数据提交到后端 → 后端（数据校验）返回TOKEN → 设置到本地（持久化）并同步到Vuex（方便获取和响应式）难点：权限用户登录成功之后，后端返回当前用户的权限标识前端根据后端返回的权限标识筛选出有权限的路由筛选出来之后做了两件事情把筛选出来的动态路由通过addRoutes添加到路由实例，目的：能够通过地址栏来访问把筛选出来的动态路由添加到Vuex中，目的：给菜单栏使用界面访问控制在全局前置导航守卫里面做判断，如果有token，就直接放
2021-12-05 21:16:14
1088
原创 win10触摸板手势教程
win10触摸板手势教程|以小新air14为例一指：单击=鼠标左键二指：单击=鼠标右键上下滑动=鼠标滚轮左右滑动=图片切换对角收放=缩小放大三指：向上=查看打开程序和时间线记录向下=显示桌面左右滑动=切换程序单击=打开收索框四指：单击=打开通知中心左右滑动切换虚拟桌面...
2021-12-05 21:14:14
1663
原创 React学习-day01
day-01reactReact 是一个用于构建用户界面的 JavaScript 库。react特点声明式组件式一次学习,随处使用使用 React 除了可以开发 Web 应用，还可以使用 React Native 开发原生移动应用，甚至可以开发 VR（虚拟现实）应用（React 360）。react基本使用1.下包npm i react react-dom2.引入js文件先引入react,再引入react-dom3.创建react元素4.渲染react元素[外链图片转存失
2021-12-05 19:48:54
394
原创 前端面试题(二)
前端面试题(二)1.Vue 组件 data 为什么必须是函数组件中的data写成一个函数，数据以函数返回值形式定义，这样每复用一次组件，就会返回一份新的data，类似于给每个组件实例创建一个私有的数据空间，让各个组件实例维护各自的数据。而单纯的写成对象形式，就使得所有组件实例共用了一份data，就会造成一个变了全都会变的结果。2.Vue 中怎么自定义过滤器全局过滤器在main.js中注册, 一处注册到处使用创建 Vue 实例之前全局定义过滤器Vue.filter(“过滤器名”, (值) =&g
2021-10-26 08:59:16
107
原创 前端面试题(一)
1.var、let、const的区别使用 var 声明的变量，其作用域为该语句所在的函数内，且存在变量提升现象。使用 let 声明的变量，其作用域为该语句所在的代码块内，不存在变量提升。使用 const 声明的是常量，在后面出现的代码中不能再修改该常量的值。2.什么是css的继承继承性是指子元素继承父元素的属性在CSS中以text- , font- , line- 开头的属性都是可以继承的3.js中的break,continue和return的用法及区别break 当我们在循环中执
2021-10-10 20:08:07
60
原创 手把手教你发个包
为什么需要包 由于 Node.js 的内置模块仅提供了一些底层的 API，导致在基于内置模块进行项目开发的时，效率很低 包是基于内置模块封装出来的，提供了更高级、更方便的 API，极大的提高了开发效率 包和内置模块之间的关系，类似于 jQuery 和 浏览器内置 API 之间的关系 如何开发属于自己的包1.了解需要实现的功能2.初始化包的基础结构新建一个文件夹,作为包的根目录 在文件夹中,新建如下三个文件 package.json (包管理配置文件)
2021-10-07 19:22:19
131
原创 模块化的相关概念
为什要学习模块化？模块化： 一个js文件中可以引入另一个js文件的数据。这个特点是很基础的要求，只要是编程语言都有。而2015年之前，js没有（痛点：多个js都放在一个html文件，而不能相互引用）！2015年出了ES6，在语法层面就支持模块化，但是浏览器不支持，所以前面学习传统开发时，还是 多个js都放在一个html文件。浏览器不支持，可以： 先用开发工具（webpack）搭建一个支持模块化的环境 在这个环境中写模块化的代码 用工具打包代码，然后在浏览器中
2021-10-06 19:17:14
77
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人