backbone

Backbone视图渲染React组件

社会主义新天地 提交于 2020-03-26 19:32:02
1 <!DOCTYPE html> 2 <html> 3 <head> 4 <meta charset="UTF-8" /> 5 <title></title> 6 <script src="react/react-0.14.7/build/react.js"></script> 7 <script src="react/react-0.14.7/build/react-dom.js"></script> 8 <script src="react/browser.min.js"></script> 9 <script type="text/ecmascript" src="app/scripts/vendor/jquery.min.js"></script> 10 <script src="app/scripts/vendor/underscore.js"></script> 11 <script src="app/scripts/vendor/backbone.js"></script> 12 </head> 13 <body> 14 <div id="example"></div> 15 <script type="text/babel"> 16 var HelloMessage = React.createClass({ 17 render: function() { 18

模块化加载require.js

扶醉桌前 提交于 2020-03-22 22:31:20
一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。   <script src="1.js"></script>   <script src="2.js"></script>   <script src="3.js"></script>   <script src="4.js"></script>   <script src="5.js"></script>   <script src="6.js"></script> 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先,加载的时候,浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长;其次,由于js文件之间存在依赖关系,因此必须严格保证加载顺序(比如上例的1.js要在2.js的前面),依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。 require.js的诞生,就是为了解决这两个问题:      (1)实现js文件的异步加载,避免网页失去响应;   (2)管理模块之间的依赖性,便于代码的编写和维护。 二、require.js的加载 使用require.js的第一步,是先去官方网站 下载 最新版本。

Backbone.js入门学习资源

泄露秘密 提交于 2020-03-07 13:13:20
  backbone.js提供了一套web开发的框架,通过Models进行key-value绑定及custom事件处理,通过Collections提供一套丰富的API用于枚举功能,通过Views来进行事件处理及与现有的Application通过RESTful JSON接口进行交互.它是基于jquery和underscore的一个js框架。    我也是刚学习,还有很多不懂。只能提供些学习backbone.js的资源: backbone.js的官网: http://documentcloud.github.com/backbone Backbone.js API中文文档: http://www.csser.com/tools/backbone/backbone.js.html   几篇不错博客: Backbone.js入门学习文档: http://www.the5fire.net/backbone-tutorials-catalogue.html http://weakfi.iteye.com/blog/1391990 http://blog.csdn.net/soasme/article/details/6581029 http://www.cnblogs.com/nuysoft/archive/2012/03/19/2404274.html   最重要的是backbone

require.js的用法

北城以北 提交于 2020-03-03 00:15:55
一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。 1 <script src="1.js"></script> 2 <script src="2.js"></script> 3 <script src="3.js"></script> 4 <script src="4.js"></script> 5 <script src="5.js"></script> 6 <script src="6.js"></script> 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先,加载的时候,浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长;其次,由于js文件之间存在依赖关系,因此必须严格保证加载顺序(比如上例的1.js要在2.js的前面),依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。 require.js的诞生,就是为了解决这两个问题:   (1)实现js文件的异步加载,避免网页失去响应;   (2)管理模块之间的依赖性,便于代码的编写和维护。 二、require.js的加载 使用require.js的第一步,是先去官方网站 下载 最新版本。 下载后

【ThunderNet】《ThunderNet: Towards Real-time Generic Object Detection on Mobile Devices》

狂风中的少年 提交于 2020-03-01 08:28:35
ICCV-2019 文章目录 1 Background and Motivation 2 Advantages / Contributions 3 Method 3.1 Backbone part 3.2. Detection Part 4 Experiments 4.1 Datasets 4.2. Results on PASCAL VOC 4.3 Results on MS COCO 4.4. Ablation Experiments 4.5 Inference Speed 5 Conclusion(own) 1 Background and Motivation CNN-based detectors 一般构成如下, backbone part detection part one stage (directly predict bounding boxes and class probabilities.) or two stage (RPN+head) 现在的 CNN-based detectors 都是 resource-hungry 的,需要大量的 computation 才能达到 ideal detection accuracy,显然难以落地到 移动端上 。 更细致的分析: 1)backbone part backbone part 主要是根据

require.js的用法

夙愿已清 提交于 2020-02-22 13:00:23
require.js 是一个非常流行的库。 一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。 <script src="1.js"></script> <script src="2.js"></script> <script src="3.js"></script> <script src="4.js"></script> <script src="5.js"></script> <script src="6.js"></script> 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先,加载的时候,浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长;其次,由于js文件之间存在依赖关系,因此必须严格保证加载顺序(比如上例的1.js要在2.js的前面),依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。 require.js的诞生,就是为了解决这两个问题:      (1)实现js文件的异步加载,避免网页失去响应;   (2)管理模块之间的依赖性,便于代码的编写和维护。 二、require.js的加载 使用require.js的第一步,是先去官方网站

模块化工具require 学习笔记

拟墨画扇 提交于 2020-02-13 12:13:17
一:早就听说过模块化工具require.js的大名,之前也是由于自己的网页上引用了诸多的js,而且一堆的js引用放在那里,一个依赖另一个,导致我不敢随意改动各个js的位置,而且有时页面内容一多起来,js加载也使得本来的html内容出现响应延迟。因此,在网上查过后,便得知解决方法是使用AMD异步模块-require.js。 二:了解过require.js后,我们一般都知道它具有如下优点: 1,防止js加载阻塞页面渲染,实现js文件的异步加载,避免网页失去响应; 2,使用程序调用的方式加载js,防止出现如下丑陋不堪的一串引用,同时管理模块之间的依赖性,便于编写与维护; <script type="text/javascript" src="a.js"></script> <script type="text/javascript" src="b.js"></script> <script type="text/javascript" src="c.js"></script> <script type="text/javascript" src="d.js"></script> <script type="text/javascript" src="e.js"></script> <script type="text/javascript" src="f.js"></script>

初学require.js

拈花ヽ惹草 提交于 2020-02-11 12:40:14
  引入require.js,可以解决的问题: (1)实现js文件的异步加载,避免网页失去响应; (2)管理模板之间的依赖性,便于代码的编写和维护。   它的模块管理遵循AMD规范(Asynchronous Module Definition - 异步加载模块规范);所谓AMD规范,就是为了解决模块化编程带来的代码加载先后顺序问题,以及常规为解决该阻塞问题方式带来的各种附加问题。    核心 是通过define方法将无序混乱代码分割为有序的模块,通过require方法实现代码的模块加载。 一、require.js的加载    把从官网下载的文件放在js目录下,按如下方式引用: <script src="js/require.js"></script>    加载这个文件,也可能造成网页失去响应。解决办法有两个,一个是把它放在网页底部加载,另一个是写成下面这样: <script src="js/require.js" defer async="true" ></script>    加载require.js以后,下一步就要加载我们自己的代码了。假定我们自己的代码文件是main.js,也放在js目录下面。那么,只需要写成下面这样就行了: <script src="js/require.js" data-main="js/main"></script>    data

require.js js模块化方案

南笙酒味 提交于 2020-02-11 05:51:54
一、为什么要用require.js? 最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。   <script src="1.js"></script>   <script src="2.js"></script>   <script src="3.js"></script>   <script src="4.js"></script>   <script src="5.js"></script>   <script src="6.js"></script> 这段代码依次加载多个js文件。 这样的写法有很大的缺点。首先,加载的时候,浏览器会停止网页渲染,加载文件越多,网页失去响应的时间就会越长;其次,由于js文件之间存在依赖关系,因此必须严格保证加载顺序(比如上例的1.js要在2.js的前面),依赖性最大的模块一定要放到最后加载,当依赖关系很复杂的时候,代码的编写和维护都会变得困难。 require.js的诞生,就是为了解决这两个问题: (1)实现js文件的异步加载,避免网页失去响应; (2)管理模块之间的依赖性,便于代码的编写和维护。 二、require.js的加载 使用require.js的第一步,是先去官方网站下载最新版本。 下载后

AMD规范

蓝咒 提交于 2020-01-27 07:52:01
common.js主要语法就是 var math=require('math'); math.add(2,3); require()用于加载模块就行了。 二行math.add(2, 3),在第一行require('math')之后运行,因此必须等math.js加载完成。也就是说,如果加载时间很长,整个应用就会停在那里等。 这对服务器端不是一个问题,因为所有的模块都存放在本地硬盘,可以同步加载完成,等待时间就是硬盘的读取时间。但是,对于浏览器,这却是一个大问题,因为模块都放在服务器端,等待时间取决于网速的快慢,可能要等很长时间,浏览器处于"假死"状态。 因此,浏览器端的模块,不能采用"同步加载"(synchronous),只能采用"异步加载"(asynchronous)。这就是AMD规范诞生的背景。 AMD全称Asynchronous,意思就是"异步模块定义“”,用于异步加载,回调函数加载完需要的模块再来加载自定义语句,即它采用异步方式加载模块,模块的加载不影响它后面语句的运行。所有依赖这个模块的语句,都定义在一个回调函数中,等到加载完成之后,这个回调函数才会运行。 将上面的require()函数修改为AMD规范即是 require(['math'],function(math){ math.add(2,3)}) math.add()与math模块加载不是同步的,浏览器不会发生假死