caixin185的博客

很长一段时间自己都没有时间或者时机做一些自己的东西或者和一些志同道合的朋友做属于自己的综合型系统，直到今天才有时间去整理和拿出来这个项目，当然后面还有😄Uniapp / React的项目，主要是小程序和手机端的，希望感兴趣的朋友可以加入。项目介绍：项目是用于不限于课程或者视频观看和售卖的一个系统包括基础的登录页、忘记密码、修改密码课程有分享和评论功能，分享者会有积分，积分可用于购买课程或者兑换rmb😊系统支持个人上传，设置免费或收费当然还有一些基本的音视频剪辑处理功能。

Vue 2的设计和构建是基于 ES5 时代完成，大多数功能和组件是以对象的形式暴露出来的，而且整个库的组织方式和设计没有针对 Tree-shaking 这种高级的代码优化进行特别的优化。在 Vue 2中，大部分组件是通过直接引入 Vue 对象的属性来使用的，这导致整个 Vue 对象以及所有的属性都会被包含进最终的构建中，无法精确地按需引入。就是解决这个问题的办法，只需要在方法前面加上上面的代码，程序运行的时候就会认为他是没有副作用的，可以放心的进行。，将没有使用的模块代码移除掉，削减项目的体积。

作为一名前端开发，日常开发的技术栈是Vue，自己在公司忙前忙后，但大多是业务上的一些编码，对各种用法和各种api很熟练，但对于框架底层的认识不深，原理缺乏全面的了解。故开始钻研源码，以期望有更广阔的思维和方法能开发出更优质产品。前端框架层出不穷，但弄明白原理才是王道，就必须不停的去学习和实践。鉴于此，从github上clone下来一份Vue源码，研究下其整个过程和思路，一方面开阔自己视野，另一方面也希望能够同他人一起交流和探索。今天要说的就是上图这个vue整体的架构,同时也是我们学习的基本路线。

    先说一下近况，最近一直忙于项目的迭代，没有心情和思路去更新文章，翻了一下自己的过去文章，大概是一年前了，这些天忙的都是杂七八啦的事情，比如写作点击打开链接，     好了，接下来转入正题，谈到vue大家一定不会陌生，swiper更是，我们的项目同样不可避免的使用了二者（感叹一句！坑多大家自行理解）。    版本：swiper.js 4+               vue.js     2...