归档: 2017/9
圣杯布局和双飞翼布局
圣杯布局和双飞翼布局都是为了实现三栏布局，两边的黑子宽度固定，中间盒子自适应，其中，中间栏放到文档流前面，保证先行渲染。 需要先了解负边距即负margin的作用，文末其相关的资料链接。 圣杯布局 圣杯布局的出现是来自于a list part上的一篇文章In Search of the Holy Grail。比起双飞翼布局，它的起源不是源于对页面的形象表达。在西方，圣杯是表达“渴求之物”的意思
浮动元素位于非浮动元素之前和之后的影响
浮动核心就一句话：浮动元素会脱离文档流并向左/向右浮动，直到碰到父元素或者另一个浮动元素。 之所以写这篇文章，是因为刚开始学习前端的时候，在做2017年百度前端学院的小薇学院的任务三——三栏式布局时碰到了一个很疑惑的问题（任务图如下） 由于当初对浮动的认识不够，我的想法是这样的：左边的元素左浮动，中间的元素加左右margin撑开，右边的元素右浮动（注意我描述这三个元素的顺序）。最初的代码如下
JavaScript高程复习(第3章到第6章)
第三章 基本概念3.1 语法 ECMAScript标识符一般采用驼峰大小写格式，也就是第一个字母小写，剩下的每个单词首字母大写 3.3 变量 在严格模式下，不能定义名为eval或arguments的变量，否则会导致语法错误。 3.4 数据结构 ECMAScript中有5种简单数据类型（也称为基本数据类型）：Undefined、Null、Boolean、Number、String。还有一个种复
Canvas开发FlappyBird小游戏
原生JavaScript和Canvas实现FlappyBird小游戏 项目地址→传送门 点击这里开始游戏 PS:可以以电脑浏览器的手机模式打开，也可以在手机浏览器中直接打开 游戏运用了Canvas的drawImage，translate，rotate，save，restore，fillRect等API。采用中介者模式，Game类统领全局，负责读取资源，设置定时器，维护各个物体实例，所有的演员都
JavaScript面向对象笔试汇总(1)
程序运行后，输出为何？1234567891011function fun(){ var a =1; this.a = 2; function fn(){ return this.a; } fn.a = 3; return fn;}var result = fn()();console.log(result
观察者模式+原型链方法实现的一个小案例
题目描述如下：用JavaScript编写两个类，Restaurant餐馆类和Customer顾客类，要求是：餐馆类的实例拥有name餐厅名字属性和cook做饭方法，cook方法接受一个菜名字符串做参数，弹出“xxx餐厅正在为你做xxx菜”。顾客类的实例拥有enter进入餐厅的方法，接受一个餐厅实例做参数；还拥有order点菜方法，接受一个菜名字符串做参数，可以调用该餐厅的cook方法，会弹出相应
关于原型链的一道面试题的思考
这道题考了原型链，不好用文字描述，所以就画了一些图来帮助理解 试写出程序运行结果123456789101112function A(){};function B(){ return new A();}A.prototype = B();B.prototype = new B();var a = new A();var b = new B();conso
DOM0级事件处理和DOM2级事件处理的区别
DOM0级分为两个 在标签内写onclick事件 1<input id="myButton" type="button" value="Press Me" onclick="alert('thanks');" > 在JS写onlicke=function（）{ }函数 123document.getElementById("myButton").onclick = functio
以原型对象属性方式开发轮播图插件
jQuery实现轮播图效果，顺便复习一下原型对象属性的书写模式。可通过new Carousel创建一个轮播图实例。 创建一个carousel.js文件 12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656