百度有啊前端js框架分析(一)

 

Normal
0

7.8 磅
0
2

false
false
false

MicrosoftInternetExplorer4

 

 

由于时间有限,今天只对有啊的前端JavaScript

做一个概括性的分析,后面会对每一块再做详细的分析。

 

     
百度有啊的所有JavaScript

扩展都位于BB

命名下。

在BB

下定义了:

VERSION:

版本号

JSPATH

:JavaScript

文件的路径

Browser

:检测浏览器的类型和版本

 

下面在Function.prototype

上扩展了三个方法:

$ban

$bind
绑定函数到参数指定的作用域

$extends
扩展一些定义好的组件

Function.K = function() {};
定义了一个空函数

Object
上的扩展:

extendJson

keys
把对象的键转换为数组

values  
把对象的值转换为数组

Array.prototype
上的一些扩展:

any

each

all

indexOf

contains

insertAt

removeAt

remove

Array
上的一些扩展
toArray 

map 
Date.prototype
上一些扩展
format日期
进行的格式化

String.prototype
的扩展
trim

format

camelize

Dom
对象主要完成了对dom
常用操作的简化

getArray
把一些类数组对象转换为数组

isElement
判断某个节点是否为元素类型

outerHTML
获得指定节点的全部html

getStyle
获得某个元素的指定属性值

borderWidth

paddingWidth

marginWidth

setStyle
设置某个元素指定属性的制定值

setFullscreen

setCenter

setXY

setSize

setRect

createElement

appendElement

nextSibling

previousSibling 

getElementsByClassName

contains

getDocRect

getXY

parentNode

getFirstChild

getAbsolutePosition

getAbsoluteRect

rectContains

rectIntersect

clearPosition

recursivelyCollect

pluckWhiteNode

insertAdjacentHTML

show

hide

isVisible

removeNode

hasClassName

addClassName

removeClassName

replaceClassName

formURIEncode

然后是对事件的标准化。(待续)

最后是对互联网上常用组件的编写,这部分才是看得到摸得着的真东西(会仔细分析一下)

今天太累了,写到这里,明天继续

 

时间: 2024-08-29 02:54:02

百度有啊前端js框架分析(一)的相关文章

百度有啊前端框架分析(自定义事件)

      今天早晨从酒店出来,外面下着鹅毛大雪,我的妈呀,我来的时候只穿了一件秋衣,昨天晚上好像所有的天气预报都没有报告今天会下雪,我操,我们的天气预报的仙人们天天在那里说的跟真的一样,这不是骗人吗,但是也没有办法,只能自己想办法怎么能事自己变得更暖和些.          JavaScript中的事件也是如此,浏览器内置的事件不可能帮你把所有的事情都做了,因此遇到特殊事件,必须我们自定义把他实现,那么我们就来来看百度有啊前端JavaScript框架的自定义事件是如何实现的.        

AngularJS (前端MVC框架)

AngularJS是一款优秀的前端JS框架,已经被用于Google的多款产品当中.AngularJS的核心特点是:MVVM.模块化.自动化双向数据绑定.语义化标签.依赖注入. 适用于:构建CRUD web应用.(CDUQ,数据的增删改查). 不适用于:游戏,图形界面编辑器.这种DOM操作很频繁也很复杂的应用,和CRUD应用就有很大的不同,它们不适合用AngularJS来构建.像这种情况用一些更轻量.简单的技术如jQuery可能会更好. 参考 官方API : http://docs.ngnice.

【SpringMVC框架】前端控制器源代码分析

前端控制器源代码分析 虽然前面讲了一些springmvc的入门程序和配置文件中映射器和适配器的配置,但是我们作为编程人员,了解框架的部分源码还是有必要的,比如前端控制器,它是如何通过Servlet的web.xml配置文件实现拦截并跳转至DispatcherServlet的呢?下面我们详细探讨 众多周知我们的入门程序的web.xml是这么配置的 <?xml version="1.0" encoding="UTF-8"?> <web-app versi

Angular.js框架基础知识,来自Google的前端JavaScript框架

AngularJS 是一款来自 Google 的前端 JavaScript 框架,也是 SPA(single-page-application,单页应用)框架.AngularJS 框架的体积非常小,但是设计理念和功能却非常强大,极大地简化前端开发的负担,它快速成为了 JavaScript 的主流框架,帮助开发者从事 web 开发. SPA 和 MVC SPA:单页面应用是指用户通过浏览器加载独立的 HTML 页面并且无需离开此导航页面.对用户操作来说,一旦加载和执行单个页面应用程序通常会有更多的

Ext JS 4.0发布 一个与后台技术无关的前端ajax框架

ExtJS是一种主要用于创建前端用户界面,是一个与后台技术无关的前端ajax框架.&http://www.aliyun.com/zixun/aggregation/37954.html">nbsp;功能丰富,无人能出其右.无论是界面之美,还是功能之强,ext的表格控件都高居榜首. 单选行,多选行,高亮显示选中的行,推拽改变列宽度,按列排序,这些基本功能咱们就不提了. 自动生成行号,支持checkbox全选,动态选择显示哪些列,支持本地以及远程分页,可以对单元格按照自己的想法进行渲染

讲解JavaScript的Backbone.js框架的MVC结构设计理念_基础知识

什么是Backbone.js?Backbone.js是十大JS框架之首,Backbone.js 是一个重量级js  MVC 应用框架,也是js MVC框架的鼻祖.它通过Models数据模型进行键值绑定及custom事件处理,通过模型集合器Collections提供一套丰富的API用于枚举功能,通过视图Views来进行事件处理及与现有的Application通过JSON接口进行交互. 简而言之,Backbone是实现了web前端MVC模式的js库 什么是MVC?MVC:后端服务器首先(过程1)通过

轻量级JS框架 SaturnJS 2.0正式发布

SaturnJS是一款轻量级JS框架,具有调用灵活和内核小巧等特点. SaturnJS采用按需加载的方式加载各类JS插件,部分插件采用网上开源的JS代码,并且非常易于扩展,帮助开发者快速创建自己的JS代码库,从而提高开发效率.   2.0 完全颠覆1.0的架构方式,而是提供一个虚拟的类,并支持构造函数.继承以及多重继承等类的特性,帮助开发人员更好地使用JS来实现更为复杂的前端应用. 新增特性 配置文件:新增了rtenv.conf配置文件,可以设置各种模块的路径以及开启或关闭某些功能,用户也可以自

13 款惊艳的 Node.js 框架——第2部分

[编者按]本文作者为 Peter Wayner,主要介绍13款至精至简的 Node.js 框架,帮助你简化高速网站.丰富 API 以及实时应用的开发流程.本文系国内 ITOM 管理平台 OneAPM 编译呈现,以下为正文第二部分.点此查看本文的第一部分. Node.js 推出至今也有些年头了,但它就像初生的太阳,充满朝气.人们不断地探索更新更好的平台信息发布方式,于是选择也越来越多.这些努力最终催生了多款 Node.js 框架,不论是 Node.js 爱好者还是新手,都可以尽情探索,寻求新的提升

JQuery,Extjs,YUI,Prototype,Dojo 等JS框架的区别和应用场景简述_javascript技巧

所以Javascript已经成为了web开发最最基本的要求之一了. 而在现实的敏捷开发中,我们通常会选择一个JS框架来取代繁琐的Native Javascript的编写.你会发现这样会节省很多的时间,写的代码也很清晰便捷.(当然在学生时代的是有也质疑过,用框架会对原生态的 Javascript理解不深入,其实这是多虑了的.在对框架的深入的同时,对原生的js也会理解的更透彻一些.成为一个精明的开发者,两者是相依相偎的.而最好的状态就是想Qzone前端一样,完全按照自己的需求开发出一套JS,CSS框