- 博客(14)
- 收藏
- 关注
RSS订阅原创 React组件的生命周期
React组件的生命周期前言顾名思义生命周期就是一个React组件在运行时的周期历程,其本身是有一定的先后顺序的,也是有必要去先了解的。除了stateless 无状态组件外 React组件都有生命周期,因为他们都会经过实例化的过程以及销毁生命周期分层一般分为三大层 1. 初始化 挂载时 2. 数据更新时 3. 组件销毁时首先时初始化constructo...
2018-08-11 09:58:18
212
原创 渲染函数的观察者与进阶的数据响应系统
渲染函数的观察者与进阶的数据响应系统$mount 挂载函数在上面讲述中已经为data中每个属性添加了观察者 但是哪的dep dep.depend() dep.notify()收集 触发相应 我们还并不知道其是什么样的,在这之外还有更重要的东西 Wather, 继续从init 函数Vue.prototype._init = function (options?: Object) { ...
2018-08-11 09:32:33
217
原创 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
3401
原创 TypeScript小结
TypeScript简单介绍使用感受ts的学习路线并不是和友好。适用场景因其比js严格,所以可以用来取写库,更严谨 写大型项目,后期利于维护 熟悉一门纯面向对象语言如 java,c++上手容易 团队合作较好ts是什么ts是微软推出的一个静态类型检查的弱类型语言 ,是javascript的超集，是可编译的,最终还是会被编译为js代码,其中有严格的类型定义,接口使用和面向对...
2018-08-04 09:41:36
834
原创 Vue高阶组件
高阶组件高阶组件介绍vue 高阶组件的认识，在React中组件是以复用代码实现的，而Vue中是以mixins 实现，并且官方文档中也缺少一些高阶组件的概念,因为在vue中实现高阶组很困难，并不像React简单,其实vue中mixins也同样和以代替,在读了一部分源码之后,对vue有了更深的认识所谓高阶组件其实就是一个高阶函数, 即返回一个组件函数的函数，Vue中怎么实现呢？ 注意 高阶...
2018-07-28 11:18:18
13153
原创 网页实现头像截取
头像截取因为再写注册登陆过程中,就像如何去实现一个类似于原生app的头像截取 首先想到的是向后台传送,但是因为后台截取是需要再liunx安装一些支持的软件在可以使用对应的库 因为再windows下开发所以先舍弃了这种办法,采用canvas绘制截取的想法实现方法 首先是input中 type='file'的change事件 可以获取到对应的图片 若上传一张就是 input.files[...
2018-07-27 21:28:43
820
原创 h5 audio 多媒体在实际中的用法
h5 audio 多媒体在实际中的用法介绍audio标签1. audio是html里新定义的多媒体流，它可以把音频呈现出来 常用于多媒体，支持度方面除了老掉牙的IE老版本外，新版浏览器都能使用(兼容性不同)。主流浏览器兼容性格式ChromeFirefoxIE9OperaSafariOGG支持支持支持支持不支持mp3支持不支持支持不支持支持WAV不支持支持不支持支持不支持综上 然而手机端还有一些问题...
2018-06-10 14:51:58
1935
原创 slot和$nextTick不解之缘
slot与nextTick与translation与v-show不解之缘为什么会写这个东西呢，主要是再项目遇到了一个贼怪的坑。 先来说明一下项目需求，我有一个滑动scroll组件,就是类似这样 wrapper是传给滑动库的一个元素，solt是插槽分发<template> <div ref="wrapper"> <slot></slot> ...
2018-05-27 14:23:39
617
原创 js策略模式
策略模式策略模式的定义是：定义一系列的算法，把它们一个个封装起来，并且使它们可以相互替换。代码例子var calculateBonus = function(performanceLevel, salary) { if (performanceLevel === 'S') { return salary * 4; } if (performanceLevel
2017-10-22 15:11:31
603
原创 编程模式 单例模式
1.单例模式定义单例模式的定义是：保证一个类仅有一个实例，并提供一个访问它的全局访问点。 单例模式是一种常用的模式，有一些对象我们往往只需要一个，比如线程池、全局缓存、浏 览器中的 window 对象等。在 JavaScript开发中，单例模式的用途同样非常广泛。试想一下，当我 们单击登录按钮的时候，页面中会出现一个登录浮窗，而这个登录浮窗是唯一的，无论单击多少 次登录按钮，这个浮窗都只会被
2017-10-22 15:05:19
244
原创 js设计模式基础
1. 多态多态的实际含义是:同一操作作用于不同的对象上面，可以产生不同的解释和不同的结果。var sayName = function( obj ){ obj.sayName();}var Animal = function(){} Animal.prototype.sayName = function(){ console.log( this.name );}var
2017-10-22 14:59:10
195
原创 http介绍及网络安全
Httphttp在网络传输中的作用![此处输入图片的描述][1] http（超文本传输协议）是一个基于请求与响应模式的、无状态的、应用层的协议，常基于TCP的连接方式，HTTP1.1版本中给出一种持续连接的机制，绝大多数的Web开发，都是构建在HTTP协议之上的Web应用.http是建立在传输层tcp上的 （三次握手，四次挥手）1.三次握手 第一次握手：建立连接时，客户端A发送SYN包(SYN=
2017-09-21 18:34:35
1516
原创 高端的bfc
BFC?bfc是什么？ 老实说在别人第一次问起我时，我也不知道是什么东西，但是在自己深入了解过后，就会发现… 噢 原来是这个啊 只要对css文档流以及布局熟练的人可能只感觉BFC就是一个比较高大上的名字而已。
2017-07-23 13:17:55
391
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人