- 博客(5)
- 收藏
- 关注
RSS订阅原创 React 详解
ReactReact的重点webpackwebpack 是一个现代 JavaScript 应用程序的静态模块打包器(module bundler)。当 webpack 处理应用程序时，它会递归地构建一个依赖关系图(dependency graph)，其中包含应用程序需要的每个模块，然后将所有这些模块打包成一个或多个 bundle其它相似打包工具还有rollup.js 、 parcel、FIS等按照webpack的指南**(注意是指南不是概念不是api)**进行针对性的讲解即可，需要被充一下工程
2021-08-04 13:49:05
627
原创 react+ts准备工作—阿楠
安装项目// 安装全局yarnnpm i yarn -g// 安装项目npx create-react-app 你的项目名 --template typescript// 进入项目目录cd 你的项目名// 安装需要的支持库(redux,react-router-dom)yarn add redux react-redux @types/react-redux -Syarn add react-router-dom @types/react-router-dom -S// 安装需要
2020-09-25 14:47:06
669
原创 redux 异步处理之 redux-thunk 和 redux-saga—阿楠
我们使用 redux 做了一个加法器。现在我们想让它延迟两秒钟在加一。这就涉及异步处理了，只不过我们平时的异步处理是发送 Ajax 而已。一、异步添加第一种添加方法 - <button onClick = {()=>{ setTimeout(()=>this.props.dispatch({type:"ADD"}),2000);}}>按我加一</button>第二种添加方法import React,{Component} from "rea
2020-09-23 14:18:51
1403
1
原创 优化—懒加载—阿楠
1.什么是懒加载懒加载也叫延迟加载，指的是在长网页中延迟加载图像，是一种很好优化网页性能的方式。用户滚动到它们之前，可视区域外的图像不会加载。这与图像预加载相反，在长网页上使用延迟加载将使网页加载更快。在某些情况下，它还可以帮助减少服务器负载。常适用图片很多，页面很长的电商网站场景中。2.为什么要用懒加载能提升用户的体验，不妨设想下，用户打开像手机淘宝长页面的时候，如果页面上所有的图片都需要加载，由于图片数目较大，等待时间很长，用户难免会心生抱怨，这就严重影响用户体验。减少无效资源的加载，这样能明显
2020-09-23 09:40:57
307
原创 跨域如何解决—阿楠
跨域问题如何解决 1、浏览器限制 2、跨域（域名，端口不一样都是跨域） 3、XHR（XMLHttpRequest请求） 同时满足三个条件才有可能产生跨域问题。怎么解决？devserver/proxy vue和react中proxy跨域 只能在开发环境下使用 打包上线以后 通过nginx反向代理配置就可以了JSONP 原理：利用script标签绕过同源策略，获得一个js函数调用 jsonpcallback是页面存在的回调方法
2020-09-22 09:51:10
219
3
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人