浅析Vue源码(七)——render到VNode的生成

浅析Vue源码(四)—— $mount中template的编译–parse 浅析Vue源码(五)—— $mount中template的编译–optimize 浅析Vue源码(六)—— $mount中template的编译–generate 前面我们用三片文章介绍了compile解析template...

2018-10-06 15:36:35

阅读数 273

评论数 0

浅析Vue源码(六)—— $mount中template的编译--generate

上两文章 浅析Vue源码(四)—— $mount中template的编译–parse 浅析Vue源码(五)—— $mount中template的编译–optimize parse,optimize函数的功能,这里,我们主要介绍generate。 generate 函数主要功能就是根据 AS...

2018-10-05 16:08:22

阅读数 149

评论数 0

浅析Vue源码(五)—— $mount中template的编译--optimize

上篇文章浅析Vue源码(四)—— $mount中template的编译–parse,我们介绍了compile 的 parse部分,至此我们完成了对一个html字符串模板解析成一个AST语法树的过程。下一步就是我们需要通过optimize方法,将AST节点进行静态节点标记。为后面 patch 过程中...

2018-10-05 16:07:26

阅读数 65

评论数 0

浅析Vue源码(四)—— $mount中template的编译--parse

$mount mount是什么?−−mount是什么?--mount是什么?−−mount是手动加载的过程,接下来让我们看看具体是怎么实现的: src/platforms/web/entry-runtime-with-compiler.js /*把原本不带编译的$mount方法保存下来,...

2018-10-05 16:06:01

阅读数 128

评论数 0

浅析Vue源码(三)—— initMixin(下)

这片文章主要是根据上一篇文章《浅析Vue源码(三)—— initMixin(上)》去解读 initMixin后续的执行过程,上篇我们已经可以看到,接下来主要会发生这几个操作过程: initLifecycle(vm) initEvents(vm) initRender(vm) callHoo...

2018-10-04 00:22:25

阅读数 71

评论数 0

浅析Vue源码(二)—— initMixin(上)

在上一篇文章《浅析Vue源码(一)-- 造物创世》中提到在定义了一个 Vue Class的时候会引入initMixin 来初始化一些功能,这篇文章就来讲讲initMixin到底初始化了哪些原理呢? initMixin来源init.js let uid = 0 export functi...

2018-10-04 00:21:04

阅读数 188

评论数 0

Vue解析--如何应对面试官提问

近期不断面试中,面试官都会提一些关于Vue相关的源码和“全家桶”之类的问题。那么针对这些提问,我们应该如何更好应答呢?在这里我把对Vue的理解整理出来供大家来参考。 1.Vue是什么? Vue是一套构建用户界面的渐进式框架,也是一个非常典型的 MVVM 的程序结构(model-view-vie...

2018-10-04 00:19:40

阅读数 424

评论数 0

Vue axios post传值到后台时获取不到

Vue axios post传值到后台时获取不到 Axios post 参数为null 解决: 引用qs, 安装qs模块 (npm install –save qs) main.js 里的代码截图 同时要在main里加上这个head axios.defaults.headers...

2018-05-29 17:16:35

阅读数 2241

评论数 0

Android底部导航栏+消息提醒

Android底部导航栏+消息提醒 最近想在网上找一些Android底部导航栏切换并能提供消息提醒的案例,虽然有很多案例但都不是我想要的。我就开始自己瞎研究了,废话不多说了,直接上代码。 1.先创建一个layout XML文件 这个文件包含三个部分:ViewPage、RadioGroup、B...

2018-05-23 17:57:01

阅读数 743

评论数 0

浏览器预览本地资源文件

浏览器预览本地资源文件 由于浏览器安全策略的限制,javascript程序不能自由地访问本地资源,这是对用户信息安全来说,是一项不得不遵守的准则。假如网络上的javascript程序可以自如地访问用户主机的本地资源,那么浏览器用户将毫无安全可言。尽管有这个安全限制,但是在得到用户允许的情况下,浏...

2018-05-11 16:06:45

阅读数 962

评论数 0

android使用JSBridge机制原理

android使用JSBridge机制原理 一、什么是JSBridge? JSBridge(JavaScriptBridge)顾名思义就是用JavaScript搭建的桥梁,那连接的是哪两端呢?–一端是web,一端是native。我们搭建这座桥的目的也很简单,让native可以调用web...

2018-05-08 14:33:29

阅读数 1029

评论数 0

flux架构浅谈:什么数据才应该放store

flux架构浅谈:什么数据才应该放storeflux的机制已经有太多文章写过了,这里就不再多说。如果还不了解的,推荐大家去看一下阮一峰的阮一峰老师的Flux 架构入门教程。Redux在这方面就做得很棒,它的store只有一个,并且引入了immutable的概念,使得store的可预测性更进一步。但...

2018-02-28 21:51:26

阅读数 126

评论数 0

react-native 类似购物车动画

react-native 类似购物车动画今天我们来讲讲react-native如何实现类似点击商品出现一个抛物线到购物车的动画。 首先需要你需要react-native的Animated的用法([Animated](http://blog.csdn.net/sinat_17775997/artic...

2018-01-30 11:56:37

阅读数 706

评论数 1

react-native-video 安装及常见问题

react-native-video 安装及常见问题github:https://github.com/react-native-community/react-native-video1.安装npm i react-native-video –save npm link react-nativ...

2018-01-24 22:04:06

阅读数 1316

评论数 0

JS浅谈深拷贝和浅拷贝

JS浅谈深拷贝和浅拷贝 在前端面试中经常会问到如何理解JS的深浅拷贝,又是如何实现的? 今天我们通过几个例子来理解一下。 浅拷贝 简单点来说,就是假设B复制了A,当修改A时,看B是否会发生变化,如果B也跟着变了。 下面我会引用到栈堆方面的内容来加强理解。 例: let a=[...

2018-01-23 11:18:51

阅读数 305

评论数 0

浅谈JS中原型链和继承

浅谈JS中原型链和继承 最近有很多面试官提到JS中原型链和继承的关系,面试者答得云里雾里有点含糊。那我们来好好理一下什么是原型链,什么是原型链继承。 原型链是什么?所谓的原型链是一个有限的实例对象和原型之间组成的有限链,就是用来实现共享属性和继承的。简单的一句话就是构造函数一层一层往父级找...

2018-01-22 13:35:48

阅读数 93

评论数 0

react-native-splash-screen--RN 0.5以上报错集合

react-native-splash-screen的安装可以看我上一篇,或者看这个githttps://github.com/crazycodeboy/react-native-splash-screen1.安卓按步骤安装好以后,无法启动APP或者APP出现闪退。并在输出台输出: 解决如下: ...

2017-12-14 21:26:24

阅读数 1801

评论数 0

react-native APP Image加载图片

react-native APP Image加载图片 *react-native APP Image加载图片共有3中方法: 1.加载外部资源的图片(网络图片) <Image style={{width:100,height:100}} source={{uri:'https://face...

2017-10-31 20:57:50

阅读数 1421

评论数 1

react-native-splash-screen的坑--android

react-native-splash-screen的坑–android 最近在学习react-native,但是在启动APP的时候发现会有瞬间的白屏出现,ios白屏时间会很短,安卓要相对长一些,大概1-3s时间。这是react-native的工作机制决定的。 react-native在启动时会...

2017-10-31 10:39:01

阅读数 937

评论数 0

reactNative 安卓failed install --(魅族)

**reactNative 安卓failed install –(魅族)**React Native 它是什么,它能做什么,这里就不赘述了,可参考官方资料:https://facebook.github.io/react-native/ 遇到问题: Android 真机无法运行; 解决方案:...

2017-10-27 10:30:21

阅读数 144

评论数 0

提示
确定要删除当前文章?
取消 删除