ghost12138-CSDN博客

转载 react学习-部分扩展

1. setStatesetState更新状态的2种写法说明setState是同步的，但是调用完setState后的后续动作为异步的方法1、对象式：setState(stateChange, [callback])------对象式的setState1.stateChange为状态改变对象(该对象可以体现出状态的更改)2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用 add = () => { const

2021-05-11 19:48:09 79

原创 react学习-redux部分

1、redux安装npm i reduxwhat某个组件的状态，需要让其他组件可以随时拿到(共享)一个组件需要改变另一个组件的状态(通信)总体原则：能不用就不用工作流程图核心概念1、action1、动作的对象2、包含2个属性type：标识属性, 值为字符串, 唯一, 必要属性data：数据属性, 值类型任意, 可选属性3、例子：{ type: ‘ADD_STUDENT’,data:{name: ‘tom’,age:18} }2、reducer1、用于初始化状

2021-05-11 19:47:32 92

原创 react学习-脚手架部分

0-1、生成唯一id 使用UUID/nanoid(推荐)-----------------npm i nanoid0-2解构赋值-新 //获取value const { keyWordElement: {value}} = this;0-3 js注释在vs code中折叠//#region ....//#endregion1、样式的模块化-解决css冲突css文件命名: index.module.css引入: import hello from ‘./index.module

2021-05-11 19:46:52 106

原创 react学习-基础部分

React教程学习1、hello-react  <div id="test"></div>   <script src="../js/react.development.js"></script>  <script src="../js//rea

2021-05-11 19:45:30 118

原创 react学习-基础

React教程学习1、hello-react  <div id="test"></div>   <script src="../js/react.development.js"></script>  <script src="../js//rea

2021-04-29 08:58:06 99

原创 git常用指令

git基础概念客户端并不只是提取最新版本的文件快照，而是把代码仓库完整的镜像下来git核心本质上是一个键值对数据库。可以向该数据库插入任意类型的内容，他会返回一个键值，通过该值可以在任意时刻再次检索该内容。git --version 查看版本git configgit config --list 查看配置信息git config --system(系统配置)/–global(用户)/[空](工程)git config --global user.name “jcl1213

2021-04-20 13:57:30 95

原创前端面试4

手写ajaxlet xhr = new XMLHttpRequest();xhr.open('get', 'xxx.php', true);xhr.send(null);xhr.onreadystatechange = function() { if (xhr.readystate == 4) { if (xhr.status == 200) { console.log(xhr.responseText); } }};sc

2021-04-13 21:31:07 51

原创前端面试题2

涂鸦智能面试准备对公司的了解程度我所了解到的，贵公司是一个从事物联网、智能应用开发的一家公司，作为一个全球云开发平台，是业界比较在头部的一家公司两边固定中间自适应怎么实现left ：float：left；right：float：right；中间自适应position：absolute left： 0 position：absolute right：0 中间自适应display：flex left、right有宽度，中间:flex: 1display：table ；left、

2021-04-11 22:01:59 161

原创前端面试题1

前端面试题前端性能优化的方案请求与相应缓存控制可以在请求头中询问服务端请求内容是否更新，如果没更新可以使用浏览器的缓存，避免资源的重新下载复用TCP当要跳转到打开过的页面时，可以通过keep-alive复用之前使用过的TCP合理使用cookie可以在加载静态资源的时候不发送多余的cookie，同时合理设置cookie，如子站避免来着父站不必要的cookie尽量避免重定向与404重定向和404会浪费很多加载请求，使用尽量避免HTML减少不必要的DOM

2021-04-11 22:01:27 78

原创前端面试题3

酷家乐面试什么前端路由？前端路由的优缺点前端路由不同于传统路由，它不需要服务器来进行解析，而是通过一个hash函数或者H5提供的history API来实现。在进行开发时，路由用来设定访问路径，并将路径与相应的组件映射起来，用户在访问相应的路径时，路由根据映射关系实现不同组件间的切换，整个过程都是在同一个页面中实现，不涉及页面间的跳转，也就是我们常说的单页应用。优点：页面刷新速度快复用性强页面状态可记录缺点：使用浏览器的前进，后退键的时候会重新发送请求，没有合理地利用缓存常见的块

2021-04-11 22:00:49 135

原创前端常用排序算法

JavaScript排序算法冒泡排序//冒泡排序// f: false 升序；true 降序let bubbleSort = (arr, f = false) => { let len = arr.length; let flag = false; for (let i = 0; i < len - 1; ++i) { flag = false; for (let j = 0; j < len - 1 - i; ++j) { if (!f)

2021-04-11 22:00:08 118

ghost12138的博客