自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 一步步实现nest粒子特效

本文首发于我的博客,这是我的github,欢迎star。   这篇博客是模仿nest.js实现一个demo,由简单到复杂,来一步步的实现它。这里是效果预览。我的github里边还有很多别的前端的demo,喜欢的话可以点个star,你的支持就是我的动力。 从一道面试题开始 实现一个半径10px的小球在500px*500px的方块中做直线运动,初始方向随机,速度保持不变,碰撞到墙壁后反弹。

2017-12-18 12:00:22 336

原创 事件循环与任务队列

本文首发于我的博客,这是我的github,欢迎star。   在网上找了很多事件循环和任务队列相关的文章,有些说的不是很清楚,看完感觉还是有些晕晕乎乎,所以写这篇博客把整体思路梳理一下。如果你有什么不同的理解,或是疑惑的地方,可以留言讨论。这里是我的github,欢迎来访。 事件循环与任务队列是JS中比较重要的两个概念。这两个概念在ES5和ES6两个标准中有不同的实现。尤其在ES6标准中,清

2017-11-01 21:29:51 1310

原创 js中的闭包

闭包是指有权访问另一个函数作用域中的变量的函数,创建闭包的常见方式,就是在一个函数内部创建另一个函数。   之所以一个内部的函数可以访问其外部的变量,而且在其被返回或是调用时还可以访问,是因为这个内部函数的作用域链中包含外部函数的作用域。 知识储备在了解闭包之前,先要熟悉以下几点:   1. 首先要理解执行环境,执行环境定义了变量或函数有权访问的其他数据。

2017-08-04 22:31:37 273

原创 js继承

1.原型链  js的继承机制不同于传统的面向对象语言,采用原型链实现继承,基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。理解原型链必须先理解原型,以下是对于原型的一些解释: 无论什么时候,只要创建了一个新函数,就会根据一组特定规则为该函数创

2017-08-04 22:30:41 233

原创 20行代码的贪吃蛇

20行代码写出一个贪吃蛇的小游戏

2017-08-04 22:29:38 697 1

原创 仿github404特效

偶然看到github的404页面,没想到github的404页面也是做的很有心,就试着找了下源码,打算仿一下这个效果。

2017-08-04 22:27:29 669

原创 将轮播图组件化

这是一个轮播图组件

2017-08-04 22:26:22 586

原创 js继承

js的继承有6种方式,大致总结一下它们各自的优缺点,以及它们之间的关系。 1.原型链  js的继承机制不同于传统的面向对象语言,采用原型链实现继承,基本思想是利用原型让一个引用类型继承另一个引用类型的属性和方法。理解原型链必须先理解原型,以下是对于原型的一些解释: 无论什么时候,只要创建了一个新函数,就会根据一组特定规则为该函数创建一个prototype属性。这个属性指向函数的原型对象,所有

2017-05-07 13:13:29 329

原创 js数组嵌套和数组去重的问题

去除嵌套的思路是用递归、reduce()、concat()来实现。递归解决多层嵌套,reduce()解决每层数组的迭代拼接,concat()来拼接数组即拆除一层嵌套。let sum = [0, 1, 2, 3].reduce(function(acc, val) { //数组_实现flatten()函数,拆嵌套 return acc + val

2017-03-26 13:35:43 5674

原创 js引用类型

js引用类型js Object类型:          创建object实例的两种方法:          1.var person = new Object();          2.对象字面量(见json和对象字面量的区别)             对象字面量常用与:function displayInfo(args) {

2017-03-05 10:34:54 531

原创 js基础

js基础:+:     当 + 操作符与 字符串 一起使用的时候,它被称作 连接 操作符。你可以通过和其他字符串连接 来创建一个新的字符串。eg:     var ourName = "Free Code Camp";     var ourStr = "Hello, our name is " + ourName + ", how are you?";

2017-01-13 22:26:38 751

原创 js的重载

函数的参数和重载:js函数本身不可以重载。       重载是指:函数的一种特殊情况,为方便使用,C++允许在同一范围中声明几个功能类似的同名函数,但是这些同名函数的形式参数(指参数的个数、类型或者顺序)必须不同,也就是说用 同一个运算符完成不同的运算功能。这就是重载函数。重载函数常用来实现功能类似而所处理的数据类型不同的问题。两个重载函数必须在下列一个或两个方面有所区别:1、

2017-01-13 17:41:42 421

原创 css中的position

CSS中Position属性有四个可选值,它们分别是:static、absolute、fixed、relative。 position:static 无定位该属性值是所有元素定位的默认情况,在一般情况下,我们不需要特别的去声明它,但有时候遇到继承的情况,我们不愿意见到元素所继承的属性影响本身,从而可以用position:static取消继承,即还原元素定位的默认值。po

2016-12-19 21:23:53 338

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除