前端
关注
分享
扫一扫
文章平均质量分 76
伏枫Urie
后台工程师
擅长语言： NodeJS, Golang
怕什么学海无涯，进一寸有一寸的欢喜。
展开
-
JavaScript基础知识——作用域
function-level scope跟Java等编程语言不同，JavaScript的作用域是function-level scope的，即只有function才能限定作用域，花括号{}并没有什么卵用。如下，if语句外部的打印语句，依然会输出2：var x = 1;console.log(x); // 1if (true) { var x = 2; console.log(x)原创 2017-11-08 22:40:00 · 271 阅读 · 0 评论 -
Vue.js组件——组件的基础知识
这篇博客记录本人的学习的Vue.js框架组件的一些基础知识，记录的可能有点混乱。 如果有朋友想验证，可以直接copy代码，然后下载一个vue.min.js文件即可。 直接上代码：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue 组件</title> <script原创 2017-11-11 16:16:55 · 930 阅读 · 0 评论 -
Vue.js组件——组件通信小demo
直接上图：最近在学习Vue.js组件的相关知识，其中组件通信的内容让我很惊叹，所以做了个小demo放到博客上。 这个demo中，使用了三种组件通信的方式，分别是中央事件总线bus、父链、子组件索引。（ps:关于props通信见我另一篇博客Vue.js组件——组件的基础知识） 下面是代码：<!DOCTYPE html><html> <head> <meta charset原创 2017-11-11 16:10:28 · 463 阅读 · 0 评论 -
Vue.js组件——slot杂记
懒得再写一遍，直接把我的笔记截图放上来了。截图的内容其实是自己写的测试代码最后的效果，下面把测试代码贴出来：<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title>Vue 组件slot</title> <script src="../js/vue.min.js"></script>原创 2017-11-12 13:14:10 · 838 阅读 · 1 评论 -
Vue.js组件——标签页组件
按照《Vue.js实战》的指导，制作了一个标签页的组件，并按照课后练习的要求，添加了一个小功能： 给pane组件新增一个prop:closable的布尔值，支持是否关闭这个pane，如果开启，tabs上会增加一个关闭按钮，可以关闭对应的标签。 做这个练习的时候，主要有两个关键点：1）如何根据closable的值来动态显示/隐藏关闭按钮解决第一个关键点时，我一开始使用了v-show，如下所示(下面原创 2017-11-19 15:47:21 · 6014 阅读 · 4 评论 -
JavaScript基础知识——数组遍历的方法
js中的数组，有5种遍历的方法，它们的入参都是函数，它们的作用如下所示： 1）every：返回值是boolean值，当数组中的所有项都满足某个条件时，返回true，否则返回false。如：var numbers = [0,1,2,3,4,5,6];var result = numbers.every(function (item,index,array) { return item >原创 2017-12-05 21:22:52 · 285 阅读 · 0 评论 -
JavaScript基础知识——函数的 arguments 和 this
JavaScript的函数有两个特殊的对象属性，arguments 和 this。arguments对象该对象是一个类数组对象，包含了所有的传入函数的参数。如，定义了如下函数：function fun(param1,param2) { return param1 + param2;}不论为这个函数传入多少实参，js解释器都不会报错，因为实际上，ECMAScript 中的参数在内部是用一个数原创 2017-12-05 21:47:42 · 413 阅读 · 0 评论 -
JavaScript基础知识——apply、call、bind
JavaScript中有三个神奇的方法/函数，它们是apply()、call()、bind()。下面来讲讲它们有什么用。一、apply() 和 call()call()方法和apply()方法的作用相同，都是在特定的作用域中调用函数，实际上等于设置函数体内this对象的值。他们的区别在于接收的参数不同。apply()方法：接收的第一个参数是对象，即作用域；第二个参数可以是一个参数数组，也可以是一个原创 2017-12-05 22:08:55 · 226 阅读 · 0 评论 -
JavaScript基础知识——事件的基础知识
本博客分三部分来阐述事件：DOM事件流、事件处理程序、事件对象。一、DOM事件流“DOM2级事件”规定的事件流包括三个阶段：事件捕获阶段、处于目标阶段和事件冒泡阶段。首先发生的是事件捕获，为截获事件提供了机会。然后是实际的目标接收到事件。最后一个阶段是冒泡阶段，可以在这个阶段对事件做出响应。（一）事件捕获阶段，document对象首先接收到事件，然后事件沿着DOM树一次往下，一直传播到事件的实际目标原创 2017-12-06 22:30:06 · 444 阅读 · 0 评论