架构
15篇文章 · 0订阅
  • 微前端那些事
    开发团队可以选择自己的技术并及时更新技术栈。 完成以上步骤，当你想部署到测试环境或者生产环境的时候，还需要配置nginx。
    前端
  • 树酱的前端知识体系构建（下）
    但也是有方式也有弊端，可以绕开的呢。为啥？ 可以通过前端向自己定义后端接口发起请求，在后端接口函数中用axios添加自定义Referer并发起代请求～以此绕开 初衷是因为上文的myImage对象除了负责给img节点设置src，还要负责预加载图片。但是这样的话，在面向对象设计中，…
    前端
  • 树酱的前端知识体系构建（上）
    注意: 默认情况下每次 commit 都会向 localstorage 写入数据，localstorage 写入是同步的，这样对性能存在影响，应该分场景尽量避免频繁写入持久化数据。 mutation：提交更新数据的方法，必须是同步的(如果需要异步使用action)。 防抖 de…
    前端
  • 《前端那些事》从0到1开发动态表单
    这个h()函数本质上是createElement 函数，这个函数的作用就是生成一个 VNode节点（虚拟节点），它不是一个实际的 DOM 元素。叫createNodeDescription(创建节点描述)，我们是通过它所包含的信息会来告诉 Vue 页面上需要渲染什么样的节点,再…
    前端
  • 当页面渲染遇上边缘计算
    通过优化页面性能，提升用户的体验，一直是我们追求的目标。我们可以通过浏览器缓存、预加载、预渲染等各种方案，来提升页面的访问性能和体验。但在实际业务场景中，有一类页面一直是性能优化的老大难，那就是首跳页面。即用户是第一次访问网站的场景。 对于 web 页面来说，首跳场景（例如 S…
    前端
  • 一图秒懂CDN原理
    CDN全称是Content Delivery Network，即内容分发网络，也称为内容传送网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，`使用户就近获取所需内容`
    后端
    一图秒懂CDN原理
  • CDN边缘Serverless产品发布——EdgeRoutine边缘程序
    随着云原生技术的普及，阿里云可编程CDN能力逐渐增强，已经实现在靠近用户的边缘，支持将无状态的业务逻辑以函数或容器的方式在边缘完成算力卸载，以此提供最短时延的交互响应。同时，基于阿里云CDN平台强大的基础资源能力和高性能架构，可以轻松满足企业海量的弹性需求。 阿里云CDN具有全…
    CDN
  • 前端必需了解的CDN知识
    CDN可以加快用户访问网络资源的速度和稳定性，减轻源服务器的访问压力。 主要思路： 尽可能避开互联网上有可能影响数据传输速度和稳定性的瓶颈和环节，使内容传输的更快、更稳定。 实现方法： 通过在网络各处放置节点服务器所构成的在现有的互联网基础之上的一层智能虚拟网络，CDN系统能够…
    CDN
    前端必需了解的CDN知识
  • 边缘计算听说过吗？淘宝用它提升了69%的首屏性能
    具体的降级和缓存清除的逻辑没有画出来，因为那是解决安全生产的问题，我主要想强调方案调整带来的性能提升。 所以从上图可以看出，一个正常的请求首先会请求到 CDN，CDN 如果发现缓存中没有的话会回源到 SSR 服务器，这样首屏其实只需要一个网络请求，有效的提升的首屏性能和降低了服…
    性能优化
    边缘计算听说过吗？淘宝用它提升了69%的首屏性能
  • 面向前端的 CDN 原理介绍
    内容分发网络（Content delivery network 或 Content distribution network，缩写：CDN）是指一种通过互联网互相连接的电脑网络系统，利用最靠近每位用户的服务器，更快、更可靠地将音乐、图片、视频、应用程序及其他文件发送给用户，来提供高性能、可扩展性及低成本的网络内容传递给用户。
    前端