ghost12138-CSDN博客

转载 react学习-部分扩展

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

2021-05-11 19:48:09 106

原创 react学习-redux部分

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

2021-05-11 19:47:32 104

原创 react学习-脚手架部分

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

2021-05-11 19:46:52 122

原创 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 132

原创 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 108

原创 git常用指令

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

2021-04-20 13:57:30 111

原创前端面试4

手写ajax let 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 62

原创前端面试题2

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

2021-04-11 22:01:59 178

原创前端面试题1

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

2021-04-11 22:01:27 87

原创前端面试题3

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

2021-04-11 22:00:49 149

原创前端常用排序算法

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 136

ghost12138的博客