
学习笔记
文章平均质量分 77
前端小菜鸟
这个作者很懒,什么都没留下…
展开
-
变量对象VO的学习笔记
变量对象VO的填充顺序函数参数:若未传入,初始化该参数值为undefined函数声明:提升声明和赋值。若发生命名冲突(如传入的参数有同名的变量,或arguments)会覆盖变量声明:初始化变量值为undefined,若发生命名冲突,会忽略(即不会覆盖他的值为undefined)function app(arg1, arg2) { function arguments()原创 2015-10-06 11:00:45 · 992 阅读 · 0 评论 -
Backbone系列:Model的学习
Model的学习本章通过完成单向数据绑定的demo,以此学习Backbone的Model模块在线demo:单向数据绑定设置属性值我们可以在构建Model类的时候,定义其属性值。var Echo = Backbone.Model.extend({ defaults: { word: '请输入' }, initialize: func原创 2015-10-31 12:03:51 · 855 阅读 · 1 评论 -
Backbone系列:View的学习
View的学习本章会通过一个简单的搜索框的demo,学习View模块和View的事件属性前面我们已经知道initialize()方法会在实例化Model时执行,而View和Collection也有对应的方法,所以我们可以在此方法里定义一些动作。如:var App = Backbone.View.extend({ initialize: function() {原创 2015-10-30 23:55:46 · 692 阅读 · 0 评论 -
Backbone系列:Router的学习
Router的学习本章通过定义简单的路由规则,学习Router在线demo:router学习Backbone的路由会监听URL的"#"后面的部分var App = Backbone.Router.extend({ // 定义路由、动作的键值对,注意路由前面没有"/" // *表示通配,会匹配多个url组件 routes: { '*acti原创 2015-10-31 11:19:14 · 1558 阅读 · 0 评论 -
Backbone系列:简单的helloworld页面
非常简单的定义一个Model类首先让我们以经典的hello world作为Backbone的入门var App = Backbone.Model.extend({ // 通过defaults定义实例属性 defaults: { say: 'hello world!' }, // initialize是在构造函数被实例化的时候调用 in原创 2015-10-30 22:53:52 · 1131 阅读 · 0 评论 -
利用DOMContentLoaded判断DOM是否加载完毕
概述浏览器提供一个document.onload事件,但这是页面的全部数据都加载完毕,如果页面有太多图片的话,事件要等很久才触发。如果能在DOM树构建完毕就开始动作就会快很多。核心思想IE8以下的版本可以通过检查document.documentElement.doScroll('left')是否报错来判断IE8支持onreadystatechange事件,每当document原创 2015-10-11 10:46:14 · 2595 阅读 · 0 评论 -
Bootstrap各JavaScript插件的概述
都定义Plugin函数目前来看,定义Plugin是为了作为jquery的原型方法,可以作为jquery对象初始化的入口。function Plugin(option) { return this.each(function () { var $this = $(this) var data = $this.data('bs.tab') if (!data)原创 2015-10-16 22:39:18 · 640 阅读 · 0 评论 -
Bootstrap插件carousel源码的学习
使用说明轮播的HTML结构可以分为:容器、项目符号、轮播单元、左右的箭头容器:需要data-ride="carousel"用于初始化;对应的id或class作为子元素的目标项目符号:需要在"carousel-indicators"的容器中;data-target或href指向容器;data-slide-to指向对应的轮播单元;需要有"active"类保证在一开始就激活单元:需要"i原创 2015-10-24 23:43:04 · 2318 阅读 · 0 评论 -
Bootstrap插件collapse源码的学习
使用说明手风琴插件可以分为两部分:可点击的标题区,和展现的内容区标题区,需要定义data-toggle="collapse"和data-parent="#example"(即包含他们的容器),还有data-target或href指向的内容区内容区,需要id或class与标题区定义的一致。添加"collapse"类来默认隐藏该内容区。如果需要在一开始就显示就添加"collapse i原创 2015-10-24 18:28:18 · 2502 阅读 · 0 评论 -
Bootstrap插件modal源码的学习
使用说明两部分需要定义:模态框的触发元素,需要data-toggle="modal",以便被初始化;需要data-target="#example"或href指定模态框模态框,模态框容器需要与data-target对应的类或id,其内容部分可以用"modal-content"的类来美化样式 触发按钮 title原创 2015-10-20 22:55:08 · 2778 阅读 · 0 评论 -
Bootstrap插件scrollspy源码的学习
使用方法可以分为nav(导航区)和content(滚动区)Plugin入口分析/** * 把[data-spy="scroll"]的dom元素,及元素property上的参数传给ScrollSpy构造函数 * @param {object} option 之前绑定在元素上的property对象 * 自定义的包含指定content的对象原创 2015-10-18 18:29:16 · 2474 阅读 · 0 评论 -
Bootstrap插件dropdown源码的学习
使用方法有含有"dropdown"类的容器里面包含下拉触发器(按钮,或链接等),和下拉框的内容下拉触发器必须包含"data-toggle=dropdown"的属性。可以用data-target或href指定包含下拉框的容器,如果没有,则从其父元素内找下拉框内容必须有"dropdown-menu"的类 点击 item1 item1 item3原创 2015-10-18 22:35:16 · 3532 阅读 · 0 评论 -
Bootstrap插件transition源码的学习
使用说明主要是用于自定义transitionEnd方法,判断是否支持过渡结束事件定义jquery的原型方法emulateTransitionEnd,保证在过渡效果完成后,一定触发transitionEnd初始化在dom树加载完后,自定义bsTransitionEnd事件$(function () { // 储存当前浏览器是否支持,若支持是支持哪种tr原创 2015-10-18 23:03:56 · 1587 阅读 · 0 评论 -
Bootstrap插件tab源码的学习
使用方法可以分为Tab区和Content区。Tab区为列表,要求带有"nav nav-tabs"或"nav nav-pills"两种类名。下的标签要求带有data-toggle="tab"属性,可以通过data-target或href指定对应的ContentContent区要求带有"tab-content"类名,每个面板要求有"tab-pane"类名以及Id(即Tab里指定的tar原创 2015-10-16 22:57:57 · 1957 阅读 · 1 评论 -
Backbone系列:Collection的学习
本章通过Collection与View的配合,渲染出多个view在线demo:Collection的学习构建一个Model类首先我们需要构建一个Model类,可以有对应的默认属性var Book = Backbone.Model.extend({ defaluts: { name: '名字', rank: '排名',原创 2015-11-07 10:05:51 · 921 阅读 · 0 评论 -
JavaScript中的this学习笔记
《JavaScript中this关键字详解》this指向函数执行时的当前对象,而与声明环境无关var someone = { name: "Bob", showName: function(){ alert(this.name); }};var other = { name: "Tom", showName: someone.sh原创 2015-09-28 14:31:02 · 628 阅读 · 0 评论 -
JavaScript中作用域的学习笔记
《高级程序设计》作用域的前端,始终是当前的执行的代码所在的执行环境的变量对象作用域与定义时的环境有关,而不是执行时的环境《鸟哥:JavaScirpt作用域原理》JavaScript中的函数运行在它们被定义的作用域里,而不是被执行的作用域里scope chain(作用域)一个函数被定义时,会将它定义时刻的scope chain(作用域)链接到函原创 2015-09-28 14:13:32 · 468 阅读 · 0 评论 -
JavaScript中闭包的学习笔记
《深入理解javascript原型和闭包》原型对象是函数创建的var ob = new Object(); // 可以看出,其实对象是由函数创建的 函数(也是对象啦)是Function创建的var fn = new Function(参数0[, 参数N], 函数体); 函数是属性的集合(即也是对象)每个函数都有个prototype属性,指向原原创 2015-09-28 14:21:17 · 527 阅读 · 0 评论 -
Backbone系列:todo的demo
概述todo的思想是:Model作为每个todo项的模型,而且每个todo项与一个TodoView关联(只渲染li的视图)。最后在AppView上监听整个todo的变更,触发对应的事件step1首先我们从只有简单的添加功能的todo做起var Todo = Backbone.Model.extend({ // 这里不定义也可以,不过以后和Collection的create方法配合原创 2015-11-08 16:29:33 · 841 阅读 · 0 评论