于歌于妳的博客

原创 javascript深入理解js闭包

一、变量的作用域 要理解闭包，首先必须理解Javascript特殊的变量作用域。 变量的作用域无非就是两种：全局变量和局部变量。 Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。 Js代码 　　var n=999; 　　function f1(){ 　　　　alert(n); 　　} 　　f1(); // 999 另一

原创 vue 单页面组件的2种传值方式

一、路由传值（params:{id:a}） 需要传值的组件：                                   export default {       data(){         return{           a:1         }       }     } 接受值的组件： expor

原创 移动端侧边栏slideout

Slideout Demo                             body,h1,h2,h3,h4,h5,h6,p,a,img,input,ul,li,ol,dl,dt,dd,figure,figcaption{ padding:0; margin:0}       *{ box-sizing:border-box;user-select: none;

转载 JavaScript This指向

上下文是在函数调用的时候被创建的。 this 是组成上下文的一部分。 因此每次函数被调用的时候就会产生一个新的 this。具体的分为下面几种。 1. 作为普通函数在全局环境中被调用 在全局环境里面，this 永远指向 window，因此在全局环境里作为普通函数被调用的时候，this 也是指向 window(这里仅指在浏览器环境下，不考虑Node)。 var name

原创 如何理解javascript中的闭包

三种简洁解释：1.如果一个函数访问了他的外部变量，那么它就是一个闭包。  2.闭包就是一个函数把外部的那些不属于自己的对象也包含（闭合）进来了。 3.JavaScript中的闭包，无非就是变量解析的过程。 首先看一段话： 每次定义一个函数，都会产生一个作用域链（scope chain）。当JavaScript寻找变量varible时（这个过程称为变量解析），总会优先

转载 vueJS

1.VueJS 目的： VueJs的产生核心是为了解决： a: 解决数据绑定的问题， b: vue框架产生的主要目的是为了开发大型单页面应用， c: 它还支持组件化，也就是可以将页面封装成若干个组件，采用积木式进行编程，这样使页面复用性达到最高（支持组件化）。 2.VueJS 特性： I: MVVM模式（数据变量（model）发生改变 视图（view）也改变，

翻译 MVVM

1、MVVM（Model-View-ViewModel） 如果说MVP是对MVC的进一步改进，那么MVVM则是思想的完全变革。它是将“数据模型数据双向绑定”的思想作为核心，因此在View和Model之间没有联系，通过ViewModel进行交互，而且Model和ViewModel之间的交互是双向的，因此视图的数据的变化会同时修改数据源，而数据源数据的变化也会立即反应到View上。 这方面

原创 Animation 过渡效果

原创 scrollTop和scrollLeft

再说意义之前，前说一下这两个属性的适用范围：   注意：这两个属性只能用于元素设置了overflow的css样式中。否者这两个属性没有任何意义。且overflow的值不能为visible，但可以为hidden,auto,scroll的之中，但是hidden最常见。 注意：在对这两个参数设置值时，直接用数字就可以了，否者不起作用。 javascript中元素的scrollLe