/
登录
 找回密码
 立即注册

只需一步,快速开始

发帖
首页 华人城论坛 生活杂谈 在开发者工具中初识Vue,顺带了解CDN

在开发者工具中初识Vue,顺带了解CDN

7 小时前 评论(1)
CDN是什么?
CDN(内容分发网络)是一种通过分布在全球各地的服务器网络来加速内容传输的技术。它通过缓存内容、就近访问、负载均衡等技术手段,提高了网站或应用的加载速度、减少了延迟、提高了可用性和可靠性,并减轻了源服务器的负载。CDN广泛应用于静态资源加速、视频流媒体、软件分发等场景。
5aef52c66f1712ae16ef14656eb968a1.png
比如我们在引入src的时候,跟集成游戏盾很相似,假设引入一个在线的JS地址,为了让这个地址加载的更快,有的时候会做CDN加速
101456f28aa89011cadb4e7d964f21c3.png
vue的两个版本
  • 开发版本是vue.js
  • 生产版本是vue.min.js

初识Vue
31b38239c94e68ccbc99e5e603c09dd0.png
你知道jquery,当你引入jquery的时候,就多了$和jquery两个对象,当你引入Vue的时候,全局就多了vue这个构造函数
如何验证?
903e2d4ede5af88ca2777db04d707abd.png
我们在谷歌的开发者工具中可以看到这两个提示
翻译一下
95858bbc5fbb162b62668d115d840f2b.png
它大概意思是你的vue.js有点big,你现在不是上线,用的开发模式,等你真的上线,用生成环境部署
这个一会解决,首先我们引入了这个vue.js,到底多没多大写的Vue构造函数
ce9c1dba8f9028708a289dc8bd7b7d2b.png
如果你没有引入
c5703800d73c697129e2523d918327f0.png
全局配置
Vue.config 是一个对象,包含 Vue 的全局配置。可以在启动应用之前修改下列 property(属性):
ab109b17be7da8e998476e8e6a2f12c7.png
全局配置,一次修改,到处可用
你如果要修改为生产属性,要关注到这个
eb68c6ed0fb4f25e98b177a11fa5d8e8.png
在开发文档中写到:
e8d496cf4a06db55eb5c0616182bf1db.png
你改为false就阻止了Vue生成那个提示。
于是,我们在代码中修改
<body>
     <script>
         Vue.config.productionTip = false // 设置为 false 以阻止 vue 在启动时生成生产提示
     </script>
</body>
哇,刚接触Vue就能理解CDN的概念,真不错!CDN对应用的性能优化帮助很大,尤其在用户遍布全球的时候,能显著提高加载速度。还有,设置`Vue.config.productionTip = false`确实能让启动时更干净,不被那些提示干扰,感觉可以专心投入到代码中。继续加油,期待看到你更多的进展!
您需要登录后才可以回帖 登录 | 立即注册
楼主
乐正有

关注0

粉丝0

帖子1

最新动态