
Vue cLi
coder吹雪
这个作者很懒,什么都没留下…
展开
-
vue中8种组件通信方式, 值得收藏!
vue是数据驱动视图更新的框架, 所以对于vue来说组件间的数据通信非常重要,那么组件之间如何进行数据通信的呢? 首先我们需要知道在vue中组件之间存在什么样的关系, 才更容易理解他们的通信方式, 就好像过年回家,坐着一屋子的陌生人,相互之间怎么称呼,这时就需要先知道自己和他们之间是什么样的关系。 vue组件中关系说明: 如上图所示, A与B、A与C、B与D、C与E组件之间是父子关系; B与C之间是兄弟关系;A与D、A与E之间是隔代关系; D与E是堂兄关系(非直系亲属) 针对以上关系我们归类为: 父子组原创 2020-06-29 21:09:15 · 180 阅读 · 0 评论 -
Node.js 深度调试指南
在 Node.js 项目开发过程中,随着项目的发展,调用关系越来越复杂,调试工具的重要性日益凸显。 Node(v6.3+)集成了方便好用 V8 Inspect 调试器,允许我们通过 Chrome DevTools 进行图形化的调试和性能分析。同时,我们也可以使用 VS Code,Webstorm 等支持的编辑器对 Node.js 程序进行调试。 Node Inspect 要想启动调试器,我们需要在启动 Node.js 应用程序时传入 --inspect 标志,也可以使用该标志提供自定义的端口,例如 --in原创 2020-06-27 13:57:54 · 906 阅读 · 0 评论 -
十年前端工程师教你Vue CLI 首屏优化技巧
前言 之前用 vuecli做了个博客,是一个单页面项目,大概有十个路由。 直接 npm run build打包出来,有一个 1M的巨大 js文件。 先挂载到服务器上试试 好家伙 这加载时间 仿佛过了半个世纪 首屏页面整整加载了 9s 光加载那个大文件就花了 8s 这必须得做个优化了,没有用户能忍受 9s的白屏而不关闭页面的 过程中,我还顺便把项目从 vuecli 2.x迁移到了 vuecli 3,所以接下来还会介绍一些它们在优化上的异同 分析 vuecli 2.x自带了分析工具 只要运行 npm run原创 2020-05-14 19:40:32 · 247 阅读 · 0 评论