2019年11月_zxuanxuanz

原创深入浅出vue.js----实例方法与全局API的实现原理---生命周期相关的实例方法-vm.$destroy、vm.$forceUpdate

一、生命周期相关的实例方法（1）vm.$destroy、vm.$forceUpdate从lifecycleMixin中挂载到Vue构造函数的prototype属性上。export function lifecycleMixin(Vue){ Vue.prototype.$forceUpdate = function(){ //做点什么 } Vue.prototype.$des...

2019-11-29 16:48:32 518 1

原创深入浅出vue.js----实例方法与全局API的实现原理---数据、事件相关的实例方法

一、Vue构造函数import { initMinxin } from './init'import { stateMinxin } from './state'import { renderMinxin } from './render'import { eventsMinxin } from './events'import { lifecycleMinxin } from '....

2019-11-26 17:02:43 446

原创调用百度地图JavaScript API实现地址解析

一、百度地图百度地图JavaScript API是一套由JavaScript语言编写的应用程序接口，可帮助您在网站中构建功能丰富、交互性强的地图应用，支持PC端和移动端基于浏览器的地图应用开发，且支持HTML5特性的地图开发。该套API免费对外开放。自v1.5版本起，您需先申请密钥（ak）才可使用，接口（除发送短信功能外）无使用次数限制。二、步骤（1）登录百度账号...

2019-11-26 14:31:42 1488

原创深入浅出vue.js----模板编译原理

一、概述（1）在Vue.js中创建HTML并不是只有模板这一种途径。既可以手动写渲染函数来创建HTML，也可以在Vue.js中使用JSX来创建HTML。（2）渲染函数是创建HTML最原始的方法。（3）模板最终会通过编译转换成渲染函数，渲染函数执行后，会得到一份vnode用于虚拟DOM渲染。所以模板编译其实是配合虚拟DOM进行渲染。（4）模板编译所介绍的内容是如何让虚拟DOM拿到vn...

2019-11-20 16:23:14 923

原创深入浅出vue.js----patch

一、概述（1）虚拟DOM最核心的部分是path，它可以将vnode渲染成真实的DOM。（2）patch也可以叫作patching算法，通过它渲染真实DOM时，并不是暴力覆盖原有DOM，而是比对新旧两个vnode之间有哪些不同，然后根据对比结果找出需要更新的节点进行更新。（3）patch本身就有补丁、修补等意思，其实际作用是在现有DOM上进行修改来实现更新视图的目的。（4）原因：DO...

2019-11-19 16:07:30 1138

原创深入浅出Vue.js----VNode

一、什么是VNode（1）Vue.js中存在一个VNode类，使用它可以实例化不同类型的vnode实例，而不同类型的vnode实例各自表示不同类型的DOM元素。（2）其实vnode只是一个名字，本质上其实是Javascript中一个普通的对象，是从VNode类实例化的对象。我们用这个Javascript对象来描述一个真实DOM元素的话，那么该DOM元素上的所有属性在VNode这个对象上都存...

2019-11-19 08:39:08 1640

原创移动端下拉加载插件----mescroll.js插件

一、官网http://www.mescroll.com/二、下载引入<script src="./js/mescroll.min.js"></script><link rel="stylesheet" href="./css/mescroll.min.css">三、拷贝布局结构<div id="mescroll" class="m...

2019-11-18 17:46:36 541

原创提取富文本中文字内容（使用正则）

function removeTAG(str){return str.replace(/<[^>]+>/g, "");}

2019-11-18 17:28:34 4828

xuan的博客