- 博客(14)
- 收藏
- 关注
RSS订阅原创 2021-06-23
Vue学习笔记——初识 JQuery 适合中小型项目，需要多次访问DOM进行渲染，性能降低 Vue：减少不必要的DOM操作（虚拟DOM），提高渲染效率，双向数据绑定概念 核心概念：数据驱动，避免手动操作DOM Vue与React的相同点： 1.利用虚拟DOM实现快速渲染 2.轻量级 3.响应式组件 4.支持服务器渲染 5.易于集成路由工具、打包工具、状态管理工具 虚拟DOM：在JS创建类似于DOM的对象，拼装数据，把数据整体解析，一次性插入到HTML中，形成虚拟DOM <!DOCTYPE html&g
2021-06-23 17:22:33
158
原创 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
158
原创 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
130
原创 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.js handleInputChange(e){ const a
2021-03-23 16:05:54
131
原创 2021-03-21
Redux概念简述 React是视图的轻量级框架，Redux是数据层框架 Redux = Reducer + Flux Redux理念： 将所有数据放在Store中进行管理，当一个组件改变了Store的内容，其他组件就感知到Store中的数据发生改变，再来从Store中取数据，从而间接实现了组件之间的数据传递。 ...
2021-03-21 15:04:27
103
原创 2021-03-21
React学习笔记 使用react-transition-group实现动画 Transition CSSTransition TransitionGroup CSSTransition import { CSSTransition } from 'react-transition-group'; <!--App.js--> <CSSTransition in={this.state.show}//in获取当前动画状态 timeout={300}//动画执行时间 classNa
2021-03-21 14:50:27
135
原创 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
139
原创 2021-03-20
React学习笔记 React的生命周期函数 生命周期函数指在某一时刻组件会自动调用执行的函数 例如：render函数 页面挂载的周期函数 //在组件即将被挂载到页面的时刻自动执行 componentWillMount(){} //组件被挂载到页面之后，自动执行 compotentDidMount(){} props,state发生改变时的周期函数 //组件被更新之前（即将更新），自动执行 //参数nextProps和nextState分别接收新的props和state，用来设定返回true或false的条
2021-03-20 16:20:03
110
原创 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
120
原创 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
163
原创 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
114
原创 JSON和XML优缺点比较
JSON和XML优缺点比较 JSON定义 一种轻量级的数据交换格式，具有良好的阅读和便于快速编写的特性，能在不同平台之间进行数据交换。JSON采用兼容性很高的文本格式，同时也具备类似C语言体系的行为。 XML定义 扩展标记语言，用于标记电子文件使其具有结构性的标记语言，可用来标记数据、定义数据类型，是一种允许用户对自己的标记语言进行定义的源语言。XML是标准通用标记语言的子集，非常适合web传输，XML提供统一的方法来描述和交换独立于应用程序或供应商的结构化数据。 JSON和XML优缺点比较 [
2021-03-18 14:26:57
4141
2
转载 树和二叉树
完全二叉树（满二叉树）； Huffman树：带权外路径长度最小的二叉树，也成最优二叉树；Huffman编码是数据压缩技术中一种无损压缩编码。 树的遍历规则主要有两种：先根次序遍历和后根次序遍历。 树的存储结构：一棵树包含个结点间的层次关系与兄弟关系，两种关系的存储结构不同；树的层次关系，必须采用链式存储结构存储，通过链连接父母结点和孩子结点；一个结点的多个孩子结点（互称兄弟）之间是线性关系，可以采...
2019-05-05 21:07:26
214
转载 线性表的顺序存储（顺序表）和链式存储（链表）
** 线性表的顺序存储（顺序表）和链式存储（链表） ** 一、顺序表（SeqList)使用一维数组一次存放书元素。一维数组占用一块内存空间，每个存储单元的地址是连续的，通过下标识别元素，它的下标就代表了他的存储单元序号，也就表示了它的位置。 查找顺序表中的元素是方便的，根据下标就可以取出要取的元素。 当顺序表的容量不够时，顺序表不能就地扩容，要申请另一个更大容量的数组进行数组元素复制。Java...
2019-05-05 21:06:36
1483
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人