首页
学习
活动
专区
圈层
工具
发布
    • 综合排序
    • 最热优先
    • 最新优先
    时间不限
  • 来自专栏Web 开发

    Backbone源码研究 – Backbone.Model

    前言 都因为 IE8 不支持 Object.defineProperty,但是业务还不能脱离 IE7 和 IE8,故研究下 Backbone.Model 的实现机制,找机会给主流的 MVVM 框架补丁 Backbone 的精粹都在 set(){} 这个函数里面。 more 看到这,给各种Observer打补丁就有了可行性,支持 Object.defineProperty 就用 Object.defineProperty,不支持的则降级到走 Backbone 的这种

    46300发布于 2018-08-08
  • 来自专栏四火的唠叨

    Backbone.js

    Backbone.js 是一个前端 MVC 框架,model 能够绑定键值对和自定义事件,集合具备可枚举方法的富 API,视图具备事件处理能力,并且可以通过 RESTful 的 JSON 接口和你已有的 View Backbone 里的视图就是用来反映数据模型的,可以监听事件并响应,通过利用 Underscore.js(这个真是一个牛逼哄哄的东西,自己看),还支持了 JavaScript 模板技术,把数据和模板分离开 “el” 属性就是浏览器创建的一个 DOM 对象的引用,是供 backbone 渲染的画布,每一个 view 都会有这样一个属性,如果不存在,backbone 就会自己定义一个空的 div 来作为 el 主要的写法有 “*” 和 “:” 两种: var AppRouter = Backbone.Router.extend({ routes: { "/posts/:id/: 在创建好所有的 router 之后,一定要调用一下 Backbone.history.start() 方法来 route 你的 URL。

    1.3K20编辑于 2022-07-15
  • 来自专栏web前端

    backbone 整体架构学习

    一、是什么     构建前端MVC(Model,View,Collection)模型的框架,其中Model是数据模型,Collection是数据模型的集合,View是视图 二、依赖     backbone 依赖underscorejs(主要集成了一些数据model的处理方法),项目需要时,也可以加上jQuery,因为backbone的数据处理默认是ajax,而jQuery封装了强大的DOM操作和ajax 三、模型的创建、实例化和继承 var model1 = new Backbone.Model(); model1.set('name', 'Hello'); alert model1.get('name '); var model2 = new Backbone.Model({'name':'hi'}); var models = new Backbone.Collection(); models.add 源代码中默认指定ajax方式,将数据提交同步到服务器,ajax的URL即model中的URL字段) Backbone.sync = function(method, model) { alert(

    1K80发布于 2018-01-09
  • 来自专栏web前端

    backbone 整体架构学习

    一、是什么     构建前端MVC(Model,View,Collection)模型的框架,其中Model是数据模型,Collection是数据模型的集合,View是视图 二、依赖     backbone 依赖underscorejs(主要集成了一些数据model的处理方法),项目需要时,也可以加上jQuery,因为backbone的数据处理默认是ajax,而jQuery封装了强大的DOM操作和ajax 三、模型的创建、实例化和继承 var model1 = new Backbone.Model(); model1.set('name', 'Hello'); alert model1.get('name '); var model2 = new Backbone.Model({'name':'hi'}); var models = new Backbone.Collection(); models.add 源代码中默认指定ajax方式,将数据提交同步到服务器,ajax的URL即model中的URL字段) Backbone.sync = function(method, model) { alert(

    97600发布于 2018-07-31
  • 来自专栏一个会写诗的程序员的博客

    Backbone.js 简介

    Backbone.js提供模型(models)、集合(collections)、视图(views)结构。 某种意义上说,在用javaScript来创建web项目时,Backbone试图定义一组最小而高效的集合,包括了 数据结构(models(模型) 和 collections(集合))和用户接口(views 但是,Backbone还是作为一个工具,让你可以随心所欲的设计你的网站。

    1K30发布于 2018-08-20
  • 来自专栏集智书童

    Backbone创新 | 中科大联合百度提出全新Transformer Backbone

    然后,如图1b所示,作者通过参数数量和浮点运算数(FLOPs)分析了多个Backbone网络的模型复杂性。 很明显,FFN始终占据这些模型中相当大的计算成本,但通常被忽视。 最后,作者将hMHSA和cFFN应用于各种Backbone网络,包括直接结构(DeiT)、混合结构(NextViT)和分层结构(PVT)。 作者将提出的hMHSA和cFFN应用于各种Backbone网络,并通过实验证明了其有效性,并在具备竞争性能的同时实现了10%-20%的FLOPs和参数减少。 因此,作者的解决方案表明,作者提出的方法能够在效率-功效权衡方面改进各种基于ViT的Backbone。 实验结果表明,hMHSA和cFFN可以被纳入各种基于ViT的Backbone中,包括直接、分层和混合卷积以及MHSA结构。

    74530编辑于 2023-09-04
  • 来自专栏实用技术

    Backbone.js应用基础

    前言:   Backbone.js是一款JavaScript MVC应用框架,强制依赖于一个实用型js库underscore.js,非强制依赖于jquery;其主要组件有模型,视图,集合,路由;与后台的交互主要是通过 Restful JSON 进行数据传输; 基础Backbone.js知识:   1、引入js文件:如果依赖于第三方类库如jquery,则最好先引入;之后引入underscore.js 这是必须引入且在引入 backbone.js之前,其引入文档结构如下: <head> <meta charset="UTF-8"> <title>Backbone</title> <script src="3rd/jquery1.9.1 .min.js"></script> <script src="3rd/underscore.js"></script> <script src="3rd/<em>backbone</em>.js"></script> (persons,{ model:person }); //V 视图 var diview = Backbone.View.extend({ el:'#backview', render

    1.1K30编辑于 2022-02-09
  • 来自专栏Python程序员杂谈

    4、backbone的collection实例

    1、关于book和bookshelf的例子 .. code:: javascript Book = Backbone.Model.extend({ defaults : { // 感谢网友蓝色动力指正改为 ; } }); BookShelf = Backbone.Collection.extend({ model : Book }); var book1 = new Book({title : /0.3.3/backbone-min.js"></script> <script> (function ($) { //collection是一个简单的models的有序集合 //1、 一个简单的例子 Book = Backbone.Model.extend({ defaults : { // 感谢网友蓝色动力指正改为defaults ; } }); BookShelf = Backbone.Collection.extend({ model : Book }); var

    62220发布于 2019-02-28
  • 来自专栏静晴轩

    Backbone事件模块及其用法

    事件模块Backbone.Events在Backbone中占有十分重要的位置,其他模块Model,Collection,View所有事件模块都依赖它。 通过继承Events的方法来实现事件的管理,可以说,它是Backbone的核心组成部分。 此外,事件模块的所有方法都挂在了全局的Backbone上,如果你的代码中需要用到自定义事件(实现观察者模式),可以直接使用它。 模块所有API的使用;原文参见:这里 ##四 理解Backbone中的bind和bindAll 在Backbone.js的学习过程中,已经有了on方法绑定;后面又新增了ListenTo监听;而又有bind 参见文章:理解 backbone.js 中的 bind 和 bindAll 方法 参见原文:Understanding bind and bindAll in Backbone.js 1, 首先说熟悉的

    2.8K50发布于 2018-03-27
  • 来自专栏Python程序员杂谈

    1.初识backbone.js

    backbone,英文意思是:勇气, 脊骨,但是在程序里面,尤其是在backbone后面加上后缀js之后,它就变成了一个框架,一个js库。 通过backbone,你可以把你的数据当作Models,通过Models你可以创建数据,进行数据验证,销毁或者保存到服务器上。 在查backbone资料的时候,发现没有很系统的中文入门资料和更多的实例,所以我打算自己边学边写,争取能让大家通过一系列文章能快速的用上backbone.js。 关于backbone的更多介绍参看这个: http://documentcloud.github.com/backbone/ http://backbonetutorials.com/ 当然,除了我自己分析的应用范围之外,在backbone的文档上看到了很多使用它的外国站点,有很多,说明backbone还是很易用的。

    1.3K20发布于 2019-02-28
  • 来自专栏Python程序员杂谈

    6、backbone中的view实例

    Backbone的view是用来显示你的model中的数据到页面的,同时它也可用来监听DOM上的事件然后做出响应。 --<script src="http://ajax.cdnjs.com/ajax/libs/<em>backbone</em>.js/0.3.3/<em>backbone</em>-min.js"></script>--> <script src="http://documentcloud.github.com/<em>backbone</em>/<em>backbone</em>.js"></script> <script> (function ($) { 2、 el属性 这个属性用来引用DOM中的一些元素,每一个Backbone的view都会有这么个属性, 如果没有显示声明,Backbone会默认的构造一个,表示一个空的div元素 .. code:: javascript 今天能上网,就先把这个改了,删除线标出的都是错误的内容(其实不是错误,只是我用了一个较老的backbone版本)。

    93820发布于 2019-02-28
  • 来自专栏集智书童

    最新轻量化Backbone | FalconNet汇聚所有轻量化模块的优点,成就最强最轻Backbone

    ConvNets. 5、推荐阅读 YOLOv8太卷啦 | YOLOv8官方仓库正式支持RT-DETR训练、测试以及推理 FasterViT | 英伟达提出分层注意力,达成SOTA性能-吞吐量均衡 超轻超快Backbone

    1.6K20编辑于 2023-09-04
  • 来自专栏Python程序员杂谈

    3、backbone中的model实例

    关于backbone,最基础的一个东西就是model,这个东西就像是后端开发中的数据库映射那个model一样,也是数据对象的模型,并且应该是和后端的model有相同的属性(仅是需要通过前端来操作的属性) 下面就从实例来一步一步的带大家来了解backbone的model到底是什么样的一个东西。 首先定义一个html的页面: .. code:: html <! DOCTYPE html> <html> <head> <title>the5fire-backbone-model</title> </head> <body> </body> <script src 这里还要补充一点,就是关于服务器的异步操作都是通过Backbone.sync这个方法来完成的,调用这个方法的时候会自动的传递一个参数过去,根据参数向服务器端发送对应的请求。 /backbone-1-0-0-model-validate.html>_

    1K10发布于 2019-02-28
  • 来自专栏Python程序员杂谈

    12、backbone实战:web在线聊天室(backbone+django+sqlite)(一)功能分析

    现在最后来从头开始做一个完整的实例,来体验一把backbone在开发过程中的使用。 这个实战项目我把它叫做webchat(web在线聊天室),使用技术就是backbone+django+sqlite。在功能方面没有想的特别复杂,因为项目的目的就是让大家能够快速的用上backbone。 (不过经过前面的文章,我想应该已经能让你用上backbone了) 大概说下这个聊天室的功能,很简单,不用注册登录: 1、查看所有聊天记录 2、说话 功能有了,就来设计页面,用画图工具简单的设计一下

    41020发布于 2019-02-28
  • 来自专栏毕业设计

    YOLOv8优化创新:backbone改进 | 微软新作StarNet:超强轻量级Backbone | CVPR 2024

    元素乘法)在无需加宽网络下,将输入映射到高维非线性特征空间的能力,这就是StarNet的核心创新,在紧凑的网络结构和较低的能耗下展示了令人印象深刻的性能和低延迟 如何跟YOLOv8结合:替代YOLOv8的backbone 2. starnet加入YOLOv8 2.1 新建ultralytics/nn/backbone/starnet.py 核心代码 """ Implementation of Prof-of-Concept

    3K20编辑于 2024-05-15
  • 来自专栏Python程序员杂谈

    2、通过helloworld来认识下backbone

    DOCTYPE html> <html> <head> <title>the5fire.com-backbone.js-Hello World</title> </head> <body documentcloud.github.com/underscore/underscore-min.js"></script> <script src="http://documentcloud.github.com/<em>backbone</em> /<em>backbone</em>-min.js"></script> <script> (function ($) { World = Backbone.Model.extend({ //创建一个World的对象,拥有name属性 name: null }); Worlds = Backbone.Collection.extend //实例化AppView var appview = new AppView; })(jQuery); </script> </html> 我认为代码是直观的,这里面涉及到backbone

    47010发布于 2019-02-28
  • 来自专栏Python程序员杂谈

    13、backbone实战:webchat(二)详细设计

    script src="/site_media/chat/js/underscore-1.3.1.js"></script> <script src="/site_media/chat/js/<em>backbone</em>.js

    51710发布于 2019-02-28
  • 来自专栏Python程序员杂谈

    5、backbone中的Router实例

    大概解释下Router: Backbone中的router,见名知意,router有路由的意思,显然这里是要控制url的。 Backbone.Router会把你连接中的#标签当做是url路径 即便我心存疑惑,依然是要写几个例子测试一下的。毕竟实践才能解惑。 (); 需要通过调用Backbone.history.start()方法来初始化这个Router 这个Router的使用很像是django的urlconf文件提供的功能,如果你懂得django的话。 /backbone-min.js"></script> <script> (function ($) { //Backbone中的router,见名知意,router有路由的意思 //Backbone.Router会把你连接中的#标签当做是url路径 /** //1、来看一个简单的例子 var AppRouter = Backbone.Router.extend

    65010发布于 2019-02-28
  • 来自专栏Python程序员杂谈

    7、backbone实例todos分析(一)

    新版地址: backbone第二版更新. ​ 项目或者是平时的练习中用的上backbone了。 其实对于一个web开发老手来说,基本上看完前面的内容,你已经可以把backbone的使用和自己的开发经验结合起来进行应用了,要想更进一步的话需要去看backbone的官方文档,或者去看官方实例。 这里我就backbone官网上的实例todos进行下分析,毕竟人家自己的东西,自己写出来应该能够把backbone的特性发挥的淋漓尽致,并且代码应该也是足够优秀的,不然也会放出来让大家参考。 //存储到本地,以todos-backbone命名的空间中 localStorage: new Store("todos-backbone"), //获取所有已经完成的任务数组

    73310发布于 2019-02-28
  • 来自专栏Python程序员杂谈

    backbone.js中的异常处理

    今天收到一个网友(暖阳下的懒猫)对backbone.js中的提问邮件,回答了下,觉得应该有其他人也会遇到这样的问题,于是征求了暖阳下的懒猫同意,把邮件发到这里,下面是邮件内容: 暖阳下的懒猫: hi 最近在看backbone相关的的东西,看到你写的一些列笔记很有启发。 但是有个问题我想不明白,就是如果发生错误是怎么处理的? 刚才看了下,如果是server端的异常的话,是可以在backbone.js中处理的。 另外遇到问题要多看看官方文档,虽然backbone.js的官方文档写的内容比较少,但对解决问题还是有帮助的。 补充:这个异常的上下文: 7、backbone实例todos分析(一) 8、backbone实例todos分析(二)view的应用- from the5fire.com

    1.6K20发布于 2019-02-28
领券