• 首页 首页 icon
  • 工具库 工具库 icon
    • IP查询 IP查询 icon
  • 内容库 内容库 icon
    • 快讯库 快讯库 icon
    • 精品库 精品库 icon
    • 知识库 知识库 icon
  • 更多 更多 icon
    • 服务条款 服务条款 icon

vue怎么学 b站vue跟谁学

武飞扬头像
dhys369
帮助0

本文目录

  1. b站vue跟谁学?
  2. 会vue再上手uni-app难度大吗?
  3. 前端零基础能直接看vue吗?
  4. 为什么感觉学了vue之后编程能力下降了?
  5. web前端怎么入门学习?

b站vue跟谁学?

1推荐跟着网上课程学习2因为b站vue是基于vue.js来开发的,所以推荐参加vue.js相关的网上课程学习。通过课程学习,你可以系统地学习vue.js的语法和特性,从而更好地理解和应用b站vue。3除了网上课程外,也可以加入相关的社区或论坛,与其他开发者交流、学习、分享经验,进一步扩展自己的技能和知识。

会vue再上手uni-app难度大吗?

uni-app就是基于vue开发的框架,如果你会vue的话,入门应该是没啥问题,如果上手去做项目的话,还是有些难度的。具体哪些难度我们得搞清楚uni-app到底是什么。

uni-app是一个使用Vue.js开发所有前端应用的框架,开发者编写一套代码,可发布到iOS、Android、H5、以及各种小程序(微信/支付宝/百度/头条/QQ/钉钉)等多个平台

这是官网介绍的原话,咋一听很厉害的样子。发布到多个平台只需要一套代码,这样的话效率高,成本又低。那为何大公司没有采用uni-app进行开发呢?

1.我们先搞懂它为何能跨多个平台

从上图我们可以看出uni-app跨平台的原因了:适配每一个终端!

这就很像是java虚拟机了,不过java虚拟机是程序运行时工作,而uni-app是编译时工作。

可以这样理解,java虚拟机是在程序运行时,进行适配平台,uni-app是在编译时,根据你选择的编译平台进行适配。

在编译时解决平台问题,这是目前很多跨平台框架的首选解决方案,即保证效率又方便开发者。

但这种方案也有缺点,如果平台变动或更新,那么有可能导致你app某些功能无法使用,必须等着uni-app维护升级。

这就是uni-app的跨平台原理,现阶段的跨平台方案没有完美的,都是有利有弊。

2.如果会Vue,是不是相当于会uni-app

是的,uni-app开发页面用的就是Vue组件

上图代码是uni-app登陆模版项目里面的,可以看出来,用的就是Vue的template模版开发。

一般不涉及到平台性的组件都是使用Vue开发的,所以如果你项目对跨平台要求不高,而且会Vue的话可以直接上手开发uni-app

知行礼动

哪些组件是涉及到平台性的呢?

比如弹窗,我们用Vue的话一般在template写个dialog,而uni-app可以直接通过uni.showModal实现弹窗。当然这个例子不太严谨,Vue也能封装一个这样实现。这里主要讲的是跨平台,使用uni-app提供的组件基本不用担心平台适配问题。

为什么会Vue上手uni-app仍然有难度

这里说的难度不是指写代码的难度,代码都是用Vue写的不存在啥难度。

1.难度是对跨平台而言的,你需要懂各平台运行app的原理。

uni-app代码编译打包后,移动端基本是运行在安卓的webview或ios的WKWebView。但是安卓或ios平台为了效率或者安全性,不会去支持H5的一些危险特性或者功能,当然H5是安全的们这里的危险只是安卓和ios认为的。

比如ios的WKWebview,对H5一些新的css不支持或者不会太早的更新适配。

如果你不了解移动端webview的差异性,那么很容易踩雷,而且这些错误都是无法通过debug发现的。

2.uni-app无法适配的工作需要开发者来实现

有些适配工作是uni-app无法通过编译完成的,这就是需要开发者去实现了。

比如开发中,div、ul、li等得改为view,微信的wxcomponet不支持H5等等。

这里就增加了很多的开发成本,很多不支持跨平台的vue组件用不了。

开发久了你可能会有这样的感觉,会Vue开发uni-app比从头学uni-app开发都难!

总结

如果你会Vue,使用uni-app开发的话,上手是比较简单的,但是如果项目涉及到跨平台的话,就得斟酌下了,会有很多坑,一旦影响到业务功能的实现,就得不偿失了。

如果你项目不涉及到移动端,就只在web和小程序上运行的话,可以使用uni-app开发。

都说后端造语言,移动端造系统,web端造框架。但在这个前端大融合的时代,系统框架已分的没那么清楚。

而作为开发者,我们得知道,效率和成本是对立存在的,切勿因此失彼!

我是非著名攻城狮,原创不易,如果我的回答对你所帮助,还请点赞支持!

前端零基础能直接看vue吗?

因为vue是一个框架结构,他是建立在html,js,和css编程语言之上的,Vue生态非常繁,其中还包含了周边很多的配套工具,比如路由,缓存等数据知识。

前端0基础也就是基本的浏览器编程语言都不明白,不同什么是html语言,不明白css的作用,不了解js的基础知识,学习起来非常吃力。

应该要先学习前端的基础知识,一点一点的累积最后去学习vue框架知识。

为什么感觉学了vue之后编程能力下降了?

这几天我也是因为一个项目而被迫使用vue,坦白的说vue和传统的网站开发思路不同,导致爱的人爱死,老程序员烦死的现状。

主要区别:

1传统方式:我们做一个网站,首先创建几个文件夹(css、js等等),页面需要用的资源文件,都放到各自的文件夹里。然后创建若干个HTML网页,一个个链接把这些若干网页串起来就OK,网页里需要有什么事件或效果,要么用原生js要么用jqurey,去操作某个dom,实现页面变化。

调试的时候也很简单,如果静态网页,浏览器就可以直接运行调试。asp、jsp、php、.net等动态网站,简单配置一下iis或Tomcat,也就能直接调试。

2vue(这里用vue脚手架来举例):

vue和传统最大的区别就是,vue只有一个html页面(也就是入口页面,你也可以理解成主页面),除了主页面之外,其他的页面都是html片段,以.vue为后缀的片段文件存在,用户访问网站的时候,第一次加载完整主页面,后面的点击其实就是变化html片段而已。(和老程序员理解的局部刷新有点像)

所以vue特别适合制作手机端项目,因为它只需要根据用户的点击,加载所需的片段而已。由于不用一页一页请求新网页,所以这种机制会让手机项目运行非常丝滑顺畅。

但优点也是它的缺点,vue项目的特性决定它不适合做网站,稍微有点SEO((Search Engine Optimization))知识的人都明白,这种机制做的网站,机器人是爬不到任何内容的。

vue的部署也是让我很诟病的,部署它需要折腾一大堆事儿。首先需要安装nodejs,你可以暂时把它理解成和iisTomcat类似的网站发布容器。因为只有在nodejs下才能调试vue脚手架项目。

nodejs装完,然后在cmd命令行下,通过npm命令安装一大堆各种库插件。

这一堆事儿折腾完,你就可以通过一个命令创建一个vue脚手架,然后开始你的项目开发之旅。

很多老程序员被“vue脚手架”这个词搞得云里雾里,简单的说:上面折腾一大堆,就是为了最后敲一个命令,让系统帮你在指定位置创建一组文件夹,然后vue能用上的各种js(百十多个吧)组件都放在这各个文件里,供你开发时候调用。

对比你之前的操作,相当于:你建好文件夹,在js文件夹里放好jqurey,和你常用的js。

所以这套步骤,开始让我很不习惯,可能很多老程序员也不习惯。会让你有种“为了做个小项目,先要部署一套大工厂的感觉”。

很多老程序员其实都是做小项目出身的草根,什么百万千万的迸发、什么团队协作、前后端分离等话题,不是这类程序员关心的。他们往往即是美工也是程序员,即是前端也是后端。几乎都是以快速交付项目为第一初衷,不想为了个环境来回折腾。所以一时间适应不了vue开发模式。

另外如果你的项目,定制化程度较高。我个人还是建议采用独立html的传统方式开发。

如果是移动端开发,vue的确是最佳选择。顺便提一下,vue和小程序几乎是一摸一样的套路,会一个两个就都会了。

我也是花了2天时间,从排斥到接受的。目前用着还不错。

web前端怎么入门学习?

Github用户kamranahmedse最近分享了一个很有趣的图表,关于搞前后端web开发的程序员和devops可采用的职业进阶路线或可能用到的技术。对于做前后端Web开发的程序员来说,这是一份不错的职业修炼手册哟!

介绍

前端路线图

后端路线图

基本就是这样啦~~~~

标签: #vue怎么学 b站vue跟谁学?

这篇好文章是转载于:知行礼动

  • 版权申明: 本站部分内容来自互联网,仅供学习及演示用,请勿用于商业和其他非法用途。如果侵犯了您的权益请与我们联系,请提供相关证据及您的身份证明,我们将在收到邮件后48小时内删除。
  • 本站站名: 知行礼动
  • 本文地址: /knowledge/detail/tanhbjbhkj