vue源码

使用rollup打包JS的方法步骤

rollup比较适合打包js的sdk或者封装的框架等，例如，vue源码就是rollup打包的。而webpack比较适合打包一些应用，例如SPA或者同构项目等等。
初代·2018-12-05 14:29

Vue源码解析之数组变异的实现

力有不逮的对象众所周知，在Vue中，直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值，你会发现，只有数据改了，但是页面内容并没有改变。这是什么原因？原因在于：Vue的响应式系统是基于Object.defineProperty这个方法的，该方法可以监听对象中某个元素的获取或修改，经过了该方法处理的数据，我们称其为响应式数据。但是，该方法有一个很大的缺点，新增属性或者删除属性不会触发监听
格子熊·2018-12-04 09:12

Vue源码解析之数组变异

力有不逮的对象众所周知，在Vue中，直接修改对象属性的值无法触发响应式。当你直接修改了对象属性的值，你会发现，只有数据改了，但是页面内容并没有改变。这是什么原因？原因在于：Vue的响应式系统是基于Object.defineProperty这个方法的，该方法可以监听对象中某个元素的获取或修改，经过了该方法处理的数据，我们称其为响应式数据。但是，该方法有一个很大的缺点，新增属性或者删除属性不会触发监听
格子熊·2018-12-03 23:00

Vue源码探究-虚拟DOM的渲染

Vue源码探究-虚拟DOM的渲染在虚拟节点的实现一篇中，除了知道了VNode类的实现之外，还简要地整理了一下DOM渲染的路径。在这一篇中，主要来分析一下两条路径的具体实现代码。
ushio·2018-12-03 00:00

vue实现双向绑定和依赖收集遇到的坑

在掘金上买了一个关于解读vue源码的小册，因为是付费的，所以还比较放心在小册里看到了关于vue双向绑定和依赖收集的部分，总感觉有些怪怪的，然后就自己跟着敲了一遍。
毛毛开飞机·2018-11-29 08:32

Vue源码探究-虚拟节点的实现

Vue源码探究-虚拟节点的实现页面初始化的所有状态都准备就绪之后，下一步就是要生成组件相应的虚拟节点——VNode。
ushio·2018-11-23 00:00

Vue源码解析之nextTick

Vue源码解析之nextTick前言nextTick是Vue的一个核心功能，在Vue内部实现中也经常用到nextTick。但是，很多新手不理解nextTick的原理，甚至不清楚nextTick的作用。
格子熊·2018-11-22 22:00

vue 源码探究（第二弹）

vue源码探究（第二弹）接着上一篇，继续来讲一个非常有意思的东西documentFragment解析六、DocumentFragment:文档碎片(高效批量更新多个节点)这里先甩出2个概念，什么是document
zhangjingbibibi·2018-11-22 11:52

Vue源码阅读 - 文件结构与运行机制

compile()3.4响应式化observe()3.5视图更新patch()vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue
大灰狼的小绵羊哥哥·2018-11-20 09:14

一套代码小程序&Web&Native运行的探索07——mpvue简单调研

前言接上文：【一套代码小程序&Native&Web阶段总结篇】可以这样阅读Vue源码最近工作比较忙，加之上个月生了小孩，小情人是各种折腾他爸妈，我们可以使用的独立时间片不多，虽然这块研究进展缓慢，但是一直做下去
叶小钗·2018-11-16 17:00

一套代码小程序&Web&Native运行的探索07——mpvue简单调研

前言接上文：【一套代码小程序&Native&Web阶段总结篇】可以这样阅读Vue源码最近工作比较忙，加之上个月生了小孩，小情人是各种折腾他爸妈，我们可以使用的独立时间片不多，虽然这块研究进展缓慢，但是一直做下去
叶小钗·2018-11-16 17:00

Vue源码探究之状态初始化

继续随着核心类的初始化展开探索其他的模块，这一篇来研究一下Vue的状态初始化。这里的状态初始化指的就是在创建实例的时候，在配置对象里定义的属性、数据变量、方法等是如何进行初始处理的。由于随后的数据更新变动都交给观察系统来负责，所以在事先弄明白了数据绑定的原理之后，就只需要将目光集中在这一部分。来仔细看看在核心类中首先执行的关于state部分的源码：initState//定义并导出initState
ushio·2018-11-14 10:24

Vue源码探究-状态初始化

Vue源码探究-状态初始化本篇代码位于vue/src/core/instance/state.js继续随着核心类的初始化展开探索其他的模块，这一篇来研究一下Vue的状态初始化。
ushio·2018-11-14 00:00

详解Vue内部怎样处理props选项的多种写法

具体规范方式见Vue源码sr
边城少年_·2018-11-06 11:45

Vue源码探究-数据绑定的实现

Vue源码探究-数据绑定的实现本篇代码位于vue/src/core/observer/在总结完数据绑定实现的逻辑架构一篇后，已经对Vue的数据观察系统的角色和各自的功能有了比较透彻的了解，这一篇继续仔细分析下源码的具体实现
ushio·2018-11-04 00:00

Vue源码探究-数据绑定逻辑架构

Vue源码探究-数据绑定逻辑架构数据观察系统是Vue实现数据绑定、异步更新的核心模块，数据观察系统的实现也是Vue源码里最为复杂的部分，在仔细研究具体实现之前，先对整个数据绑定的逻辑架构进行一个充分的认识
ushio·2018-10-29 00:00

Vue源码探究-事件系统

Vue源码探究-事件系统本篇代码位于vue/src/core/instance/events.js紧跟着生命周期之后的就是继续初始化事件相关的属性和方法。
ushio·2018-10-22 00:00

pre-commit钩子，代码质量检查

也可以在gitcommit之前，检查代码，保证所有提交到版本库中的代码都是符合规范的，在看vue源码时，不免修改代码，就会触发里面配置
不可能的是·2018-10-20 00:00

vue源码构建

vue.js源码是基于Rollup构建的，它的构建相关配置都放在script目录下。构建大概过程构建脚本通常一个基于NPM托管的项目都会有一个package.json文件，他是对项目的描述文件，它的内容实际上是一个标准的JSON对象。我们通常会配置script字段作为NPM的执行脚本，Vue.js源码构建的脚本如下：总共3条命令，作用都是构建Vue.js，后面2条是在第一条命令的基础上，添加了一些
LoveBugs_King·2018-10-18 09:37

【一套代码小程序&Native&Web阶段总结篇】可以这样阅读Vue源码

前言前面我们对微信小程序进行了研究：【微信小程序项目实践总结】30分钟从陌生到熟悉在实际代码过程中我们发现，我们可能又要做H5站又要做小程序同时还要做个APP，这里会造成很大的资源浪费，如果设定一个规则，让我们可以先写H5代码，然后将小程序以及APP的业务差异代码做掉，岂不快哉？但小程序的web框架并不开源，不然也用不着我们在此费力了，经过研究，小程序web端框架是一套自研的MVVM框架，于是我们
叶小钗·2018-10-15 16:00

【一套代码小程序&Native&Web阶段总结篇】可以这样阅读Vue源码

前言前面我们对微信小程序进行了研究：【微信小程序项目实践总结】30分钟从陌生到熟悉在实际代码过程中我们发现，我们可能又要做H5站又要做小程序同时还要做个APP，这里会造成很大的资源浪费，如果设定一个规则，让我们可以先写H5代码，然后将小程序以及APP的业务差异代码做掉，岂不快哉？但小程序的web框架并不开源，不然也用不着我们在此费力了，经过研究，小程序web端框架是一套自研的MVVM框架，于是我们
叶小钗·2018-10-15 16:00

Vue源码探究-生命周期

Vue源码探究-生命周期本篇代码位于vue/src/core/instance/lifecycle.js初步探索完了核心类的实现之后，接下来就要开始深入到Vue实现的具体功能部分了。
ushio·2018-10-15 00:00

vue性能优化

当使用webpack或Browserify类似的构建工具时，Vue源码会根据process.env.NODE_ENV决定是否启用生产环境模式，默认情况为开发环境模式。
我爱枕头·2018-10-08 17:45

Vue源码探究-类初始化函数详情

Vue源码探究-类初始化函数详情随着初始化函数的执行，实例的生命周期也开始运转，在初始化函数里可以看到每个模块向实例集成的功能，这些功能的具体内容以后在单独的文章里继续探索。
ushio·2018-10-08 00:00

vue源码5

大概1600-2600行/***Getthedefaultvalueofaprop.*///得到prop的初始值functiongetPropDefaultValue(vm,prop,key){//nodefault,returnundefinedif(!hasOwn(prop,'default')){returnundefined}vardef=prop.default;//warnagains
小强不是蟑螂啊·2018-10-05 19:12

Vue源码探究-核心类的实现

Vue源码探究-核心类的实现本篇源代码所在路径vue/src/core/instance/几乎所有JS框架或插件的编写都有一个类似的模式，即向全局输出一个类或者说构造函数，通过创建实例来使用这个类的公开方法
ushio·2018-09-28 00:00

前端Vue 源码分析-逻辑层

Vue源码分析-逻辑层预期的效果：监听input的输入，input在输入的时候，会触发watch与computed函数，并且会更新原始的input的数值。
易水人去丶明月如霜·2018-09-27 21:23

Vue源码探究-构建版本的区别

Vue源码探究-构建版本的区别基于第三方性能评估工具Benchmark的测评结果可以看出Vue2.0版本在整体的性能上得到了大幅优化，即使与React和Angular最新版相比也相差无几。
ushio·2018-09-22 00:00

Vue源码探究-源码文件组织

Vue源码探究-源码文件组织源码探究基于最新开发分支，当前发布版本为v2.5.17-beta.0Vue2.0版本的大整改不仅在于使用功能上的优化和调整，整个代码库也发生了天翻地覆的重组。
ushio·2018-09-17 00:00

Vue项目数据动态过滤实践及实现思路

-)，过程中会涉及到一些Vue源码的概念比如$mount、renderwatcher等问题是这样的：页面从后台拿到的数据是由0、1之类的key，而这个key代表的value比如0-女、1-男的对应关系是要从另外一个数据字典接口拿到的
SHERlocked93·2018-09-11 14:51

vue打包webapp要点

一、vue源码的设置1）src中关于router的配置model:'history'要去掉，即地址栏中保留“#”。2）config的index关于build的配置assetsPublicPath:'.
skygored·2018-09-07 15:24

vue源码试读（二）

上一篇按照核心文件的结构，从宏观角度了解了Vue对象的构造过程，这里再从微观角度看看newVue（）的过程中框架都做了些什么。首先来个引入vue的demo。在demo中js：vardemo=newVue({el:'#demo',data(){return{text:'helloworld!'}}})_init方法当我们在new一个vue对象的时候，初始化一个实例，在instance/init中的V
振飞666·2018-08-31 15:23

从vue源码解析Vue.set()和this.$set()

前言最近死磕了一段时间vue源码，想想觉得还是要输出点东西，我们先来从Vue提供的Vue.set()和this.$set()这两个api看看它内部是怎么实现的。Vue.set()和this.
你假装没察觉·2018-08-30 15:49

vue源码（七）Vue 的初始化之开篇

本文是学习vue源码，之所以转载过来是方便自己随时查看，在这里要感谢HcySunYang大神，提供的开源vue源码解析，写的非常非常好，简单易懂，比自己看要容易多了，他的文章链接地址是http://hcysun.me
nicexibeidage·2018-08-27 14:05

Vue源码解读之Component组件注册的实现

什么是组件？组件(Component)是Vue.js最强大的功能之一。组件可以扩展HTML元素，封装可重用的代码。在较高层面上，组件是自定义元素，Vue.js的编译器为它添加特殊功能。在有些情况下，组件也可以表现为用is特性进行了扩展的原生HTML元素。所有的Vue组件同时也都是Vue的实例，所以可接受相同的选项对象(除了一些根级特有的选项)并提供相同的生命周期钩子。Vue可以有全局注册和局部注册
花花呀·2018-08-24 11:21

基于better-scroll的picker组件实现

这里再安利一下better-scroll这个组件库，该库的源代码结构清晰，借鉴了vue源码的组织形式。better-scroll提供的各功能模块相互独立，易于阅读，对初学者非常友好，建议学习一下。
hsay·2018-08-21 18:54

Vue源码探究-事件系统

Vue源码探究-事件系统本篇代码位于vue/src/core/instance/events.js紧跟着生命周期之后的就是继续初始化事件相关的属性和方法。
喜欢唱歌的小狮子·2018-08-21 13:25

vue源码学习——综述

以前也断断续续看过一些关于vue源码的文章，但是都不够完整或者说系统，对源码的理解也一直是囫囵吞枣的状态。最近尤大大在微博分享了两个学习源码的链接，我觉得有必要听从大神的安排来整理一波知识点了。
Junli_1413·2018-08-20 22:11

vue中引用swiper轮播插件的教程详解

通过npm安装插件：npminstallswiper--save-dev在需要使用swiper的组件里引入swiper，swiper的初始化放在mounted里Slider.vue源码：Slide3--
做一个对社会有用的社会青年......·2018-08-16 11:10

vue中引用swiper轮播插件

通过npm安装插件：npminstallswiper--save-dev在需要使用swiper的组件里引入swiper，swiper的初始化放在mounted里Slider.vue源码：Slide3--
邹琼俊·2018-08-16 11:00

学习计划打卡表

必学网络通信协议（）计算机底层知识（）代码编译过程（）设计模式算法PHP相关Laravel源码Swoole编程深入运用前端相关jsV8引擎Vue源码nodej
recover517·2018-08-14 20:49

原生js实现日期选择器插件

前段时间在看vue源码受了点启发，本插件有点接近数据驱动视图更新的响应式渲染。如果希望有更多功能的，可在下方留言，我尽量扩展！
我是南方大汉·2018-08-12 00:00

vue源码阅读（二）

一一个实例如果简单了解过些Vue的API的话，肯定会对一下这个特别熟悉，在上一篇里，分析了Vue的核心文件core的index.js构造vue函数执行的流程。那么下边这个则是实例化构造函数，也就是开始使用了，不管是作为框架，还是作为插件，都需要new一下。千呼万唤，我们把它请出来之后，发现点不同的东西，router、filter、store暂时先不表，但是这个#app是个啥东西？翻篇回去，先看Vu
Sherlock09·2018-08-07 14:00

vue源码阅读（一）

之前想要研究下vue的源码网上一般直接就上来甩出双向绑定等等的函数这次看源码想从一个渐进式的方向来解读。当前版本基本上是最新的版本，18年6月的最新版，版本号是2.5.17当我们接触一个项目或者一个框架在没有交接文档的情况下首先第一印象是啥？肯定是目录通过查资料和看代码基本确定了这些主要目录的作用和属性看到这么多的目录以及一大堆的专业术语肯定是一脸懵逼的进来一脸懵逼的出去也就是说平时我们接触的Vu
Sherlock09·2018-07-26 15:00

详解Vue源码学习之callHook钩子函数

Vue实例在不同的生命周期阶段，都调用了callHook方法。比如在实例初始化（_init）的时候调用callHook(vm,'beforeCreate')和callHook(vm,'created')。这里的"beforeCreate","created"状态并非随意定义，而是来自于Vue内部的定义的生命周期钩子。varLIFECYCLE_HOOKS=['beforeCreate','creat
花花呀·2018-07-25 10:00

vue源码分析——path解析的状态机设计

varobj={a:{b:'hello',c:['Marry','Ella']}}对于对象a来说，我们使用‘a.b’就能获得字符串hello，那么vue是如何解析a.b的呢？vue.js是通过状态机管理来实现对路径的解析的。Vue将表达式的访问路径字符串解析成数组的形式，‘a.b’就解析成为['a','b']，通过obj[arr[0]][arr[1]]来获得属性值。源码中分别有四种操作，和9种状态
Ella_Yan·2018-07-22 18:02

Vue源码阅读 - 依赖收集原理

vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养
SHERlocked93·2018-07-07 00:00

Vue源码阅读 - 文件结构与运行机制

vue已是目前国内前端web端三分天下之一，同时也作为本人主要技术栈之一，在日常使用中知其然也好奇着所以然，另外最近的社区涌现了一大票vue源码阅读类的文章，在下借这个机会从大家的文章和讨论中汲取了一些营养
SHERlocked93·2018-07-01 00:00

vue源码解读01——flow

vue作为一个大型项目，选择了flow作为js静态类型检测工具，由Facebook开源，有兴趣的同学可以去了解下，这里抛砖引玉，有兴趣的同学多多了解下，主要是我自己也是刚刚接触。js是动态类型语言，灵活多变是它的优点，但是过于灵活会使我们写出非常隐蔽的隐患代码。可能在编译期都不回报错，但是在运行阶段会有各种各样的问题，而且往往不容易排查。个人认为类型检查是当前动态类语言发展的趋势，在编译期尽早发现
入里·2018-06-25 23:00

Vue源码学习1——Vue构造函数

Vue源码学习1——Vue构造函数这是我第一次正式阅读大型框架源码，刚开始的时候完全不知道该如何入手。Vue源码clone下来之后这么多文件夹，Vue的这么多方法和概念都在哪，完全没有头绪。
weixin_30294295·2018-06-15 14:00
上一页 27 28 29 30 31 32 33 34 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他