自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 Backbone之model

model的创建model是Backbone四大组件之一,创建的方式与之前的View方式类似,继承已有的model类,model类中也有initialize()方法,当model初始化时便调用该方法。model类中有defaults属性,作为预定义的值,即该类默认属性初始值:model数据set与get我们知道,在后端mvc框架中,一般都为model层的类实现了

2016-08-23 11:15:13 775

原创 Backbone之View的理解

vew是backbone的一个核心组件,也是mvc中的v,可见其在框架中的重要性。个人感觉,在后台mvc框架中,如struts,express等,核心或者说工作量大的是在C部分,也就是是逻辑与业务处理。而在前端MVC中,个人觉得核心是在VIEW部分,在Backbone中,实现了页面分离,为后面的数据绑定无疑添加了太多的方面,从而优化了整个前端量;接下来,我们可以看下VIEW的构造:一个VI

2016-08-23 10:08:49 862

原创 Bootstrap-sass<3> mixins

Bootstrap-sass mixins由于之前基本用的都是基础布局,mixins文件只用到几个基础的mixin,但也算比较常用的。make-row()系列:我们可以看到make-row()功能就是在布局中生成一行,同时我们也看到在grid.scss中,也有make-xs-column()且对该行数做了不同分辨率下的适配。如我们可以如下使用:当你在section中想要更好的管

2016-08-20 15:30:51 1041

原创 Bootstrap-sass<2>基本布局

Boostrap对于布局的核心在于它的栅格系统,即对不同分辨率下设置了一套相对普适的样式,我们先看Boostrap.css中预定义的几种设备分类。如果你想查询更多,可以转到Bootstrap官网:http://getbootstrap.com/css;所以,在bootstrap下,我们常常是这样进行流式布局的:      ...  适应不同分辩率时是采取如下

2016-08-20 15:28:36 1620

原创 Bootstrap-sass<1> 安装与基本结构

最近项目都在用bootstrap布局,每次改动和文件组织总感觉不是那么清晰明了,所以借着该项目,重新整理一下sass,在网上发现有bootstrap-sass,已经集成好的一个bootstrap的sass文件,所以用这个框架对项目样式部分又重新码了一遍,感觉收获还是蛮多的,就写了一些总结,也算是对sass和bootstrap的一点回顾。就从安装sass开始吧。。Sass的安装(1)ru

2016-08-20 15:25:19 4252

原创 JS高级程序设计--读书笔记(DOM对象)

1,node类型JavaScript中的所有节点类型都继承自NODE类型。每个节点有一个nodeType属性,用于表明该节点的类型,节点类型如下:Node.ELEMENT_NODE(1),Node.ATTRIBUTE_NODE(2),Node.TEXT_NODE(3),Node.CDATA_SECTION_NODE(4)所以判断某个节点的类型,可通过如下代码确定:if(someNo

2016-08-16 17:19:57 456

原创 JS高级程序设计--读书笔记(BOM对象)

1,window对象BOM的核心对象是window,它表示浏览器的一个实例。在浏览器中,window对象有双重角色,‘它既是通过Javacript访问浏览器的一个接口,又是ECMAScript规定的Global对象。全局作用域所有在全局作用域中声明的变量函数都会变成window对象的属性与方法。如下:function say(){alert("hello");}wind

2016-08-14 11:36:55 402

原创 JS高级程序设计--读书笔记(js对象创建)

1,创造自定义对象最简单的方式就是创建Object实例,然后为它添加属性与方法。如下:var person=new Object();person.name="John";person.age=20;person.sayName=function(){alert(this.name);}以上的例子创造了一个名为person的对象,它是Object的实例。它有两个属性和一

2016-08-14 11:34:40 373

原创 从fibonacci数列浅谈递归

递归(the repeated application of a recursive procedure or definition.--摘自维基百科)重复调用的过程。使用递归法来构造fibonacci数列应该是十分简明易得的,如下:   int Fibonacci(int n){//假设fibonacci数列从f(0)开始;     if(n==0 || n==1){    re

2016-08-13 20:05:22 754

原创 页面布局 栅格系统

1,栅格系统的原理假设:Flowline的宽度为W,column的宽度为c,Gutter的宽度为g,Margin的宽度为m,栅格列数为N  W = c*N + g*(N-1) + 2m;g的宽度通常为m的两倍,所以:  W = (c+g) * N;把c+g记为C,得:  W = C * N;  大部分的栅格系统都是此公式的变体。2,Bootstrap栅格系统而对

2016-03-15 20:25:07 3621

原创 js 数组定义与常用函数小结

(1)数组的定义对于一数组来说,最简单是构建方式无非直接赋值。如下:var empty = []; // An array with no elementsvar primes = [2, 3, 5, 7, 11]; // An array with 5 numeric elements值得注意的是,因为js是弱类型语言,所以array中每个元素都可以是不同type。第二种构造

2016-03-15 19:23:51 536

原创 JavaScript prototype of object

Every JavaScript object has a second JavaScript object (or  null , but this is rare) associated with it. This second object is known as a prototype, and the first object inherits properties from t

2016-03-15 18:42:08 475

原创 JavaScript 弱类型浅谈

1,强弱类型的判别;          按照计算机语言的类型系统的设计方式,可以分为强类型和弱类型两种。二者之间的区别,就在于计算时是否可以不同类型之间对使用者透明地隐式转换。从使用者的角度来看,如果一个语言可以隐式转换它的所有类型,那么它的变量、表达式等在参与运算时,即使类型不正确,也能通过隐式转换来得到正确地类型,这对使用者而言,就好像所有类型都能进行所有运算一样,所以这样的语言被称作弱类

2016-03-15 11:58:22 6956 1

原创 JavaScript 闭包浅谈

要想了解闭包,首先得对函数定义域有所了解。函数作用域,顾名思义就是在定义函数时候产生的作用域,这个作用域也可以称为局部作用域。函数作用域一般只在函数的代码片段内可访问到,外部不能进行变量访问。在函数内部定义的变量存在于函数作用域中,其生命周期随着函数的执行结束而结束。实例如下:var test = "hello";   function show() {      var te

2016-03-15 11:34:04 742

原创 二叉树递归遍历与非递归遍历的栈空间使用

二叉树是常见的非线性数据结构类型。其基本储存结构如下:  struct nodetype{   char info,   struct nodetype *lchild,   struct nodetype *rchild;  }nodetype *nodetype;典型的二叉树遍历算法:  先序遍历  中序遍历  后序遍历在此,我们以中序遍

2016-01-24 16:16:58 738

空空如也

空空如也

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

TA关注的人

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