flexible.js源码分析

【flexible.js源码分析】的更多相关文章

basket.js 源码分析

basket.js 源码分析一.前言 basket.js 可以用来加载js脚本并且保存到 LocalStorage 上,使我们可以更加精准地控制缓存,即使是在 http 缓存过期之后也可以使用.因此可以使我们防止不必要的重新请求 js 脚本,提升网站加载速度. 可以到 basket.js 的 Github 上查看更多的相关信息. 由于之前在工作中使用过 basket.js ,好奇它的实现原理,因此就有了这篇分析 basket.js 源码的文章. 二.简单的使用说明 basket.js 的使用非…

events.js 源码分析

events.js 源码分析 1. 初始化 // 使用 this.ee = new EventEmitter(); // 源码 // 绑定this域,初始化 _events,_eventsCount和_maxListeners对象 function EventEmitter() { EventEmitter.init.call(this); } EventEmitter.init = function() { if ( this._events === undefined || this._ev…

Backbone.js源码分析(珍藏版)

源码分析珍藏,方便下次阅读! // Backbone.js 0.9.2 // (c) 2010-2012 Jeremy Ashkenas, DocumentCloud Inc. // Backbone may be freely distributed under the MIT license. // For all details and documentation: // http://backbonejs.org (function () { // 创建一个全局对象, 在浏览器中表示为w…

Require.js 源码分析

本文将简单介绍下个人对require.js的源码分析,简单分析实现原理一.require加载资源的流程 require中,根据AMD(Asynchronous Module Definition)的思想,即异步模块加载机制,其思想就是把代码分为一个个的模块来分块按需加载,这样我们可以组装很多UI或者功能组件,从而实现代码的复用性. 1.data-main 函数从requirejs方法开始调用,newContext方法调用makeRequire方法. 1.1 makeRequire方法判断mod…

Vue.js 源码分析(三十一) 高级应用 keep-alive 组件详解

当使用is特性切换不同的组件时,每次都会重新生成组件Vue实例并生成对应的VNode进行渲染,这样是比较花费性能的,而且切换重新显示时数据又会初始化,例如: <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> <script src="https://cdn.…

Vue.js 源码分析(三十) 高级应用函数式组件详解

函数式组件比较特殊,也非常的灵活,它可以根据传入该组件的内容动态的渲染成任意想要的节点,在一些比较复杂的高级组件里用到,比如Vue-router里的<router-view>组件就是一个函数式组件. 因为函数式组件只是函数,所以渲染开销也低很多,当需要做这些时,函数式组件非常有用: 程序化地在多个组件中选择一个来代为渲染. 在将children.props.data传递给子组件之前操作它们. 函数式组件的定义和普通组件类似,也是一个对象,不过而且为了区分普通的组件,定义函数式组件需要指定一个属…

Vue.js 源码分析(二十九) 高级应用 transition-group组件详解

对于过度动画如果要同时渲染整个列表时,可以使用transition-group组件. transition-group组件的props和transition组件类似,不同点是transition-group组件的props是没有mode属性的,另外多了以下两个props tag 标签名 moveClass 新增/移除元素时的过渡 ;如果未指定则默认会拼凑出name+"-move"这个格式的,一般很少用到,比较复杂的动画可以该…

Vue.js 源码分析(二十八) 高级应用 transition组件详解

transition组件可以给任何元素和组件添加进入/离开过渡,但只能给单个组件实行过渡效果(多个元素可以用transition-group组件,下一节再讲),调用该内置组件时,可以传入如下特性: name 用于自动生成CSS过渡类名例如:name:'fade'将自动拓展为.fade-enter,.fade-enter-active等 appear 是否在初始渲染时使用过渡默认为false css 是否…

Vue.js 源码分析(二十七) 高级应用异步组件详解

当我们的项目足够大,使用的组件就会很多,此时如果一次性加载所有的组件是比较花费时间的.一开始就把所有的组件都加载是没必要的一笔开销,此时可以用异步组件来优化一下. 异步组件简单的说就是只有等到在页面里显示该组件的时候才会从服务器加载,不显式的话就不会加载,这样即可提高客户端的访问速度也可以降低对服务器的请求次数,可谓优化的一个利器. 异步组件常用有3种异步组件的实现:工厂函数.Promise加载和高级异步组件. 注:一般的项目都是在vue-router的路由里面创建vue-router实例时通过…

Vue.js 源码分析(二十六) 高级应用作用域插槽详解

普通的插槽里面的数据是在父组件里定义的,而作用域插槽里的数据是在子组件定义的. 有时候作用域插槽很有用,比如使用Element-ui表格自定义模板时就用到了作用域插槽,Element-ui定义了每个单元格数据的显示格式,我们可以通过作用域插槽自定义数据的显示格式,对于二次开发来说具有很强的扩展性. 作用域插槽使用<template>来定义模板,可以带两个参数,分别是: slot-scope ;模板里的变量,旧版使用scope属性 slot ;该作用域插槽的nam…