康东扬-CSDN博客

原创学着写一个异步模块加载器

学着写一个异步模块加载器一年前，刚来网易实习的时候接触了NEJ，那是第一次接触模块化开发，感觉想出这个idea的人简直是天才，同时也对于这种框架的实现非常好奇，惭愧的是，那时甚至连jQuery的原理都不知道。随着这一年对于JS面向对象的理解有所加深，看着《JavaScript设计模式》就跟着自己动手码码代码，所以这是一篇读书笔记，并不是发明创造，并且这个加载器是比较简陋的，很有改进空间。模块的长相模

2016-09-06 10:09:57 435

原创理解JavaScript中的this

这里来个倒叙，先说一下this的几种情况指向：形如obj.fn()的this指向obj，形如fn()的this指向window匿名函数的this指向window事件回调函数的this指向dom元素定时器的回调函数指向window构造函数中的this指向实例可以使用call、apply、bind来改变this的指向下面开始：我自己结合网上的定义，给出了this的定义：函数中this指向了

2016-08-01 14:01:04 350

原创 CSS让元素居中布局

水平居中HTML：<div class="wrapper"> <div class="item"></div></div>CSS：div.wrapper { height: 500px; width: 1000px; border: 1px solid #000;}div.item { margin: 0 auto; height: 200px;

2016-05-02 13:27:47 618

原创 html小游戏——看你有多色

前几天一个朋友问了我要做看你有多色这样的一个游戏需要怎么学，我也就自己写了一下。我有放在自己的个人网站上：查看游戏源代码也放在了github上：查看源码现在开始说明制过程：项目结构注：偷懒用了jquery，其实代码不多，完全可以原生js，另外，由于这次我没有使用图片，所以img里面的内容是空的game -index.html -css -index.css

2016-04-18 15:56:48 7919

原创 javascript基础知识（2）—— for语句的详解

上一篇：javascript基础教程（1）for语句的详解先来个简单的for循环语句：var count = 0;for(var i = 0; i < 5; i++){ count += i;}console.log(count) // 0 + 1 + 2 + 3 + 4 = 10然后来分析一下，for循环有3个部分组成：part1（初始化部分）：最先执行，这里定义i变量，并给i赋

2016-03-07 21:54:00 423

原创 javascript基础教程（1）

在看《JavaScript基础教程（第9版）》，敲敲笔记，另外补充补充自己的理解，看两三章就写成一篇。脚本放在哪里？建议放在之前，由于js是单线程加载执行，如果放在之间，那么可能在加载执行js的时候会出现页面短暂空白的现象。补充说明一下，css最好放在之间，这样能避免页面的样式没有加载完成，出现页面短暂混乱的现象。PS：这个和浏览器渲染执行机制有关，上面只是大概说说，还有更好地解释，我现在还不知道，

2016-03-07 20:39:32 612

原创 JavaScript操作canvas制作前端H5小游戏——Flappy Bird

游戏查看源码和素材下载博主学习前端一年多一点，还是个新手，不过勇于尝试，才能不断进步，如果代码质量不好，欢迎提意见，下面开始讲解，首先贴张游戏界面图：游戏使用canvas画图制作，分析游戏确定有这几个元素：天空背景不动小鸟上下移动，左右不动地板和水管向左移动（造成小鸟向前移动的错觉）canvas画图是覆盖画图，所以画图顺序很重要，它的api我就不多说了，只有用到以下内容：<!-- html代

2016-02-08 14:28:22 10873 7

原创 JavaScript面向对象：分页器类封装

查看效果百度网盘demo下载html代码：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>分页器</title> <link href="pager.css" rel="stylesheet"/></head><body> <div id="pager"></div>

2016-02-05 18:34:29 894 1

原创函数bind的实现

最近在看《MVC的JavaScript Web富应用开发》，其中出现了ES5新增的bind函数的实现代码，本人菜鸟一枚，花了一天才搞明白，代码先上：if (!Function.prototype.bind) { Function.prototype.bind = function (obj) { var slice = [].slice, args =

2016-01-30 17:51:43 496

kang921022的博客