资讯专栏INFORMATION COLUMN

前端vue系列-起始篇 vue的基本认知

I_Am / 1179人阅读

摘要:管理后台,日常就是提交各种表单了,这部分现有的方案,比如表单提交或者收集信息提交。,可以用于前端开发的工程构建。带了人的前端团队,你的精力开始在配合公司其他部门做用户数据增长了。开始考虑使用的。

       hi,大家伙,我是佛系大大,很高兴与你们一起沟通,学习,进步。

       很久不更新博客了,现在回来再写博客,尽然是有些怀念的感觉,幸福的感觉。因为写博客,内心会很宁静,沉浸在自己的世界中,是很幸福的一件事。当然,并非逃离现实(鸡毛蒜皮,工作糟心的凡事),佛系大大还是很上进的,让我们一起努力。

       废话不多说了,我们开始吧!

       首先介绍下,我是如何学习vue的,我学习vue之前,做过哪些思考?

       1.vue技术刚出来的时候,我第一眼会问,vue是什么?这个框架要干嘛?

       2.没有vue这个框架,我们之前是怎么做的,我们遇到了哪些糟心的问题?

       3.怎么学习更有效呢,怎么快速掌握它,然后用它来干活?

       当有了如上思考后,我们学习来就有的放矢,效率倍增了,比迷迷糊糊的学习要好至少10倍。大家先跟着我的思路走,最后可以自己总结,归纳,输出。

       第一个问题:vue是什么?能做什么?

  官网介绍vue是一个渐进式框架。怎么理解这个渐进式框架呢,经过自己理解和在网上查阅资料,个人简单理解是,一,你可以把他作为一个js库使用,就和我们引入jquery一样,用里面的一些功能;二 你可以在构建新的项目时全部都是用这个框架提供的功能来构建。用场景说明更好理解

       场景1:
如果你的技术团队技术选型比较保守,没有新技术的使用场景,比如让你去维护一个管理后台。管理后台,日常就是提交各种表单了,这部分现有的方案,比如form表单提交或者jquery收集信息ajax提交。这时候你可以把vue 当成一个js库来使用,就用来收集form表单,和表单验证。

     场景2:
在场景1中,你尝到了甜头。心中暗爽,还可以这么玩嘞。独乐乐不如众乐乐和大家分享之后,团队开始接受使用vue,小规模推广起来。打怪升级该遇小boss啦,领导说,小伙后台做的越来越有效率了,来承担些常规业务开发,来正规军编制和其他小伙伴一起做新闻列表和新闻详情页吧。
在这个项目中,你跟大胆一点把 整个页面的dom 用Vue 来管理,你发现jquery 没什么用了,列表用v-for来循环,把评论抽成小组件了。 评论交互比较复杂,但是你的关注点把原来jquery dom操作变成了关注数据的变化,用数据驱动DOM的变化。

     场景3:
经历了场景1 场景2,越来越受大家信赖,领导又找你了。你看新闻项目你做的不错,移动站也得重构了,你做个移动端m站吧,正好微信和App分享出去用到。这时候,你需要在做移动端webapp了。 于是你由去了解 webpack vue-router,你发现前端 可以控制路由了。webpack,可以用于前端开发的工程构建。

    场景4:
场景3之后你在技术团队大放异彩,公司越来越器重你。年末领导又来找你了,小伙砸,想不想拿年终奖啊,想的话给我做个新闻直播间吧。需求特别简单:就是滚动播报新闻,用户实时参与评论。有了场景3和之前的经验,发现稍微有点力不从心了,你和后端的接口沟通上越来越频繁,新闻直播间需要大量的数据在组件中共享数据,后来你发现了,vuex 处理数据在组件之间的流动得心应手。

    场景5:
年终奖,拿到手了,过年回来升职加薪。带了20人的前端团队,你的精力开始在配合公司其他部门做用户数据增长了。发现场景2中你犯了个错误,虽然整个页面用Vue 管理 开发起来很方便,但是页面白屏时间长,而且类似这样的底层页对seo都不好。开始考虑使用 vue2.0的SSR。为了保障团队高质量的输出,你开始研究如何给 vm写单测...

场景1-5 从最初的只因多看你一眼而用了前端js库,一直到最后的大型项目解决方案。

 第二个问题:没有vue的时候,我们单页面两种方式 1.使用iframe加载页面片段 2.使用ajax请求页面片段。两者共同问题是 里面的js逻辑不好处理,id名字重复,代码写的不规范。vue 则没有这种问题

 第三个问题:1.边理解,边写代码,边看效果,在继续理解,然后写笔记,输出自己的理解。

     vue 大多数情况下是用来开发单页面应用程序,并不是说只能开发单页面应用程序。

     如果公司没有seo需求,都是可以使用vue进行系统构建。移动站点,后台管理系统特别适合用vue来开发。

 

 

 

      

 

文章版权归作者所有,未经允许请勿转载,若此文章存在违规行为,您可以联系管理员删除。

转载请注明本文地址:https://www.ucloud.cn/yun/1084.html

相关文章

  • 个人分享--web前端学习资源分享

    摘要:前言月份开始出没社区,现在差不多月了,按照工作的说法,就是差不多过了三个月的试用期,准备转正了一般来说,差不多到了转正的时候,会进行总结或者分享会议那么今天我就把看过的一些学习资源主要是博客,博文推荐分享给大家。 1.前言 6月份开始出没社区,现在差不多9月了,按照工作的说法,就是差不多过了三个月的试用期,准备转正了!一般来说,差不多到了转正的时候,会进行总结或者分享会议!那么今天我就...

    sherlock221 评论0 收藏0
  • 前端文档收集

    摘要:系列种优化页面加载速度的方法随笔分类中个最重要的技术点常用整理网页性能管理详解离线缓存简介系列编写高性能有趣的原生数组函数数据访问性能优化方案实现的大排序算法一怪对象常用方法函数收集数组的操作面向对象和原型继承中关键词的优雅解释浅谈系列 H5系列 10种优化页面加载速度的方法 随笔分类 - HTML5 HTML5中40个最重要的技术点 常用meta整理 网页性能管理详解 HTML5 ...

    jsbintask 评论0 收藏0
  • 前端文档收集

    摘要:系列种优化页面加载速度的方法随笔分类中个最重要的技术点常用整理网页性能管理详解离线缓存简介系列编写高性能有趣的原生数组函数数据访问性能优化方案实现的大排序算法一怪对象常用方法函数收集数组的操作面向对象和原型继承中关键词的优雅解释浅谈系列 H5系列 10种优化页面加载速度的方法 随笔分类 - HTML5 HTML5中40个最重要的技术点 常用meta整理 网页性能管理详解 HTML5 ...

    muddyway 评论0 收藏0

发表评论

0条评论

I_Am

|高级讲师

TA的文章

阅读更多
最新活动
阅读需要支付1元查看
<