- 博客(25)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 浅析Vue源码（七）——render到VNode的生成
浅析Vue源码（四）—— $mount中template的编译–parse浅析Vue源码（五）—— $mount中template的编译–optimize浅析Vue源码（六）—— $mount中template的编译–generate前面我们用三片文章介绍了compile解析template，完成了 template --> AST --> render function 的过程...
2018-10-06 15:36:35
1782
原创 浅析Vue源码（六）—— $mount中template的编译--generate
上两文章浅析Vue源码（四）—— $mount中template的编译–parse浅析Vue源码（五）—— $mount中template的编译–optimizeparse，optimize函数的功能，这里，我们主要介绍generate。generate 函数主要功能就是根据 AST 结构拼接生成 render function 的字符串。export function generate...
2018-10-05 16:08:22
334
原创 浅析Vue源码（五）—— $mount中template的编译--optimize
上篇文章浅析Vue源码（四）—— $mount中template的编译–parse，我们介绍了compile 的 parse部分，至此我们完成了对一个html字符串模板解析成一个AST语法树的过程。下一步就是我们需要通过optimize方法，将AST节点进行静态节点标记。为后面 patch 过程中对比新旧 VNode 树形结构做优化。被标记为 static 的节点在后面的 diff 算法中会被直接...
2018-10-05 16:07:26
236
原创 浅析Vue源码（四）—— $mount中template的编译--parse
$mountmount是什么？−−mount是什么？--mount是什么？−−mount是手动加载的过程，接下来让我们看看具体是怎么实现的：src/platforms/web/entry-runtime-with-compiler.js/*把原本不带编译的$mount方法保存下来，在最后会调用。*/const mount = Vue.prototype.$mount/*挂载组件，带模板...
2018-10-05 16:06:01
334
原创 浅析Vue源码（三）—— initMixin(下)
这片文章主要是根据上一篇文章《浅析Vue源码（三）—— initMixin(上)》去解读 initMixin后续的执行过程，上篇我们已经可以看到，接下来主要会发生这几个操作过程：initLifecycle(vm)initEvents(vm)initRender(vm)callHook(vm, 'beforeCreate')initInjections(vm)initState(vm)...
2018-10-04 00:22:25
316
原创 浅析Vue源码（二）—— initMixin(上)
在上一篇文章《浅析Vue源码（一）-- 造物创世》中提到在定义了一个 Vue Class的时候会引入initMixin 来初始化一些功能，这篇文章就来讲讲initMixin到底初始化了哪些原理呢？initMixin来源init.jslet uid = 0export function initMixin (Vue: Class<Component>) { Vue.prot...
2018-10-04 00:21:04
1304
原创 Vue解析--如何应对面试官提问
近期不断面试中，面试官都会提一些关于Vue相关的源码和“全家桶”之类的问题。那么针对这些提问，我们应该如何更好应答呢？在这里我把对Vue的理解整理出来供大家来参考。1.Vue是什么？Vue是一套构建用户界面的渐进式框架，也是一个非常典型的 MVVM 的程序结构（model-view-viewmodel）。官方用语：Vue (读音 /vjuː/，类似于 view) 是一套用于构建用户界面的渐...
2018-10-04 00:19:40
1086
原创 Vue axios post传值到后台时获取不到
Vue axios post传值到后台时获取不到Axios post 参数为null解决：引用qs, 安装qs模块 (npm install –save qs)main.js 里的代码截图 同时要在main里加上这个headaxios.defaults.headers.post['Content-Type'] = 'application/x-www-form-url...
2018-05-29 17:16:35
4038
原创 Android底部导航栏+消息提醒
Android底部导航栏+消息提醒最近想在网上找一些Android底部导航栏切换并能提供消息提醒的案例，虽然有很多案例但都不是我想要的。我就开始自己瞎研究了，废话不多说了，直接上代码。1.先创建一个layout XML文件 这个文件包含三个部分：ViewPage、RadioGroup、BadgeView的Layout。 1.1 ViewPage<android.supp...
2018-05-23 17:57:01
2854
1
原创 浏览器预览本地资源文件
浏览器预览本地资源文件由于浏览器安全策略的限制，javascript程序不能自由地访问本地资源，这是对用户信息安全来说，是一项不得不遵守的准则。假如网络上的javascript程序可以自如地访问用户主机的本地资源，那么浏览器用户将毫无安全可言。尽管有这个安全限制，但是在得到用户允许的情况下，浏览器还是可以访问本地资源的。获得用户允许的方法就是通过标签来让用户手动选择文件，这一过程就是用户授...
2018-05-11 16:06:45
2624
原创 android使用JSBridge机制原理
android使用JSBridge机制原理一、什么是JSBridge？ JSBridge（JavaScriptBridge）顾名思义就是用JavaScript搭建的桥梁，那连接的是哪两端呢？–一端是web，一端是native。我们搭建这座桥的目的也很简单，让native可以调用web的js代码，让web可以 “调用” 原生的代码。请注意这个我加了 引号的调用，它并不是直接调用，而是可...
2018-05-08 14:33:29
3058
转载 flux架构浅谈：什么数据才应该放store
flux架构浅谈：什么数据才应该放storeflux的机制已经有太多文章写过了，这里就不再多说。如果还不了解的，推荐大家去看一下阮一峰的阮一峰老师的Flux 架构入门教程。Redux在这方面就做得很棒，它的store只有一个，并且引入了immutable的概念，使得store的可预测性更进一步。但是它的异步操作是痛点，虽然有如saga这种优秀的中间件，但对于新手来说，还是很容易绕晕。vuex这方面做
2018-02-28 21:51:26
357
原创 react-native 类似购物车动画
react-native 类似购物车动画今天我们来讲讲react-native如何实现类似点击商品出现一个抛物线到购物车的动画。首先需要你需要react-native的Animated的用法([Animated](http://blog.csdn.net/sinat_17775997/article/details/54933752))。接下来我们就简单的Demo用代码来实现，点击+号出现一个抛
2018-01-30 11:56:37
1395
3
原创 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-native-video(1) ios： 如果您想允许其他应用在您的视频组件上播放音乐，请添加：AppDeleg
2018-01-24 22:04:06
3028
转载 JS浅谈深拷贝和浅拷贝
JS浅谈深拷贝和浅拷贝在前端面试中经常会问到如何理解JS的深浅拷贝，又是如何实现的？今天我们通过几个例子来理解一下。浅拷贝简单点来说，就是假设B复制了A，当修改A时，看B是否会发生变化，如果B也跟着变了。 下面我会引用到栈堆方面的内容来加强理解。 例：let a=[0,1,2,3,4], b=a;console.log(a===b);a[0]=1;co
2018-01-23 11:18:51
1655
原创 浅谈JS中原型链和继承
浅谈JS中原型链和继承 最近有很多面试官提到JS中原型链和继承的关系，面试者答得云里雾里有点含糊。那我们来好好理一下什么是原型链，什么是原型链继承。原型链是什么？所谓的原型链是一个有限的实例对象和原型之间组成的有限链，就是用来实现共享属性和继承的。简单的一句话就是构造函数一层一层往父级找直到找到null为止的一条链。 其实，所有的函数都是 Function 的实例。在构造函数...
2018-01-22 13:35:48
217
原创 react-native-splash-screen--RN 0.5以上报错集合
react-native-splash-screen的安装可以看我上一篇，或者看这个githttps://github.com/crazycodeboy/react-native-splash-screen1.安卓按步骤安装好以后，无法启动APP或者APP出现闪退。并在输出台输出： 解决如下： 创建文件 android/app/src/main/res/values/colors.xml
2017-12-14 21:26:24
2965
原创 react-native APP Image加载图片
react-native APP Image加载图片 *react-native APP Image加载图片共有3中方法： 1.加载外部资源的图片（网络图片） <Image style={{width:100,height:100}} source={{uri:'https://facebook.github.io/react/img/logo_og.png'}} />2. 加载本项目图片 2
2017-10-31 20:57:50
2377
1
原创 react-native-splash-screen的坑--android
react-native-splash-screen的坑–android 最近在学习react-native，但是在启动APP的时候发现会有瞬间的白屏出现，ios白屏时间会很短，安卓要相对长一些，大概1-3s时间。这是react-native的工作机制决定的。 react-native在启动时会装载js bundle到内存并渲染界面，这段时间界面是一个空View。 上面的过程我们称之为项目的初始
2017-10-31 10:39:01
1750
转载 reactNative 安卓failed install --（魅族）
**reactNative 安卓failed install –（魅族）**React Native 它是什么，它能做什么，这里就不赘述了，可参考官方资料：https://facebook.github.io/react-native/ 遇到问题： Android 真机无法运行； 解决方案： 1. 按照官方文档运行react-native run-android ，模拟器正常运行，真机（魅族
2017-10-27 10:30:21
304
原创 Gzip压缩机制
Gzip压缩机制 一、什么是gzip？ Gzip是一种内容压缩格式，一般对纯文本内容可压缩到原大小的40-70左右％。在实际的应用中我们发现压缩的比率往往在 3 到 10 倍，也就是本来 50k 大小的页面，采用压缩后实际传输的内容大小只有 5 至 15k 大小。压缩后的后缀名会以.gz结尾。 现在大部份浏览器都可以浏览经过Gzip压缩过的内容，在请求的头 (head)
2017-10-20 11:49:16
1097
原创 vue 中import和export如何一起使用
vue 中import和export如何一起使用前段时间碰到一个问题，vue js中要使用import来加载第三方的js，但是后面使用exports.XXX的话会报exports is not defined。那要怎么解决呢？ 首先，我们要了解ES6中是import和exports之间有什么区别？ import： 是引用第三方文件。import+(常量 | 函数 | 文件 | 模块)名 exp
2017-10-12 11:53:49
20094
1
原创 python3 视频实时识别人脸
python3 视频实时识别人脸今天把我前几天学的图片人脸识别简单的做一下总结，与大家共勉。我用的是python3.6和cv2、numpy这些你可以在python插件库中寻找（http://www.lfd.uci.edu/~gohlke/pythonlibs/）。我用的是手机摄像头作为视频来源，通过局域网ip来分享。这里介绍安卓的朋友可以去应用市场下载“ip摄像头”。下面我们就来简单的介绍一下代
2017-08-28 21:04:28
2712
原创 python爬虫租房信息在地图上显示
本人初学python是菜鸟级，写的不好勿喷。 python爬虫用了比较简单的urllib.parse和requests，把爬来的数据显示在地图上。接下里我们话不多说直接上代码: 1.安装python环境和编辑器（自行度娘） 2.本人以58品牌公寓为例，爬取在杭州地区价格在2000-4000的公寓。#-*- coding:utf-8 -*-from bs4 import Bea
2017-08-08 21:05:30
4439
3
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人