能看懂大部分vue源码的水平_vue源码看不懂

文章目录：

• 1、为什么只会Vue的都是前端小白
• 2、vue要学多久才能用
• 3、慕课网上没搜到vue源码，有没有课程透彻分析Vue 源码的？
• 4、Vue到底是什么？
• 5、什么是vue框架？
• 6、完全理解jQuery源代码，在前端方面算什么水平

为什么只会Vue的都是前端小白

1、如果他只会Vue，那他就真的只会这一个东西了。但是，如果他同时还会Angular或者其它一些前端框架，一般就意味着这个人的性价比会非常高。首先，如果他会Angular，那么降低一个维度去写Vue是完全没有问题的，毕竟Vue里面大部分内容都是从AngularJS 1.x（而不是新版本Angular）里面抄出来的。其次，大量的Angular开发者都同时会一种或几种后端语言，如Java和C#，这就意味着你用同样的工钱招到了一个能干更多事情的人。

2、只会Vue的人缺乏学习能力，你招到的可能只是个“拷贝工程师”。你经常看到这种小白会吐槽Type是他人生道路上的障碍，而实际上Type的大部分语法都来自于ES6（还有ES7），如果这个人连Type都说难，只能说明一件事情：他根本就没去学ES6和ES7（最近ES8也出来了）。实际上Type的受欢迎程度远远超越你们的想象，包括目前最火的前端开发工具VS Code本身也是用Type开发的，底层是Electron。从另一个角度看，iOS上的开发语言已经演进到了Swift，Android上也开始使用新语言Kotlin了，随着计算机技术的加速发展，各种编程语言还会加速演进。所以，Type不是他人生道路上的障碍，他最大的障碍是他自己。

3、坐井观天。一般来说，能同时使用多种框架的开发者，心里对各种技术都有自己独到的理解。他们知道整个互联网的发展史、知道Java语言是怎么一步一步发展到今天的、知道ECMA标准是怎么一回事、知道各种前端框架在设计思想上的异同，在他的心里有一个非常宏观的理解。

4、糟糕的英文水平。有很多人告诉过我，他们之所以用上了Vue，是以为中文文档写得好（这一点我赞同）。反过来说明，这帮人英文水平比较糟糕。一直以来，计算机技术的发源地都是硅谷，到今天依然如此。硅谷一直在创造各种各样的新技术、新思想，而这些东西最初都是英文版的。一本书从英文版出来，到第一本中文版面市，经常要延迟6个月以上的时间，如果你招聘的开发者连阅读英文技术文档都有困难，你们公司将会永远掌握二手资料。

vue要学多久才能用

爱奇艺上有vue2.0入门视频 你可以搜索一下 正常js,html基础比较好的,一个星期左右就学会了 基础差点的 一个月吧 看你的学习态度,开发小白的话 就不太好估计了,vue是一种上手很快的前端框架 比较简单 只要认真学 一般都没什么问题,先从基础学 重点关注双向数据绑定,父子组件传参,钩子函数,组件引用,v-html,函数绑定,值怎么显示 后期基础好了,在关注vuex,v-for,v-if 组件封装,路由加载,vue项目运行原理,及常用的组件库

慕课网上没搜到vue源码，有没有课程透彻分析Vue 源码的？

有，你在实战里找是huangyi讲的，印象中是从 Vue 的跨平台编译入手，从 Vue 的几个核心能力开始分析Vue 源码。 Vue 的静态全局 API 与属性， Vue 的响应式原理，异步组件、组件化、diff 算法等等方面，都是进行了详细的分析，最后还附带了vuex和vuerouter。

Vue到底是什么？

vue是一个构建用户界面的框架(库),它的目标是通过尽可能简单的api实现响应的数据绑定和组合的视图集合。vue核心是关注视图层,因此它非常容易学习，非常容易与其它库或已有项目整合。vue在与相关工具和支持库一起使用时, 也能很好地驱动复杂的单页应用。

什么是vue框架？

什么是vue

是一套构建用户界面的渐进式（用到哪一块就用哪一块，不需要全部用上）前端框架，Vue 的核心库只关注视图层

vue的兼容性

Vue.js 不支持 IE8 及其以下版本，因为 Vue.js 使用了 IE8 不能模拟的 ECMAScript 5 特性。 Vue.js 支持所有兼容 ECMAScript 5 的浏览器。

vue学习资源

vue.js中文官网：

vue.js源码：

vue.js官方工具：

vue.js官方论坛：forum.vuejs.org

对比其他框架-React

React 和 Vue 有许多相似之处，它们都有使用 Virtual DOM；提供了响应式（Reactive）和组件化（Composable）的视图组件。将注意力集中保持在核心库，而将其他功能如路由和全局状态管理交给相关的库。React 比 Vue 有更丰富的生态系统

都有支持native的方案，React的RN，vue的Wee下

都支持SSR服务端渲染

都支持props进行父子组件间的通信

性能方面：React 和 Vue 在大部分常见场景下都能提供近似的性能。通常 Vue 会有少量优势，因为 Vue 的 Virtual DOM 实现相对更为轻量一些。

不同之处就是：

数据绑定方面，vue实现了数据的双向数据绑定，react数据流动是单向的

virtual DOM不一样,vue会跟踪每一个组件的依赖关系,不需要重新渲染整个组件树.而对于React而言,每当应用的状态被改变时,全部组件都会重新渲染,所以react中会需要shouldComponentUpdate这个生命周期函数方法来进行控制

state对象在react应用中不可变的,需要使用setState方法更新状态;在vue中,state对象不是必须的,数据由data属性在vue对象中管理（如果要操作直接this.xxx）

组件写法不一样, React推荐的做法是 JSX , 也就是把HTML和CSS全都写进JavaScript了,即'all in js'; Vue推荐的做法是webpack+vue-loader的单文件组件格式,即html,css,js写在同一个文件

对比其他框架-angular

在性能方面，这两个框架都非常的快，我们也没有足够的实际应用数据来下一个结论。如果你一定想看些数据的话，你可以参考这个第三方跑分。单就这个跑分来看，Vue 似乎比 Angular 要更快一些。

在大小方面，最近的 Angular 版本中在使用了 AOT 和 tree-shaking 技术后使得最终的代码体积减小了许多。但即使如此，一个包含了 vuex + vue-router 的 Vue 项目 (30kb gzipped) 相比使用了这些优化的 Angular CLI 生成的默认项目尺寸 (~130kb) 还是要小的多。

灵活性：Vue 相比于 Angular 更加灵活，Vue 官方提供了构建工具来协助你构建项目，但它并不限制你去如何组织你的应用代码。有人可能喜欢有严格的代码组织规范，但也有开发者喜欢更灵活自由的方式。

vue.js的核心特点—响应的数据绑定

传统的js操作页面：在以前使用js操作页面的时候是这样的，需要操作某个html元素的数据，就的使用js代码获取元素然后在处理业务逻辑

响应式数据绑定的方式操作页面，可以直接使用像下面代码那样的写法就可以将数据填充到页面中

template

div id="app"

{{ message }}

/div

/template

script

export default {

name: 'app',

data () {

return {

message: 'Welcome to Your Vue.js App'

}

}

}

/script

style

/style

vue.js的核心特点—可组合的视图组件

一个页面映射为组件树。划分组件可维护、可重用、可测试，也就是一个页面由多个组件组合而成

vue中实现组件引入示例

第一步：import导入需要引入的组件文件；

第二步：注册组件；

第三步：在需要引入组件的文件中加上组件标签（这个标签的标签名就是注册的组件名字，多个单词的和这里有xx-xx的形式）

需要注意的是：组件可以嵌套引入，也就是说组件可以引入其他组件

首先创建一个组件，用于被引入的组件，组件名字叫Hello.vue

————————————————

版权声明：本文为CSDN博主「胡椒粉0121」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。

完全理解jQuery源代码，在前端方面算什么水平

依读了2周jQuery源码的人感觉来说，完全理解jQuery，就拿jQuery

1.11这个版本10337行代码来说，水平已经很不错了。谦虚点说，已经入门。骄傲点，国内领先水平。但其码我感觉是js架构之路起行的第一步，完全理

解源码，说明有独立构建或组织大型web前端框架的能力和基础。然后看看完全理解jQuery是一个怎么样的状态。

看下面几个链接就明白了：

RubyLouvre/avalon · GitHub

artDialog

aui/artDialog · GitHub(后来的新版代码有所改变)

没错，这两个里边，就是在继承jquery的基础上做了自己的创新尝试。

然后在看下面这位：

[原创] jQuery1.6.1源码分析系列（停止更新）

是唯一出过jquery源码分析书的一位：

《jQuery技术内幕：深入解析jQuery架构设计与实现原理》(高云)【摘要 书评 试读】

然后在看这位：

jQuery 2.0.3 源码分析系列

是目前一直在更新的一位，通俗有深度且版本比较新。

在说一下我2周阅读jquery源码的心得，初看源码写的恶心，再看写的不错，细看写的真是精妙。然后今天在看ext 4.2的源码，真是流畅易读。基本来说，看懂jQuery源码，以后的源码学习之路可以说，平坦。

然后说是不是高手，高手只是一个自我定位的心理暗示，是一种人格魅力的体现，是业务与技术的完美结合。个人感觉只能无限的接近，不能在有限的生命里边到达。我们在通往目的地过程中享受一路的风景，这才是生命的意义。

然后在说前端，前端的核心是js，外围打酱油的技术太多，不一一列举。

css就像一瓶酒，得品。

html,css总共就那些标签跟选择器属性什么的，但是要写一个有扩展性，健壮性或维护性的页面不容易。现在写页面基本条件反射，不是如何快速的完成，而是思考如果有前端界面需求修改，怎么在修改代码最少的情况下完成整体需求任务。

js就像一把剑，得磨。

js刚开始只是为了较验，随便技术社会的发展，承担的角色越来越重，刚开始玩玩jQuery感觉已经会js了，其实只是冰山一角。随着对js的了解越来越多，他即变态又可爱，即好玩又难控，即有很多兼容问题，但解决兼容是我们基本生存之道。

人生就是一场梦，得作。

技术只是生活的一部分，曾经雄心斗志，如今低头写码。改变能改变的，接受不能改变的。人生有限，兄争朝夕啊。

最后说，什么时候能阅读jQuery源码，我感觉其码是纯js编码一年以上，js基础知识没有盲点。阅读源码，确实能学到很多东西。不只是技术，而是一种生活的态度。一种把一件事情做到极致的态度(糖饼语)。

然后下面链接分享一下，是目前阅读研究源码的一部分资源：

jQuery source viewer

jquery源码查询

这些年、我收集的JQuery代码

jquery1.6中的.prop()和.attr()异同

第三章《遍历DOM元素》

jquery选择器

javascript笔记：临摹jQuery（一）

jQuery 的原型关系图

jquery选择器

【原创】jQuery1.8.2源码解析之jQuery.Callbacks

[原创] jQuery1.6.1源码分析系列（停止更新）

jQuery event（上）

jquery事件分析

疯狂秀才 - 博客园

jQuery工作原理解析以及源代码示例

jquery easyui 作者

raphealguo'blog

jquery源码阅读

jQuery工作原理解析以及源代码示例

Decoding jQuery

jquery源码阅读英文资料

nuysoft - 博客园

jquery源码阅读，这位作者出了一本书叫jquery技术内幕

jQuery技术内幕

adamed的博客

jq源代码阅读

猫猫的博客 - ITeye技术网站

jquery源码分析

jQuery1.6.2源码分析（一）框架体系研究

jquery框架分析

jQuery 源码：元素位置

jquery源码　元素位置

10 个新鲜奇妙的 jQuery 插件

10个jquery插件，里边有个jquery滚动条写的不错。

妙味课堂：一起学习jQuery源码【逐行分析jQuery源码的奥秘】

妙味课堂-视频教程-

[知识点类] 妙味课堂：一起学习jQuery源码【逐行分析jQuery源码的奥秘】

jQuery 2.0.3 源码分析Sizzle引擎

jQuery 2.0.3 源码分析Sizzle引擎

jquery 2.0.3源码分析 分析Sizzle引擎 - 编译函数（大篇幅）

mythz/jquip 路 GitHub

jquery 压缩版

jQuery 2.0.3 源码分析 回调对象

jQuery 2.0.3 源码分析 回调对象 - Callbacks

妙味课堂：一起学习jQuery源码【逐行分析jQuery源码的奥秘】

jquery源码解读-妙味

jQuery 源码阅读

华子yjh - 博客园

浅析jQuery基础框架

Hiro，工作，生活

sizzle源码

浅谈 jQuery 事件源码定位问题

jQuery1.11源码分析(1)-----Sizzle源码概览[原创]

jQuery1.0源代码分析之domManip方法（七）

jquery 实现原理

jquery2.0.4源码分析

jQuery源码分析系列

通过jQuery源码学习javascript（一）

web前端开发分享