精华内容
下载资源
问答
  • 每个人的学习一个新...我根据自己的经验,我认为:如果可以把原生JS学精,学vue就只是个时间问题,如果原生JS没有学好,vue的深层原理很难理解,很可能落得个只会用的地步,所以理想情况下首先把原生JS学精当然最...

    以前是网页设计师,后来从切图仔自学html、css和javascript,这个问题我深有体会。

    每个人的学习一个新知识新技能的方法,以及当下学习的需求和动力是不同的,应该根据自己的特点选择路径去学习,才更适合自己。

    我根据自己的经验,我认为:如果可以把原生JS学精,学vue就只是个时间问题,如果原生JS没有学好,vue的深层原理很难理解,很可能落得个只会用的地步,所以理想情况下首先把原生JS学精当然最好,但是,学习中有很重要的一点,它是需要积极反馈的,否则很难坚持,如果你一直学原生js,做东西的难度会很大,耗时很长,效率很低,就像只用原生css而不用bootstrap一样,这样你会感到动力不足,很可能学了一段时间再也不想打开IDE了。

    1、如果你的执行能力很强,能够坚持下啃硬骨头,我建议用一段时间学精原生JS,这样vue甚至可以边做项目边学了,也能在学习vue时思考其中的原理,相当于又复习了一遍原生JS;

    2、如果你的执行能力一般,就像我一样,需要积极的反馈,我建议过一遍JS的语法之后,可以学个小框架jQuery,它能大大提升你开发的效率,同时,主动的去了解JS中一些晦涩的概念如闭包、原型、原型链等概念,这样积累了一段时间之后,对JS的掌握程度深了一些之后,再去学vue,也能感觉得心应手;

    3、如果你不愿意学习jQuery,也没有时间研究JS中难懂的概念,只学习了JS的基础语法,就直接上手vue,其实也是没有问题的,以我自己的经验,即使你不学习JS中那些晦涩的概念,入门vue,用vue写一个小项目也是没有问题的,事实上,我的博客的第一个版本就是在我对JS的了解还处于很浅层次的时候,用vue框架写出来的,但需要明白,初期你也只是会用而已,远远不能理解其原理,后面如果既想会用,又想理解原理,还是要去研究原生JS,但这种方式其实也能对症下药,以问题驱动,你的研究兴趣也会提高;

    以上就是我的经验之谈,希望大家能按照自己的想法实际考虑。

    小编企鹅:714205369

    展开全文
  • 我根据自己的经验,我认为:如果可以把原生JS学精,学vue就只是个时间问题,如果原生JS没有学好,vue的深层原理很难理解,很可能落得个只会用的地步,所以理想情况下首先把原生JS学精当然最好,但是,学习中有很重要...

    前言

    以前是网页设计师,后来从切图仔自学html、css和javascript,这个问题我深有体会。
    每个人的学习一个新知识新技能的方法,以及当下学习的需求和动力是不同的,应该根据自己的特点选择路径去学习,才更适合自己。

    我的理解

    我根据自己的经验,我认为:如果可以把原生JS学精,学vue就只是个时间问题,如果原生JS没有学好,vue的深层原理很难理解,很可能落得个只会用的地步,所以理想情况下首先把原生JS学精当然最好,但是,学习中有很重要的一点,它是需要积极反馈的,否则很难坚持,如果你一直学原生js,做东西的难度会很大,耗时很长,效率很低,就像只用原生css而不用bootstrap一样,这样你会感到动力不足,很可能学了一段时间再也不想打开IDE了。

    个人建议

    1、如果你的执行能力很强,能够坚持下啃硬骨头,我建议用一段时间学精原生JS,这样vue甚至可以边做项目边学了,也能在学习vue时思考其中的原理,相当于又复习了一遍原生JS;

    2、如果你的执行能力一般,就像我一样,需要积极的反馈,我建议过一遍JS的语法之后,可以学个小框架jQuery,它能大大提升你开发的效率,同时,主动的去了解JS中一些晦涩的概念如闭包、原型、原型链等概念,这样积累了一段时间之后,对JS的掌握程度深了一些之后,再去学vue,也能感觉得心应手;

    3、如果你不愿意学习jQuery,也没有时间研究JS中难懂的概念,只学习了JS的基础语法,就直接上手vue,其实也是没有问题的,以我自己的经验,即使你不学习JS中那些晦涩的概念,入门vue,用vue写一个小项目也是没有问题的,事实上,我的博客的第一个版本就是在我对JS的了解还处于很浅层次的时候,用vue框架写出来的,但需要明白,初期你也只是会用而已,远远不能理解其原理,后面如果既想会用,又想理解原理,还是要去研究原生JS,但这种方式其实也能对症下药,以问题驱动,你的研究兴趣也会提高;

    有同样想法的你,记得帮点赞收藏~

    展开全文
  • vue项目学习13--jquery

    2018-03-01 14:33:17
    很多人学习 js 都是从 jQuery 开始的,我也例外。有时候进行一些操作的时候,还是感觉 jQuery 比较好用,那么,我们如何在项目中使用 jQuery 呢?这篇博文带你实践。引用 jQuery 文件首先呢,jQuery 是...

    前情回顾

    在上一篇博文中,我们讲到了,如何在 vue 项目中 使用百度的 UEditor 富文本编辑器。相信大家对引用这种非 npm 的包有了一定的认识。

    很多人学习 js 都是从 jQuery 开始的,我也不例外。有时候进行一些操作的时候,还是感觉 jQuery 比较好用,那么,我们如何在项目中使用 jQuery 呢?这篇博文带你实践。

    引用 jQuery 文件

    首先呢,jQuery 是提供了 npm 的安装包的。我们的 vue-cli 脚手架,也是支持引入的。不过设置比较麻烦,如果你对使用这种方法比较敢兴趣,可以直接参考下面的内容:

    1. How to include jQuery into Vue.js
    2. How to use a jQuery plugin inside Vue

    虽然资料是英文的,但是阅读应该不成问题。

    好,我们不说这种方式引入 jQuery 而是引用文件的方式引用。

    首先,我们下载 jQuery 文件到我们的 /static/js/ 目录。正好我本地有一个 jquery-1.8.3.js,我就放了这么一个 jQuery 文件到我们的演示项目里。

    然后,在 /src/main.js 合适位置插入下面的代码:

    // import 'jquery'
    import '../static/js/jquery-1.8.3.js'

    jQuery 文件路径名,请保持和你自己的一致。

    好,这样,我们就引入成功了。

    经过测试,这个方法不适用于高版本的 jquery 高版本请直接使用下面第二种方法引入。

    补充第二个方法

    上面,我们是在 main.js 文件中引用 jQuery 其实,我们还可以在 /index.html 直接引用。

    我们编辑 /index.html 在 head 区域插入下面的代码

    <script src="static/js/jquery-1.8.3.js"></script>

    直接这样引用,就可以在项目中愉快的写 jquery 代码了。

    so,明白我为什么不用 npm 安装那种啰嗦的方法了吧~,其实,更多的东西,我们都可以使用这两种方法来引入。因为,这样引入,可以加快打包速度。最佳状态是,打包只打包我们自己的代码。 
    不过在正常开发来说,需要时不时的安装一个包,这时候,还是 npm 的包管理来得非常方便。但对于一个成熟项目的各种优化来说,这里就可以不断的尝试优化了。 
    这里,我只是提供了这个思路,我并不推荐任何东西都这么做,尤其是开发阶段!

    搞一个文件测试一下 jQuery 是否可用

    新建 /src/page/jq.vue 文件,录入下面的内容

    <template>
      <div class="love">
        <p>这里是初始文字</p>
        <button @click="testJQ">看看 jquery 有没有工作</button>
      </div>
    </template>
    <script>
    export default {
      methods: {
        testJQ () {
          $('.love p').html('jquery 工作正常!')
        }
      }
    }
    </script>

    这段代码逻辑非常简单,就是点击的时候改变 p 的文字。

    将路由配置为 /jq,具体操作不表,不会看前面的文章,或者我的 github 源码。

    好,如果你的编辑器配置了代码审查的话,应该报错了。而浏览器里面,也是报错的。

    去掉 eslint 报错 ‘$’ is not defined

    虽然引用了 jQuery 但是你真正去写的时候,会报这个错误。我们首先需要关闭掉这个错误。

    关闭有两种方法,一种是临时关闭,一种是永久关闭。我这里提供永久关闭的方法。

    我们编辑 /.eslintrc.js 文件

      env: {
        browser: true,
        jquery: true
      },

    在 env 区间里面加上 jquery: true 参数即可。

    然后我们重新跑一下系统 npm run dev 就应该可以看到我们想要的效果了。

    jquery 效果演示

    更加复杂的操作,我没有尝试。但是我可以肯定,绝对没有原生写那样顺畅。还必须依赖 vue 的一些方法什么的。我的建议是,一般不使用 jQuery,如果使用的话,请确保在可控的范围内。否则,你算是给项目埋大坑了。

    如果文章由于我学识浅薄,导致您发现有严重谬误的地方,请一定在评论中指出,我会在第一时间修正我的博文,以避免误人子弟。

    本文由 FungLeo 原创,允许转载,但转载必须保留首发链接。

    2017年10月19日补充

    看到评论中反应使用1.10以上版本的 jquery 会始终报错。另外非常感谢有朋友给出了别人的解决方法。

    我今天测试了一下,确实发现这个问题。但是我想解决方法用不着那么复杂。直接在 index.html 使用如下代码引入 jquery 然后配置一下 eslint ,然后就在项目中使用就可以了。

    <script src="static/js/jquery-3.2.1.min.js"></script>

    就是使用第一节中我说的第二个方法引入。

    github 代码已更新。

    如有其他问题,欢迎继续给我评论中留言。

    原文连接 http://blog.csdn.net/fungleo/article/details/77879328

    在这里我补充一点 其实我们在index.html引入是最简单直接的方法,不是所有模块都适合npm下载 因为毕竟这个项目是利用vue脚手架创建的  后续我们如果想用jquery时候 还得需要下特定版本  而且这里的webpack已经集成vue了  也不适用我们单独在webpack去配置jquery 所以,万事以简介为主  webpack真正要打包的使我们写的代码 而非我们引入的包

    展开全文
  • vue大战jquery

    2020-02-23 20:46:54
    vue大战jquery 近日才开始接触vue框架,虽然还没了解...vue所提倡的数据驱动视图和jQuery直接操作DOM在编写页面时的思路是完全不同的。 以下是对传统jq与目前最热的vue进行的技术特性对比: 1、精力集中。 Jq偏重...

    vue大战jquery

    近日才开始接触vue框架,虽然还没了解透彻但是已经深深爱上了。感觉比jquery简单很多,这也就是jquery渐渐失宠的缘故吧!作为还是菜鸡的我还没那能力将二者剖析透彻,于是翻了好多博主的博客,学到了挺多。vue所提倡的数据驱动视图和jQuery的直接操作DOM在编写页面时的思路是完全不同的。
    以下是对传统jq与目前最热的vue进行的技术特性对比:

    1、精力集中。
    Jq偏重于对dom的操作,由它的函数就很容易看出来,$()、parent()、find()。我们用jq的时候经常要去考虑怎么去渲染数据,怎么从视图中取到数据,操作数据前必须对dom节点进行选取修改赋值等操作。而Vue则是基于MVVM思想,数据驱动,双向绑定,只需要定义好渲染规则,如果数据发生改变,vue会帮我们重新渲染整个页面,所以我们只需将注意力放在数据操作上就可以了。

    2、代码结构。
    如果你用jq没有好的代码架构,很容易就回出现一种情况就是:js里写着html元素代码,而且可能会遍布很多地方。因为增删改查你都需要对dom进行操作,这里甚至可能会写多了些冗余代码。代码架构好一点的,可能会写成一种简版框架,依然是全域的,需要闭包。而vue就没有这个问题方法全部写在methods中,提供多种钩子函数对页面渲染过成进行精准操作。

    3、操作性。
    用jq去操作dom实际上是蛮麻烦的,dom操作较多较繁琐。而用vue的话,可以直接修改数据就可以了方便快捷,提升开发效率。

    4、模块化。
    目前无论前端还是后端开发,越来越倾向于模块化组件化,以求降低不同模块,不同功能区块之间的耦合度,便于后期业务的修改与拓展,vue完全符合上述特性,而使用jq的时候,如果你的js牛逼轰轰的写得已经超长了,然后你又觉得需要分下模块了,然后你就会大喊一句:“我太难了!”

    5、组件的复用。
    用vue最爽的莫过于使用别人写好的组件。目前vue的生态已经非常庞大,主流的组件库有element-ui,iview,使用主流的组件库不仅避免了我们重复造轮子,而且方便新员工快速接手项目。

    6、性能。
    vue使用了虚拟dom技术,能够减少 dom的操作,能提高一定的效率。

    展开全文
  • Jqueryvue对比

    2020-07-20 08:17:29
    jQueryVue的转变是一个思想的转变,将原有的直接操作dom的思想转变到操作数据上 前言:很多人说jquey和vue没有什么可比的,应该和Angular,React来比吧,我到觉得他们倒没有多大的可比性,都是基于mvvm思想设计的...
  • vue中怎么实现自己发送ajaxVue怎么和AJAX和其他的方法结合在一起Vue.js简介 vue是法语中视图的意思,Vue.js是一个轻巧、高性能、可组件化的MVVM库,同时拥有非常容易上手的API。 一、动态参数显示 ajax异步请CSS布局...
  • 直接学 Vue 3 吧 —— 对话 Vue.js 作者尤雨溪

    万次阅读 多人点赞 2021-04-15 14:59:40
    《程序员》于 2000 年创刊,其理念为技术改变世界,创新驱动中国。2021 年,《程序员》2.0 全新起航,首期以「开发者的黄金十年」为主题,以音视频...从复杂的 jQuery 插件化开发到模块化及组件化,现代前端技术在迭代.
  • VuejQuery混用的数据共享(使用Vue-cli) * 前言:本示例没有使用webpack,配置环境是参考廖雪峰廖大的node.js教程搭建。 * * 环境:Node.js + Koa2 + nunjunks + Vue + jQuery 配置详情和教程可参考下面的...
  • jquery项目转vue

    千次阅读 2018-04-27 14:34:13
    原本的项目是jquery+BootStrap,在引入了比较多的插件,所以项目是比较...https://blog.csdn.net/violetjack0808/article/details/51451672jQueryVue的区别jQuery是使用选择器($)选取DOM对象,对其进行赋值、...
  • 严格来说jquery不能算作是js框架,而是js的类库,主要是封装了对dom操作的一系列函数,使我们操作dom更简单高效,封装后的对象以$符号表示,操作dom以jquery的选择器$(“”)的形式获取dom元素,像原生js那样通过...
  • Vue 学习

    2020-11-05 20:15:57
    文章目录Vue 学习目标概述基本使用模板语法指令数据响应式事件绑定Class 与 Style 绑定条件渲染常用特性表单操作修饰符自定义指令侦听器过滤器生命周期数组相关组件化开发组件化开发思想组件注册Vue 调试工具组件间...
  • Vue学习

    2020-11-02 09:27:12
    Vue 1、Vue概述 ...JavaScript框架JQuery Angular js:Google收购的前端框架 React:facebook出品,一款高性能的JS前端框架,【需要额外学习JSX语言】 Vue:一款渐进式JavaScript框架,其特点综合Angul
  • vue学习

    2019-06-11 23:49:03
    1. 安装node,直接官网下载安卓即可,会自动安装上npm。 网址:https://nodejs.org 2. 检测node是否安装成功,在终端输入:node -v 以及 npm -v,若有版本信息,则安装成功。 3. 全局安装cli3 npm install -g @vue/...
  • 有没有跟我一样想学习Vue的小伙伴?一起呀!互相督促,互相帮助,互相分享心得~没有的话我等会再来问!
  • jQuery转向Vue

    2019-08-22 09:52:28
    作为一个使用了jQuery很多年 的人,最近,我成为了一个Vue的皈依者,我认为从一个框架到另一个框架的迁移过程将是一个值得讨论的有趣的话题。 在我开始之前,我想清楚地说明一点。我并没有以任何方式告诉任何人去...
  • Vue学习—vue-resource

    2018-04-20 14:37:56
    Vue.js是数据驱动的,这使得我们并需要直接操作DOM,如果我们需要使用jQuery的DOM选择器,就没有必要引入jQueryvue-resource是Vue.js的一款插件,它可以通过XMLHttpRequest或JSONP发起请求并处理响应。也就是...
  • 编者注:本文是我们的代码优化系列的一部分,... 许多项目使用jQuery代码,而不是直接使用原始JavaScript来引入动态功能。 但是jQuery也有缺点。 如果不慎使用它所基于的语言,可能会导致一些性能问题 。 这篇文...
  • jqueryvue对比(二)

    2017-10-11 14:05:05
    普遍认为jQuery是适合web初学者的起步工具。许多人甚至在学习jQuery之前,他们已经学习了一些轻量...jQuery提供了简洁,简化jQuery确实克服了很多旧浏览器问题。但是,它在封装DOM API和JavaScript的复杂性上并没有
  • VUE学习记录

    2018-09-30 11:15:29
    在尝试了解了React和Vue之后,还是选择了Vue作为开发前端web的单页应用的框架,主要是vue相对...之所这样说,是因为,只要数据改变了,页面就实时的调整改变了,这也之前使用jquery进行dom操作完全是两个概念。我觉...
  • Vue学习分享

    2019-07-24 10:37:54
    Vue学习资料分享 一、 概述 Vue官方网址 https://cn.vuejs.org/ https://cn.vuejs.org/v2/api/ 需要学习 Vue语法 ES6语法 https://www.jianshu.com/p/342ae4b2ef99 需要了解 NodeJs ESlint(语法检查) ...
  • Vue项目里使用jQuery是完全可行的,而且完全符合Vue的工作思想,本质上,将jQ视为一个对Vue适配度高的Vue插件就行了,双向绑定工作需要你自己来完成而已。Vue中使用jqueryvue项目中,需要实现某些特定的功能时,...
  • VUE学习随笔

    2020-09-07 10:12:54
    文章目录1、基础和语法2、vue函数结构3、组件Vue组件封装过程组件创建的三种方法注册组件的两种方法组件通信插槽默认使用方法具名插槽插槽的默认内容作用域插槽webpack核心功能,为什么用他?安装文件目录打包指令Vue...
  • 为什么要学习vue

    2021-01-22 08:29:51
    Vue是什么?来看看官方的介绍。 Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架。...jquery到的vue转变是一个思想的转变,是将jquery直接操作dom的思想转变到操作数据上去。 jQuery

空空如也

空空如也

1 2 3 4 5 ... 20
收藏数 12,144
精华内容 4,857
关键字:

不学jquery直接学vue

vue 订阅