vue
文章平均质量分 72
z609373067
这个作者很懒,什么都没留下…
展开
-
slot和$nextTick不解之缘
slot与nextTick与translation与v-show不解之缘为什么会写这个东西呢,主要是再项目遇到了一个贼怪的坑。 先来说明一下项目需求,我有一个滑动scroll组件,就是类似这样 wrapper是传给滑动库的一个元素,solt是插槽分发<template> <div ref="wrapper"> <slot></slot> ...原创 2018-05-27 14:23:39 · 625 阅读 · 0 评论 -
h5 audio 多媒体在实际中的用法
h5 audio 多媒体在实际中的用法介绍audio标签1. audio是html里新定义的多媒体流,它可以把音频呈现出来 常用于多媒体,支持度方面除了老掉牙的IE老版本外,新版浏览器都能使用(兼容性不同)。主流浏览器兼容性格式ChromeFirefoxIE9OperaSafariOGG支持支持支持支持不支持mp3支持不支持支持不支持支持WAV不支持支持不支持支持不支持综上 然而手机端还有一些问题...原创 2018-06-10 14:51:58 · 1954 阅读 · 0 评论 -
Vue源码之数据的observer
所以我们打开 core/instance/state.js 文件 找到 initState 函数export function initState (vm: Component) { vm._watchers = [] //储存watcher对象 const opts = vm.$options //options引用 if (opts.props) initProps(vm,...原创 2018-08-04 11:39:05 · 3421 阅读 · 0 评论 -
网页实现头像截取
头像截取因为再写注册登陆过程中,就像如何去实现一个类似于原生app的头像截取 首先想到的是向后台传送,但是因为后台截取是需要再liunx安装一些支持的软件在可以使用对应的库 因为再windows下开发所以先舍弃了这种办法,采用canvas绘制截取的想法实现方法 首先是input中 type='file'的change事件 可以获取到对应的图片 若上传一张就是 input.files[...原创 2018-07-27 21:28:43 · 831 阅读 · 0 评论 -
Vue高阶组件
高阶组件高阶组件介绍vue 高阶组件的认识,在React中组件是以复用代码实现的,而Vue中是以mixins 实现,并且官方文档中也缺少一些高阶组件的概念,因为在vue中实现高阶组很困难,并不像React简单,其实vue中mixins也同样和以代替,在读了一部分源码之后,对vue有了更深的认识所谓高阶组件其实就是一个高阶函数, 即返回一个组件函数的函数,Vue中怎么实现呢? 注意 高阶...原创 2018-07-28 11:18:18 · 13183 阅读 · 0 评论 -
渲染函数的观察者与进阶的数据响应系统
渲染函数的观察者与进阶的数据响应系统$mount 挂载函数在上面讲述中已经为data中每个属性添加了观察者 但是哪的dep dep.depend() dep.notify()收集 触发相应 我们还并不知道其是什么样的,在这之外还有更重要的东西 Wather, 继续从init 函数Vue.prototype._init = function (options?: Object) { ...原创 2018-08-11 09:32:33 · 230 阅读 · 0 评论