04 2017 档案

JS进阶系列之原型、原型链
摘要：最近在看 JavaScript忍者秘籍 这本书的时候，再加上最近遇到的关于原型、原型链的面试题，所以萌生了要把这些知识梳理一遍的想法，所以以下是我自己对原型、原型链的看法 什么是原型 提到原型，我们可能都会想到与对象有关的东西，但其实，原型是与函数才是密切相关的。每当我们创建一个函数，都会有一个指向 阅读全文
posted @ 2017-04-29 15:49 McRay 阅读(329) 评论(0) 推荐(0)
原生JavaScript实现的贪吃蛇
摘要：github代码地址：https://github.com/McRayFE/snake 涉及到的知识点： 键盘事件 setInterval()定时器 javascript中数组的使用 碰撞的检测 offsetLeft,offsetWidth,offsetTop,offsetHeight 实现的思路 阅读全文
posted @ 2017-04-27 11:04 McRay 阅读(599) 评论(0) 推荐(1)
AngularJS学习之依赖注入
摘要：什么是依赖注入 AngularJS采用的是模块化的方式来组织代码的，它会将一些通用逻辑封装成一个对象或者函数，实现最大程度的复用，这导致了使用者和被使用者之间存在了一些依赖关系。 所以所谓的依赖注入是指，在运行的过程中自动查找需要的依赖关系，然后将依赖关系传递给使用者的一种机制。 例如，造一个控制器 阅读全文
posted @ 2017-04-21 20:54 McRay 阅读(265) 评论(0) 推荐(0)
AngularJS学习之数据绑定
摘要：既然AngularJS是以数据作为驱动的MVC框架，在上一篇文章中，也介绍了AngularJS如何实现MVC模式的，所有模型里面的数据，都必须经过控制器，才能展示到视图中。 什么是数据绑定 首先来回忆一下MVC模式在AngularJS中的体现，我将会拿下面这张图片来说明。 一个模型中可能有多个数据， 阅读全文
posted @ 2017-04-19 20:18 McRay 阅读(289) 评论(0) 推荐(0)
AngularJS学习之MVC模式
摘要：AngularJS是谷歌开发维护的前端MVC框架，克服了HTML在构建应用上的不足，从而降低了开发的成本。 在学习AngularJS之前，有必要和之前学过的jQuery进行对比。jQuery是javascript的一个类库（一系列函数的集合），而AngularJS是javascript的一个框架（一 阅读全文
posted @ 2017-04-19 09:49 McRay 阅读(3497) 评论(0) 推荐(1)
CSS布局之圣杯布局和双飞翼布局
摘要：其实圣杯布局和双飞翼布局实现的都是三栏布局，两边的盒子宽度固定，中间盒子自适应，也就是我们常说的固比固布局。它们实现的效果都是一样的，差别在于其实现的思想。 一、圣杯布局 html代码中，将重要的内容middle放在container的最前面，然后是left、right 1、将三者均设置 2、将mi 阅读全文
posted @ 2017-04-09 19:50 McRay 阅读(317) 评论(0) 推荐(0)
JS数据结构学习之排序
摘要：在看 这本书中关于排序这一章的时候，我试着用javascript语言来重写里面几个经典的排序方法，包括冒泡排序、快速排序、选择排序、插入排序还有希尔排序。 一、冒泡排序 冒泡排序算是排序中最常见的，冒泡排序分为两个，一种是从小到大，一种是从打到小，具体是实现步骤就是：从最开始的位置或者最后的位置反方 阅读全文
posted @ 2017-04-05 16:30 McRay 阅读(206) 评论(0) 推荐(1)
一个网页从输入URL到页面加载完的过程
摘要：过程概述 1、浏览器查找域名对应的IP地址 2、浏览器根据IP地址与服务器建立socket连接 3、浏览器与服务器通信：浏览器请求，服务器处理请求和响应 4、浏览器与服务器断开连接 具体过程 1、搜索自身的DNS缓存 2、搜索操作系统自身的DNS缓冲 3、读取本地的HOST文件 4、浏览器发起一个D 阅读全文
posted @ 2017-04-05 16:28 McRay 阅读(352) 评论(0) 推荐(0)
HTTP概念进阶
摘要：一、什么是回调 回调是异步编程时的基础，将后续逻辑封装在回调函数中作为起始函数的参数，逐层嵌套，通过这种方式让程序按照我们所期望的方式执行。 二、什么是同步/异步 同步指的是：发送方发出数据后，等待接收方发回响应才能发送下一个数据包的通讯方式。程序的执行顺序与任务的排列顺序是一致的。 异步是指：发送 阅读全文
posted @ 2017-04-02 15:29 McRay 阅读(136) 评论(0) 推荐(0)
拖拽对象的封装
摘要：一般我们实现拖拽对象，都是对单个元素进行封装，但是如果有多个元素都要实现拖拽效果，代码量就会十分庞大，所以我们可以结合面向对象的思想和闭包等知识，封装一个拖拽对象。 基本思路： 1、如何让元素动起来？ 我们通常通过修改元素的 来让元素的位置改变。但是由于修改 值会引起页面重绘，而 不会，因此从性能优 阅读全文
posted @ 2017-04-02 15:27 McRay 阅读(454) 评论(0) 推荐(0)