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

简介:

 

 

  由于时间有限,今天只对有啊的前端JavaScript 做一个概括性的分析,后面会对每一块再做详细的分析。

 

      百度有啊的所有JavaScript 扩展都位于BB 命名下。

BB 下定义了:

VERSION: 版本号

JSPATHJavaScript 文件的路径

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
然后是对事件的标准化。(待续)
最后是对互联网上常用组件的编写,这部分才是看得到摸得着的真东西(会仔细分析一下)
今天太累了,写到这里,明天继续

 

目录
相关文章
|
1月前
|
JSON 监控 前端开发
AMIS:百度开源的前端低代码神器,18.4k star 背后的开发效率提升利器
AMIS(前端低代码框架)是百度开源的低代码前端框架,基于纯 JSON 配置即可生成完整后台页面,包括表单、表格、图表、CRUD 列表,支持可视化拖拽编辑。,星标数已达 18.4k,百度内部已沉淀超过 5 万个页面,广泛应用于审核系统、数据管理后台、模型监控等落地场景
459 0
|
4月前
|
JavaScript 前端开发 Java
制造业ERP源码,工厂ERP管理系统,前端框架:Vue,后端框架:SpringBoot
这是一套基于SpringBoot+Vue技术栈开发的ERP企业管理系统,采用Java语言与vscode工具。系统涵盖采购/销售、出入库、生产、品质管理等功能,整合客户与供应商数据,支持在线协同和业务全流程管控。同时提供主数据管理、权限控制、工作流审批、报表自定义及打印、在线报表开发和自定义表单功能,助力企业实现高效自动化管理,并通过UniAPP实现移动端支持,满足多场景应用需求。
448 1
|
5月前
|
前端开发 Java 物联网
智慧班牌源码,采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署
智慧班牌系统是一款基于信息化与物联网技术的校园管理工具,集成电子屏显示、人脸识别及数据交互功能,实现班级信息展示、智能考勤与家校互通。系统采用Java + Spring Boot后端框架,搭配Vue2前端技术,支持SaaS云部署与私有化定制。核心功能涵盖信息发布、考勤管理、教务处理及数据分析,助力校园文化建设与教学优化。其综合性和可扩展性有效打破数据孤岛,提升交互体验并降低管理成本,适用于日常教学、考试管理和应急场景,为智慧校园建设提供全面解决方案。
394 70
|
5月前
|
JavaScript 前端开发 API
|
5月前
|
前端开发 JavaScript 数据可视化
58K star!这个让网页动起来的JS库,前端工程师直呼真香!
Anime.js 是一款轻量级但功能强大的JavaScript动画引擎,它能够以最简单的方式为网页元素添加令人惊艳的动效。这个项目在GitHub上已经获得58,000+星标,被广泛应用于电商页面、数据可视化、游戏开发等场景。
215 8
|
5月前
|
JavaScript 前端开发 容器
|
5月前
|
JavaScript 前端开发
|
5月前
|
存储 JavaScript 前端开发
|
5月前
|
移动开发 JavaScript 前端开发
|
5月前
|
存储 JavaScript 前端开发