![](https://img-blog.csdnimg.cn/20201014180756923.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
实习
文章平均质量分 56
安静宅男爱蓝猫
我知道一切都不容易,但是总会输给努力
展开
-
前端性能优化
较少http请求,或是有http2进行请求使用雪碧图,或使用矢量图减少重绘重排事件委托懒加载降低css选择器的优先级(没有必要)性能优化主要分为两类:加载时优化运行时优化在解决问题之前,得先找出问题,否则无从下手。所以在做性能优化之前,最好先调查一下网站的加载性能和运行性能。检查加载性能一个网站加载性能如何主要看白屏时间和首屏时间。白屏时间:指从输入网址,到页面开始显示内容的时间。首屏时间:指从输入网址,到页面完全渲染的时间。将以下脚本放在 前面就能获取白屏时间。<.原创 2021-09-14 11:01:51 · 139 阅读 · 0 评论 -
git的基本命令
安装$ sudo apt-get install git配置配置用户名和邮箱$ git config --global user.name “Your Name”$ git config --global user.email “email@example.com”查看用户和邮箱配置$ git config user.name$ git config user.email或者$ git config --list配置PGP签名私钥git config --global user.si原创 2021-08-20 14:10:04 · 208 阅读 · 0 评论 -
React第五次总结(结)
1. setStatesetState更新状态的2种写法 (1). setState(stateChange, [callback])------对象式的setState 1.stateChange为状态改变对象(该对象可以体现出状态的更改) 2.callback是可选的回调函数, 它在状态更新完毕、界面也更新后(render调用后)才被调用 (2). setState(updater, [callback])------函数式的setSta转载 2021-07-08 17:09:54 · 154 阅读 · 0 评论 -
React 第四次总结(redux、react-redux)
求和案例 _redux 精简版(1).去除Count组件自身的状态τ(2).src下建立: - src - redux - store.js - count_ reducer.js(3). store.js: 1).引入redux中的createStore函数,创建一个store 2). createStore调用时要传入一一个为其服务的reducer 3).记得暴露store对象(4). count_ reducer.原创 2021-07-08 16:58:54 · 147 阅读 · 0 评论 -
React第三次总结(路由、嵌套路由、withRouter、编程式路由)
路由的基本使用明确好界面的导航区、展示区导航区的a 标签改为Link标签 About展示区写Route标签进行路径的匹配的最外侧包裹了一个或路由组件与一般组件写法不同:一般组件: 路由组件: 存放位置不同:.一般组件: components路由组件: pages接收到的props不同:一般组件:写组件标签时传递了什么,就能收到什么路由组件:接收到三个固定的属性history: action: "PUSH" block: ƒ block(prompt)原创 2021-07-07 17:16:20 · 220 阅读 · 1 评论 -
React第二次总结(兄弟传值、axios 、代理、fetch)
由一个搜索案例引出的一系列1. 序言学习react进入到一个阶段,虽然还有大量的内容不太了解,一些功能基础不太明白,但是通过这几个案例的学习,页了解了一些基础知识。2. 代理的配置1. 第一种在package.json中追加如下配置"proxy":"http://localhost:5000"说明:优点:配置简单,前端请求资源时可以不加任何前缀。缺点:不能配置多个代理。工作方式:上述方式配置代理,当请求了3000不存在的资源时,那么该请求会转发给5000 (优先匹配前端资源)原创 2021-07-06 14:58:10 · 115 阅读 · 0 评论 -
React 第一次总结
1.脚手架的安装方式我一般喜欢采用 create-react-app 这 个命令工具进行react程序的初始化工作。npm i create-react-app -g //进行全局安装create-react-app demo //进行项目的创建2. state的介绍react使用state进行数据储存,类似于Vue 2.x的data属性import React, { Component } from 'react'export default class index extends原创 2021-07-05 16:03:32 · 93 阅读 · 0 评论 -
fetch的初步了解
fetch 的初步了解fetch是ES6提出的一套用于进行前后端交互的工具。fetch()是 XMLHttpRequest 的升级版,用于在 JavaScript 脚本里面发出 HTTP 请求。浏览器原生提供这个对象。浏览器支持fetch是相对较新的技术,当然就会存在浏览器兼容性的问题,当前各个浏览器低版本的情况下都是不被支持的,因此为了在所有主流浏览器中使用fetch 需要考虑 fetch 的 polyfill 了 require('es6-promise').polyfill();原创 2021-07-02 15:51:09 · 400 阅读 · 0 评论