本文探讨了前端开发中的CDN配置及其优化，解释了CDN的基本概念，强调其在减少网络拥塞和提升用户体验方面的作用。在Vue+TypeScript项目中，作者分享了如何正确引入Echarts并通过CDN优化项目，指出许多教程中易被忽视的第三步，并解释了采用CDN引入可以避免将所有包打包到单一文件中，从而减小包的体积，提高加载速度。
做了将近一年的前端开发工作，发现前端并不是曾经想象只会写业务就能ok的，尤其2020年，如果单单只是会写业务层面的事情，我相信被淘汰是一种必然。当然学无止境，要学的东西还有很多，数据结构，算法，网络，项目优化等等。我们今天就谈谈一个前端优化小之又小的事情——CDN的配置。
什么是CDN？
我们先来看一下百度百科的解释：“CDN的全称是Content Delivery Network，即内容分发网络。CDN是构建在现有网络基础之上的智能虚拟网络，依靠部署在各地的边缘服务器，通过中心平台的负载均衡、内容分发、调度等功能模块，使用户就近获取所需内容，降低网络拥塞，提高用户访问响应速度和命中率。CDN的关键技术主要有内容存储和分发技术。”
我来大白话解释一下：就是一些资源会放到很多的服务器，CDN会让我们的请求就近获取，再说的简单点，就像京东商城买货，平台会从距离你最近的仓库给你配送。
Vue+Typescript
其实很多人都知道ts是一个趋势，以至于vue3.0的源码也是用ts写的。而我们用最新的vue脚手架搭建项目的时候，也可以选择ts
以Echarts为例，谈谈cdn引入并配置
百度教程一大堆，但是搜到的大多数只有前两步，往往很多人容易忽略的就是第三步，特别提醒，不需要在main.ts做任何的引入操作
最低0.47元/天 解锁文章
扫一扫
1023
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
