静文sophie

导航

 

2015年10月9日

摘要: 使用到的apihistory.state当前URL下对应的状态信息。 如果当前URL不是通过pushState或者replaceState产生的,那么history.state是null。history.pushState(state, title, url) 将当前URL和history.st... 阅读全文
posted @ 2015-10-09 17:28 静文sophie 阅读(342) 评论(0) 推荐(0) 编辑
 
摘要: 再看backbone的路由配置部分1 调整options, 记录映射关系; 绑定映射关系给history; 初始化 var Router r = function(options) { options || (options = {}); if (options.routes) this... 阅读全文
posted @ 2015-10-09 16:32 静文sophie 阅读(237) 评论(0) 推荐(0) 编辑
 
摘要: backbone的路由分两部分。其中一个是路由配置router,另外一个是和路由相关的history,用作浏览器的前进后退等。先看下histroy部分。1 首先,初始化路由配置数组,然后绑定checkurl上下文对象是backbonethis.handlers = [];_.bindAll(this... 阅读全文
posted @ 2015-10-09 15:37 静文sophie 阅读(403) 评论(0) 推荐(0) 编辑
 
摘要: 路由是什么,其实就是引路人。。先看一个简单的路由的实现。路由就是根据不同的url请求,导航到不同的页面。这里js的路由其实是根据不同的url请求,执行不同的function函数function Router(){ }Router.prototype.setup = function(routemap... 阅读全文
posted @ 2015-10-09 14:00 静文sophie 阅读(999) 评论(0) 推荐(0) 编辑
 

2015年9月3日

摘要: 在网页加载的过程中,以css背景图存在的图片background-image会等到结构加载完成(网页的内容全部显示以后)才开始加载,而html中的标签img是网页结构(内容)的一部分会在加载结构的过程中加载,换句话讲,网页会先加载标签img的内容,再加载背景图片background-image。如果... 阅读全文
posted @ 2015-09-03 15:23 静文sophie 阅读(381) 评论(0) 推荐(0) 编辑
 
摘要: querySelector 返回匹配到的第一个元素,如果没有则返回Null。querySelectorAll 返回一个包含匹配到的元素的数组,如果没有则返回的数组为空参数可以包含多个CSS选择器,用逗号隔开,与css选择器一致, 但无法查找带伪类状态的元素,比如querySelector(':... 阅读全文
posted @ 2015-09-03 14:47 静文sophie 阅读(210) 评论(0) 推荐(0) 编辑
 

2015年9月2日

摘要: viewport详解 移动设备上的viewport就是设备的屏幕上能用来显示我们的网页的那一块区域。。。 但viewport又不局限于浏览器可视区域的大小,它可能比浏览器的可视区域要大,也可能比浏览器的可视区域要小 一般来讲,移动设备上的viewport都是要大于浏览器可视区域的。。。 ... 阅读全文
posted @ 2015-09-02 18:41 静文sophie 阅读(131) 评论(0) 推荐(0) 编辑
 
摘要: 指令Directive Definition Object 指令定义对象name, priority, terminal, scope重点scope 1如果定义了,那么就会为当前指令创建一个新的作用域。如果有多个在同一个DOM上的指令要求创建新作用域,那么只有一个新的会被创建 2{} 对象哈希 ... 阅读全文
posted @ 2015-09-02 15:12 静文sophie 阅读(110) 评论(0) 推荐(0) 编辑
 
摘要: 核心启动执行1使用$apply()来从普通Javascript上下文进入AngularJS执行上下文。大部分情况下(如在控制器,服务中),$apply都已经被用来处理当前事件的相应指令执行过了。只有当你使用自定义的事件回调或者是使用第三方类库的回调时,才需要自己执行$apply scope.$ap... 阅读全文
posted @ 2015-09-02 14:37 静文sophie 阅读(104) 评论(0) 推荐(0) 编辑
 
摘要: 初始化1 自动 带ng-app的节点作为根作用域 载入和指令相关的模块 创建应用的注入器2 手动 angular.element(document).ready(function(){ angular.bootstrap(document);//调用 api/angular.b... 阅读全文
posted @ 2015-09-02 14:20 静文sophie 阅读(143) 评论(0) 推荐(0) 编辑