资讯专栏INFORMATION COLUMN

日常笔记

Enlightenment / 734人阅读

摘要:同构和直出服务端渲染出首屏,主要为了减少用户等待的时间,缩短白屏时间,在移动数据网络情况下能够获得较好的用户体验。在优化渲染时间的时候监控页面情况很有用。

@(StuRep)2016.06.11

react+node同构和直出
服务端渲染出首屏,主要为了减少用户等待的时间,缩短白屏时间,在移动数据网络情况下能够获得较好的用户体验。

了解了一下react实现同构和直出的方案,收藏了一些还不错的文章:

文章1
文章2
文章3
文章4
文章5

Mock.js模拟cgi
和后端商量好数据格式,然后可以用mockjs拦截ajax请求并随机生成数据,在后端相关cgi没有开发完全的情况下可以模拟接口,提高开发效率。
函数式编程的几个特点

函数是“第一等公民”

只用表达式,不用语句

没有“副作用”

不修改状态

引用透明

性能优化:

gzip压缩

首屏加载内容不超过300kb

保证首次加载的文件请求数缩减到6个以下

非首屏所需的静态资源(JS/CSS)需设置延迟加载

静态资源需设置长缓存时间

保证图片文件最大化压缩

音频文件保存为MP3格式

js的分片和按需加载

构建SPA应用:

参考

组件化

代码隔离

代码合并与加载策略

路由与状态的管理

缓存与本地存储

服务端通信

内存管理

样式的规划

基准样式的分离

组件样式的划分

堆叠次序的管理

Chrome开发者工具使用
模拟各类网络及瀑布流时间工具

在Network里面可以设置模拟网络环境,包括GPRS流量、3G、4G、WIFI等;

打开Timeline然后勾选Screenshots再刷新页面,结束之后可以看到资源的加载时间、渲染时间等,还有一个瀑布图及对应的每个时间段的截图,可以清晰的看到各个时间段对应的页面情况。

Timeline在优化渲染时间的时候监控页面情况很有用。

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/90990.html

相关文章

  • 日常笔记

    摘要:进程间通信方式管道管道是单向的,半双工的,如果要起到双向的结果,需要建立两条管道。主要作为进程间以及同一进程不同线程之间的同步手段。起到进程间通信的效果套接字该方法不管是单机还是分布于不同计算机内的进程,都可以通信。 @(StuRep) linux进程间通信方式: 管道(pipe):管道是单向的,半双工的,如果要起到双向的结果,需要建立两条管道。 信号(signal):信号是一种比较...

    wmui 评论0 收藏0
  • 免费网易有道云笔记支持跨平台多设备同步云端笔记

    摘要:有道云笔记支持电脑客户端软件和手机客户端,也可以在线,可以实现多端同步管理。老蒋觉得有道云笔记的写作体验是比较好的。以前我们是否也有记日记的习惯?或者喜欢到每年年底准备新年的笔记本用来记录新的一年中的事儿或者日常的文档笔记。但是,随着电脑的普及,我们很多事情基本上都在电脑上完成,除了我们上学时候用到本子和笔的,工作之后能电脑代替的,可能很少会用到写字,于是乎原本记日记、写写随笔之类的可能也丢...

    Winer 评论0 收藏0
  • 利用腾讯文档实现在线多人协作同步数据表单收集

    摘要:实际上我们很多朋友对于腾讯文档中的工具可能不陌生,尤其是在之前疫情影响我们在家办公,学校公司社区有需要统计信息的,可能有部分就是通过腾讯文档的表单收集功能统计表单的。实际上我们很多朋友对于腾讯文档中的工具可能不陌生,尤其是在之前疫情影响我们在家办公,学校、公司、社区有需要统计信息的,可能有部分就是通过腾讯文档的表单收集功能统计表单的。也正是 由于这个特殊的原因,我们可以看到这类的工具服务商确...

    Jioby 评论0 收藏0
  • Backbone.js学习笔记 Hello World!

    摘要:使用和架构创建一个典型的项目。属性被赋值给传入的函数运行的结果。渲染,我们使用,这是一个对象,它指向的属性,使用函数使用的结果替换。最后,启动整体应用,为了保证完全加载,用包装器调用完整日常练习一些在对象初始化的时候执行的代码 使用Backbone.js 和 MVC 架构创建一个典型的Hello world项目。虽然是杀鸡用牛刀了,毕竟是我第一次使用Backbone.js 依赖 ...

    Hanks10100 评论0 收藏0
  • 你与专家的差距就在于如何管理知识提高效率

    摘要:随着时间的流逝,这些与自己相关的信息就散落在了各个角落,有的偶尔回头检索,大多数用后即丢弃,最终被遗忘遗失。私链信息目录私链的目标是分类整理存放用户积累的知识信息,帮助用户构建管理自己的知识信息体系。 这是一个信息社会,这是一个数字化时代,移动设备、互联网、信息数字化已经成为人所共知的常识。在这种环境中,你有没有问过自己:属于我的数字化信息都有哪些,都在什么地方呢? 每个人在每天都会生...

    aaron 评论0 收藏0

发表评论

0条评论

最新活动
阅读需要支付1元查看
<