首页
首页
沸点
课程
直播
活动
竞赛
商城
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
ayqy贾杰
掘友等级
「前端向后」公众号
http://www.ayqy.net/
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
0
文章 0
沸点 0
赞
0
返回
|
搜索文章
最新
热门
如何理解SSR的hydrate过程?
ReactCSR:水车模型当初在理解ReactCSR时做过一个比喻,把单向数据流比作瀑布模型:(摘自深入React)单组件的微观视角下,我们把props理解为水管(数据通道),接收外部传递进来的数据(
React SSR源码剖析
也没有执行render之后的生命周期,组件没有被完整地“渲染”出来。因此,另一部分渲染工作仍然要在客户端完成,这个过程就是 hydrate
精通 React SSR 之 API 篇
最基础的 SSR API,输入 React 组件(准确来说是ReactElement),输出 HTML 字符串。之后由客户端 hydrate API 对服务端返回的视图结构附加上交互行为,完成页面渲染: 而React 16 改用单节点校验来复用(服务端返回的)HTML 节点,不…
SSR 与当年的 JSP、PHP 有什么区别?
两种资源分开部署,把静态资源部署至 Web 服务器或 CDN,应用服务器只部署动态资源。如此这般,静态资源响应更快了(浏览器缓存、CDN 加速),应用服务器压力更小了,皆大欢喜 也就是说,HTML 视图结构的创建和维护工作,可以由服务端完成,也可以在客户端完成,都依赖服务数据。…
2020 SSR落地开花的三大机遇
客户端依赖虽无法消除,但能够像函数式编程中的副作用一样管控起来,比如将其约束到特定的生命周期函数(componentDidMount)中,使之仅在客户端执行,避免影响服务端。生命周期的差异可通过 low-code 平台让用户产生强感知,比如在编辑、预览等环节强化差异。对于不支持…
SSR 它到底香不香?细数 SSR 的利与弊
网络链路上,由服务端发出接口请求,将返回数据随 HTML 响应内容一次性传递到客户端,比 CSR 二次请求更快。并且服务端网络传输速度更快(可以有更大带宽)、通信路径更短(可以同机房部署)、通信效率也更高(可以走 RPC) 客户端拿到这种 HTML 只能立即渲染出一页空白,二次…
假如 Web 当初不支持动态化
实际上,二者在动态化技术能力上所要解决的工程问题是一致的,比如动态加载依赖库、视图组件、甚至整个应用。所以不妨开个脑洞,假定 Web 不支持动态化,以 Native 的业务诉求来推演 Web 动态化技术的发展轨迹 从前,Web 应用程序只能被打包成这种wasm的二进制格式,发布…
如何提升前端基建的效能价值?
接着(在产品功能不那么符合直觉的阶段)先教会用户怎么用,功能引导、新手教程/视频、帮助文档等都是不错的方法,旨在提升易用性,让用户先用起来。同时根据用户真实反馈不断优化使用体验,缩小产品功能与用户心智之间的差距,使之最终符合直觉: 从技术上看,后两类并不属于操作失败,但同样值得…
如何衡量前端基建的效能价值?
写在前面不同于商用产品,对内的工具/平台大多没有明确的直接业务价值,需要通过可量化的指标来衡量其效能价值,本文试图建立一个可直接套用的数据指标框架,让内部工具/平台的价值也能看得见、说得清一.分析生产
从面向对象角度看前端工程体系
P.S.当然,质量是前提条件,就像CAP 中的 P,实属没得选。所以伤及质量的效率、体验提升不在讨论范围内 对象的数量直接关系到体验,对象间依赖关系的复杂度决定着效率。因此,要么减少主体对象需要关注的顶层对象数量,要么简化对象间的依赖关系
下一页
个人成就
文章被点赞
173
文章被阅读
49,064
掘力值
1,464
关注了
0
关注者
30
收藏集
0
关注标签
3
加入于
2019-10-10