react中网络请求的优化!

在页面跳转的时候

我会去检查一下

redux中是否存在我需要的值

如果没有

我再去调用接口

如果有的话

那我就不去发网络请求;

如果上个接口挂掉了,

那么我下个接口就不发了

这样就又省了一个网络请求

我写博客不一定非要粘贴点代码;

对吧

写博客的意义并不是非要给别人说我的代码很牛

就是厉害

就是大神

就是配当代码崽;

然后我还自己用photoshop处理了图片,进行了图片压缩

如果有的地方图片质量可以用更小的,

那我就用压小一些

用质量稍差但不会很影响体验的图;

对模块化的使用中

尽量少做整个模块引用

而是模块中的某部分用到了,我就用这部分

引入这部分

我也是从网上查查资料

看看别人是咋弄的

我学习了一个

虽然我也不能肯定这样就能一定优化了多少毫秒

但我就是这样做了

我也天生不是高级代码崽

也不是说只要你看了别人的博客,

学习了别人的帖子

你就是垃圾,你就是炒代码的垃圾

而我在做这些的时候,

其实也不是炒代码

而是学了别人的做法

当然我不懂原理啊

我肯定不懂为啥一个图10kb就是比10mb加载快

哈哈

昨天还写了一个几工具函数,

在随便啥组件就调用一个函数,

都可以调用这个函数

就可以在上传图片的时候得到base64编码、

url地址,二进制文件地址;

可用来页面上预览,发送给服务器

而发送给服务器,我也是写了一些函数

最后的效果是,在任何地方

调用这个函数,传入一个包含图片的数组

就能把图片都上传给服务器

写完这个,我感觉我真的太厉害了

很多时候,写代码是快乐的

当你看到很多人,都在将同一段代码不断的复制粘贴的时候

当然我也复制粘贴了很多代码

但这里特指这个上传图片的代码

如果是一般的代码崽,

会不会每个地方写一次?

而我

就弄好一套,提供出一个函数

你任何地方调用我这个函数了

我给你结果

你不需要关心具体发生了什么

当然,这里这个项目都是我一个人搞的

哈哈

但是,我想说,我这样写,就是比

在component里写一堆ajax高级

组件状态归组件,

网络请求归网络请求

工具辅助类归工具

这样做就是塞一堆到处复制贴高级

当然,

我目前也只会一点雕虫小技

如果加班多的话,我甚至没有时间学习高科技

可能也就止步与只能写写这种高内聚、低耦合、高复用

层级逻辑模块清晰无比的小网页了

其实我也是从深圳科技园、上海静安寺这两次工作经历里获得了

不少的编程思想

在科技园的时候

我的老大给我看了他的代码

他那边是vue写的

在前端又分成了前端和后端

他处理所有的数据、网络、等等

在前端提供服务给另一个同事盲狗用

而盲狗,就负责搞页面

以及用这个老大提供给他的服务

而老大呢?

就负责在前端服务中去真正的服务器上搞数据交互

然后提供易用封装良好的函数给盲狗用

这样的高级编程思想

前端中的前后端分离

在我的第一份饭辙中

就让我体验到了

什么叫做真正的高境界

当然,我还是不赞成那种把所有的状态都推进vuex中

这样会极大的消耗内存

而在静安寺的饭辙中

同事老铁是日企出来的

老铁写后端的

本来有个别人写烂了写成一坨屎都不是的前后端代码

老铁都重新整理了一下

给我的感觉就是真规范

层级、归类、高内聚、低耦合

老铁也不懂前端

但是他那套项目管理

服务端的编程理念

应用在前端项目架构上

更具有先进性和前瞻性

虽然这两个饭辙工资都不高

但是却让我能够看到高级的小网页编程思想

而不是让我只能一直通过帮小网页代码崽们修小网页,一天赚个几百块钱

这样混混终日

react多个网络请求_react中网络请求的优化!相关推荐

  1. 在网络推广外包中企业网站排名优化在网络推广外包中如何实现?

    随着互联网市场中企业网站数量的增加,网站优化人才的需要与日俱增,据资料显示,与国内当下亿万网民相比,我国目前仅有不足100万家企业从事网络营销,对于网络营销人才的需求也是巨大,未来几年将产生数以百万计 ...

  2. 《网络空间欺骗:构筑欺骗防御的科学基石》一1.1 主动网络空间防御中网络空间抵赖与欺骗的视图...

    1.1 主动网络空间防御中网络空间抵赖与欺骗的视图 本文讲的是网络空间欺骗:构筑欺骗防御的科学基石一1.1 主动网络空间防御中网络空间抵赖与欺骗的视图,将抵赖与欺骗纳入标准操作规程(SOP):随着攻击 ...

  3. react 逆地理 高德地图_react中使用高德地图的原生API

    干货,无话 1.react-create-app,创建新react项目: 2.npm install react-amap,引入高德地图的封装: 3.编写组件index.js: import Reac ...

  4. react同步请求_React中setState同步更新策略

    setState 同步更新 我们在上文中提及,为了提高性能React将setState设置为批次更新,即是异步操作函数,并不能以顺序控制流的方式设置某些事件,我们也不能依赖于this.state来计算 ...

  5. react大数据量渲染_React 中的状态自动保存(KeepAlive)

    什么是状态保存?假设有下述场景:移动端中,用户访问了一个列表页,上拉浏览列表页的过程中,随着滚动高度逐渐增加,数据也将采用触底分页加载的形式逐步增加,列表页浏览到某个位置,用户看到了感兴趣的项目,点击 ...

  6. react如何获取input值_react中怎么获取input的值?

    react中怎么获取input输入框的值?下面本篇文章给大家介绍一下.有一定的参考价值,有需要的朋友可以参考一下,希望对大家有所帮助. react 获取input 输入框的值第一种方法:通过event ...

  7. Android应用中网络请求库Volley的使用

    接上文,这次来说一下如何使用Volley,会给出一些范例,和原理 Volley使用 StringRequest // 初始化一个请求队列,RequestQueue是volley库的类 RequestQ ...

  8. 网络推广外包浅析为什么网络推广外包中网站优化比百度竞价更友好?

    在当前互联网营销市场竞争中,企业网站想要获取自然排名非常不易,大部分网站都是通过网站优化技术或百度竞价等方式实现企业网站中的排名.随着互联网市场中关键词检索竞争日趋激烈,导致网站排名出现两种结果,一是 ...

  9. Flask框架(flask中的请求上下文和应用上下文,以及请求钩子的使用,Flask-Script 扩展命令行)

    1.请求上下文与应用上下文 请求上下文(request context) request和session都属于请求上下文对象. 应用上下文(application context) current_a ...

最新文章

  1. 【数据挖掘】关联规则挖掘 Apriori 算法 ( 频繁项集 | 非频繁项集 | 强关联规则 | 弱关联规则 | 发现关联规则 )
  2. SAP ABAP ALV构建动态输出列与构建动态内表
  3. 放假了,暂告一段落,迎接研究生
  4. [html] 你有使用过ins标签吗?说说它的用途
  5. SetWindowPos详解
  6. python中format函数用法简书_Python format 格式化函数
  7. Step ‘Publish JUnit test result report’ failed: No test report files were found问题解决
  8. 麒麟软件、麒麟操作系统、银河麒麟、中标麒麟、优麒麟、国产操作系统下载。
  9. 绘制正态分布概率密度函数
  10. C++语言程序设计(郑莉)02 C++基本数据类型和表达式
  11. hadoop2.6伪分布+pig0.15+zookeeper3.4.6安装
  12. C语言之stroke_s()
  13. html 键盘按键与按钮功能关联
  14. ucos系统使用delay函数死机原因
  15. Jetpack MVVM 七宗罪之四: 使用 LiveData/StateFlow 发送 Events
  16. SpringBoot整合Email 邮件发送
  17. [高通SDM450][Android9.0]刷机后RTC时钟不生效问题
  18. Outlook-VBA-04-收件箱自动处理
  19. 自动汇编转c语言,【转载】CE教程之自动汇编
  20. AD练习笔记 多路降压稳压电源模块 V1.0

热门文章

  1. 使用html2canvas将html标签转化为图片
  2. 输出100之间的所有质数(素数)
  3. 玩转你画我猜(二):更优秀的绘图程序
  4. 使用RMAN迁移文件系统数据库到ASM
  5. hdu 3784 继续xxx定律
  6. MyBatis集成SpringMVC
  7. DataGridView绑定list的注意事项
  8. Volley的原理解析
  9. 基于状态机的游戏框架
  10. 青云的机房组网方案(简单+普通+困难)(虚树+树形DP+容斥)