- 博客(14)
- 收藏
- 关注
RSS订阅原创 2021-06-23
Vue学习笔记——初识JQuery 适合中小型项目，需要多次访问DOM进行渲染，性能降低Vue：减少不必要的DOM操作（虚拟DOM），提高渲染效率，双向数据绑定概念核心概念：数据驱动，避免手动操作DOMVue与React的相同点：1.利用虚拟DOM实现快速渲染2.轻量级3.响应式组件4.支持服务器渲染5.易于集成路由工具、打包工具、状态管理工具虚拟DOM：在JS创建类似于DOM的对象，拼装数据，把数据整体解析，一次性插入到HTML中，形成虚拟DOM<!DOCTYPE html&g
2021-06-23 17:22:33
76
原创 2021-04-01
面经积累HTTP协议HTTP是基于TCP/IP的应用层协议，不涉及数据包的传输，主要规定了客户端和服务器之间的通信格式，默认使用80端口，简单来说就是客户端与服务端进行数据传输的一种规则。HTTP URL：包含用于查找某个详细资源的详细信息格式：http://host[":"port][abs_path]HHTP请求：由请求行，消息报头，请求正文组成HTTP请求状态行请求行由请求Method, URL 字段和HTTP Version三部分构成, 总的来说请求行就是定义了本次请求的请求方式,
2021-04-01 15:43:48
86
原创 2021-03-25
React学习笔记Redux中发送异步请求获取数据添加一个生命周期函数（异步请求）//在TodoList.js中，render函数下方添加componentDidMount(){ axios.get('./list.json').then((res)=>{ //获取成功就能接受res const data=res.data; const action = initListAction(data); store.dispatch(action); })}改变sto
2021-03-26 17:13:51
73
原创 2021-03-23
Redux使用actionCreator统一创建action在store文件目录下创建actionCreators.js文件import { CHANGE_INPUT_VALUE } from './actionTypes';export const getInputChangeAction = (value) => ({ type:CHANGE_INPUT_VALUE, value});//TodoList.jshandleInputChange(e){ const a
2021-03-23 16:05:54
65
原创 2021-03-21
Redux概念简述React是视图的轻量级框架，Redux是数据层框架Redux = Reducer + FluxRedux理念：将所有数据放在Store中进行管理，当一个组件改变了Store的内容，其他组件就感知到Store中的数据发生改变，再来从Store中取数据，从而间接实现了组件之间的数据传递。...
2021-03-21 15:04:27
50
原创 2021-03-21
React学习笔记使用react-transition-group实现动画TransitionCSSTransitionTransitionGroupCSSTransitionimport { CSSTransition } from 'react-transition-group';<!--App.js--><CSSTransition in={this.state.show}//in获取当前动画状态 timeout={300}//动画执行时间 classNa
2021-03-21 14:50:27
70
原创 2021-03-20
React学习笔记使用Charles实现本地数据mock（模拟）建立一个json文件，保存数据['Dell', 'Lee', 'IMOOC']在Charles填写相关参数Charles的功能就是可以抓住浏览器向外发出的请求，并对这些请求进行一些处理，相当于中间代理服务器。componentDidMount(){ axios.get('./api/todolist') .then((res)=>{ //打印接口返回的数据 console.log(res.data
2021-03-20 16:45:10
88
原创 2021-03-20
React学习笔记React的生命周期函数生命周期函数指在某一时刻组件会自动调用执行的函数例如：render函数页面挂载的周期函数//在组件即将被挂载到页面的时刻自动执行componentWillMount(){}//组件被挂载到页面之后，自动执行compotentDidMount(){}props,state发生改变时的周期函数//组件被更新之前（即将更新），自动执行//参数nextProps和nextState分别接收新的props和state，用来设定返回true或false的条
2021-03-20 16:20:03
56
原创 2021-03-20
React学习笔记虚拟DOM中Diff算法在新旧虚拟DOM的比对时会用到Diff算法React中的setState是异步的，能将多次的setState变成一次setState，从而优化性能。在虚拟DOM比对时，有一个同层比对的概念，好处是算法比较简单，从而速度比较快；逐层比对，当发现差异时，就停止比对了，直接从此DOM节点重新生成替换。在React列表循环中引入了key，目的是为了在虚拟DOM比对时优化性能，key值要保持稳定，在程序中能不用index作为key值就不用，index会导致key不
2021-03-20 11:14:01
60
原创 2021-03-19
React学习笔记Props，State与render函数当组件的props或者state发生改变时，render函数就要重新执行当父组件的render函数被运行时，子组件的render函数也会被执行一次什么是虚拟DOM（本质是JS对象）假设实现react首先要定义数据 state再有JSX 模板在render函数里边 数据与模板结合，生成真实的DOM，来显示当数据 state发生改变，render函数再次执行数据和模板再次结合，生成真实的DOM，然后替换原始DOM（数据更新，页面
2021-03-19 19:07:55
93
原创 2021-03-19
React学习笔记PropTypes和DefaultProps应用PropTypes是对外部传来的prop进行校验例：//import PropTypes from ‘prop-types’;TodoItem.propTypes={test:PropTypes.string.isRequired,//父组件传递给子组件的test属性是必须的并且是string类型content:PropTypes.string,//传递类型是字符串deleteItem:PropTypes.func,//传递类
2021-03-19 18:29:21
51
原创 JSON和XML优缺点比较
JSON和XML优缺点比较JSON定义一种轻量级的数据交换格式，具有良好的阅读和便于快速编写的特性，能在不同平台之间进行数据交换。JSON采用兼容性很高的文本格式，同时也具备类似C语言体系的行为。XML定义扩展标记语言，用于标记电子文件使其具有结构性的标记语言，可用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。XML是标准通用标记语言的子集，非常适合web传输，XML提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。JSON和XML优缺点比较[
2021-03-18 14:26:57
3694
2
转载 树和二叉树
完全二叉树（满二叉树）；Huffman树：带权外路径长度最小的二叉树，也成最优二叉树；Huffman编码是数据压缩技术中一种无损压缩编码。树的遍历规则主要有两种：先根次序遍历和后根次序遍历。树的存储结构：一棵树包含个结点间的层次关系与兄弟关系，两种关系的存储结构不同；树的层次关系，必须采用链式存储结构存储，通过链连接父母结点和孩子结点；一个结点的多个孩子结点（互称兄弟）之间是线性关系，可以采...
2019-05-05 21:07:26
127
转载 线性表的顺序存储（顺序表）和链式存储（链表）
**线性表的顺序存储（顺序表）和链式存储（链表）**一、顺序表（SeqList)使用一维数组一次存放书元素。一维数组占用一块内存空间，每个存储单元的地址是连续的，通过下标识别元素，它的下标就代表了他的存储单元序号，也就表示了它的位置。查找顺序表中的元素是方便的，根据下标就可以取出要取的元素。当顺序表的容量不够时，顺序表不能就地扩容，要申请另一个更大容量的数组进行数组元素复制。Java...
2019-05-05 21:06:36
1344
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人