Arale

支付宝前端基础类库
授权协议 MIT
开发语言 JavaScript HTML/CSS
所属分类 Web应用开发、 AJAX框架/RIA
软件类型 开源软件
地区 国产
投 递 者 壤驷穆冉
操作系统 跨平台
开源组织
适用人群 未知
 软件概览

Arale 是支付宝的前端解决方案,基于 SeaJS 和 CMD 规范,是一个开放、简单、易用的前端基础类库。

Arale 拥有 popup、validator、position 等丰富且优秀的组件模块;使用简单好用的包管理工具 SPM 帮助我们处理打包部署等繁琐工作;使用 liquidluck 写文档和 Demo。这是一套完善的前端解决方案。

Arale 2.0 的整体内容包括四部分:

  1. Infrastructure(基础架构)。包括 seajs, events, class, base 和 widget 模块。这是整个类库的基础,能从底层让代码的书写规范、组件的构建方式、模块的调用方式等保持整体一致性。
  2. Utilities(工具组件)。包括 jquery, zepto, position, storage 等等。工具组件的特点是,它们是锤子、斧头,其他组件只是通过纯组合的方式使用它们。工具组件里,大部分将直接来自社区已有的成熟组件。
  3. Widgets(UI 类组件)。包括 overlay, switchable, tree 等等。目前 jQuery 社区和 CommonJS 等社区尚未有很好用很成熟的 UI 解决方案,因此 UI 类组件大部分将自主研发。这将会是 Arale 类库的核心亮点之一。
  4. Developer Tools(开发者工具)。这一块很重要,包括 spm, gjslint, docs-build 等工具。只有通过工具,与整个前端平台打通,才能实现前端的体系化。
  • 系列文章:读 arale 源码之 class 篇 attributes 提供基本的属性添加、获取、移除等功能。它是与实例相关的状态信息,可读可写,发生变化时,会自动触发相关事件 先来了解一下 Attribute 模块要实现的功能: 设置属性值 { attr1: 'hello1', // 相当于 attr1 的方式 attr2: { value: 'hello2' } }

  • 本文同步自我的GitHub 概述 Arale是支付宝开发的一套基础类库,提供了一整套前端模块架构,基于CMD规范,所有模块均是以sea.js的标准进行开发。其开发过程借鉴了优秀的开源类库如jQuery, underscore等的经验,并融合发展,最后建立了一套自己的开发机制。 结构 Arale |--基础设施 | |-- Base | |-- Class |

  • https://www.npmjs.com/package/arale-cookie  arale-cookie 使用 define(function() { var Cookie = require('cookie'); Cookie.set('foo', 3); Cookie.set('bar', 4, { domain: 'example.co

  • 前言 Base这个模块实际上才是Arale模块系统中对外的模块,它包含了之前介绍的Class类和Events类,以及自己内部的attribute模块和aspect模块,因此Base模块是真正的基础类。 由于Attribute模块的内容太多,而Aspect模块和它关系也不太大,因此,考虑到文章篇幅的平衡,将Base模块的解析分成两篇,Attribute模块的分析放在下一篇单独来写。 带注释源码 Ba

  • 1、js控制器文件开端 var Validator = require('bootstrap.validator'); require('common/validator-rules').inject(Validator); 引入库文件 2、dator-rules文件 该文件定义验证规则 3、使用规则 validator.addItem({ element: '[i

  • 1.JS补遗 outerHeight()包括内边距和边框,输入includeMargin参数就可以包括外边距 innerHeight()包括内边距、不包括边框 height()随浏览器的盒模式作相应的改变 css(‘height’)包含px单位   offset()获取元素相对文档的偏移量,.left和.top取左右偏移及上下偏移   2.jQuery补遗 jQuery工具函数 $.extend(

  • 封装一个二维码的弹窗 import React, { useState, useEffect, useRef } from 'react'; import { Modal } from 'antd'; import { CopyOutlined, CheckCircleOutlined, CloseCircleOutlined, CloseOutlined,

  • Arale 之Class 导语: arale的class实现是汲取众家之长,主要是参考了MOOTOOLS的方式,同时本着前端开发者友好的原则,去除了语法糖,也就是语法中的方言,或者说是初学者的巨坑。另外大家可以看到该源文件几乎都没写分号。 参考链接 源文件 使用说明 github上一个家伙搞的arale核心模块源码解析 有关hasOwnProperty 开篇明义 这是本系列的第一篇,对于Arale

  • 更新:读 arale 源码之 attribute 篇 arale 是阿里、开源社区明星人物--玉伯,开发的一套组件,代码相当优美,大赞玉伯的开源精神,我是您的粉丝。 这里分享下我对这段源代码的感悟,若有错误的地方,烦请指正。= ̄ω ̄= 先谈谈基于原型的继承。 先看看 segementfault 上讨论的一道题。 function F() {} Object.prototype.a = functi

  • 引自:https://github.com/lifesinger/lifesinger.github.com/issues/106 阅读此文前,建议先看下这个 PPT:支付宝前端技术之路 缘由 看完上面的 PDF 后,好友 @拔赤 在微博上发了些感触: ppt有点小失望哦,特别看到34页,真真就是kissy啊,不管是jquery式的包装器风格控件,还是kissy/yui系的工厂风格组件,真正的挑战

  • JS中OO的模拟有很多的实现与尝试(相关文章),Arale则在以下原则的指导下进行构建: 1.如无必要,勿增实体 —— Simple 2. 一目了然,容易学习 —— Stupid Class源码的学习可以通过了解如何调用Class来实现类的继承与扩展的例子进行学习。下面是对Class类的源码的注释(简单的辅助方法不再进行注释),有问题可指出,欢迎交流。 // The base Class impl

  • Attribute的源码解析: --注:这部分的源码阅读起来比较费劲,可能解析的还不太到位,后续会多读几遍增添新的解释,后面随时更新。 // 负责 attributes 的初始化 // attributes 是与实例相关的状态信息,可读可写,发生变化时,会自动触发相关事件 exports.initAttrs = function(config) { // initAttrs 是在初始化时调

 相关资料
  • 1、新版支付宝支付配置 配置支付宝支付之前,需要到支付宝商家中心开通手机网站应用和电脑网站应用两个产品。 产品开通链接:快捷手机wap支付 电脑网站支付 一个工作日即可通过审核,完成产品签约。 接下来,介绍支付宝支付配置教程。 第一步 登录商城后台,设置->交易设置->支付配置 ,选择支付宝支付,点击配置,进入到支付宝支付参数配置界面,选择新版支付宝。 需要我们配置应用APPID、应用私钥、应用公

  • 1. 配置应用 1.1 创建应用 1. 进入支付宝开放平台(open.alipay.com (opens new window))并登录 2. 点击“进入我的开放平台” 3. 通过 开发者中心-网页&移动应用 进入应用管理列表页 title: 支付宝登录 4. 选择创建 自定义接入 应用 5. 填入相关信息确认创建 6. 进入应用详情后,点击【功能列表】中的【+添加功能】按钮,选择【获取会员信息】

  • 本文向大家介绍python支付宝支付示例详解,包括了python支付宝支付示例详解的使用技巧和注意事项,需要的朋友参考一下 本文实例为大家分享了python支付宝支付示例代码,供大家参考,具体内容如下 项目演示: 1、输入金额 2、扫码支付: 3、支付完成: 一、注册账号 https://openhome.alipay.com/platform/appDaily.htm?tab=info 二、设置

  • 本文向大家介绍Android支付宝支付封装代码,包括了Android支付宝支付封装代码的使用技巧和注意事项,需要的朋友参考一下 在做Android支付的时候肯定会用到支付宝支付, 根据官方给出的demo做起来非常费劲,所以我们需要一次简单的封装。 封装的代码也很简单,就是将官网给的demo提取出一个类来方便使用。 前面的几个常量是需要去支付宝官网获取的,获取后直接替换就ok, 其他的代码基本都是从

  • 本文向大家介绍基于C#实现微信支付宝扫码支付功能,包括了基于C#实现微信支付宝扫码支付功能的使用技巧和注意事项,需要的朋友参考一下 为公司系统业务需要,这几天了解了一下微信和支付宝扫码支付的接口,并用c#实现了微信和支付宝扫码支付的功能。 微信支付分为6种支付模式:1.付款码支付,2.native支付,3.jsapi支付,4.app支付,5.h5支付,6.小程序支付 我在这里用到的是native支

  • 本文向大家介绍详解基于python-django框架的支付宝支付案例,包括了详解基于python-django框架的支付宝支付案例的使用技巧和注意事项,需要的朋友参考一下 一. 开发前的准备 1. 必须了解的知识 SDK:软件开发工具包,可以为开发者提供快速开发的工具 沙箱环境:也就是测试环境 支付宝支付金额的精度:小数点后两位(面试) 支付宝用的什么加密方式:RSA 2. 沙箱环境的配置 ① 登

  • 本文向大家介绍SpringBoot集成支付宝沙箱支付(支付、退款),包括了SpringBoot集成支付宝沙箱支付(支付、退款)的使用技巧和注意事项,需要的朋友参考一下 前言 支付宝推出一个沙箱环境,能够很好的模拟支付宝支付,并且还提供了demo,但demo是一个普通web项目,怎么整合到Spring Boot项目呢,其实很简单 简单配置请参照支付宝沙箱支付开发文档 一、支付部分 AlipayCon

  • 因为是找暑期实习时候的面经,时间有点就远了。为了不被定位,隐去了部分信息。已offer。 --------------一面 个人介绍 1. 依据项目提问,SSO单点登录原理。 2. JS原型链。 3. JS闭包。 4. Vue数据劫持原理 5. Vue3是怎么做到用户点击,但是数据只更新一次。(调度器中增加调度函数,该调度函数将当前的副作用放入微任务队列,并进行去重操作。所以下面开始问事件循环。)