Javascript框架及相关知识

综合框架

  • arale.js{:target=”_blank”} 支付宝的前端基础类库 Arale 基于 SeaJS 和 jQuery 等,目前新构建 2.0 版本。 demo: 计算器{:target=”_blank”}
  • KISSY{:target=”_blank”} 是由淘宝前端攻城师们发起创建的一个开源 JS 类库。
  • Ender.js{:target=”_blank”} - Ender is a full featured package manager for your browser. 作者 Dustin Diaz{:target=”_blank”}

模块加载框架 Javascript模块化{:target=”_blank”}

  • Seajs{:target=”_blank”} 由支付宝团队开源,基于(CommonJS{:target=”_blank”}的一种实现,类似的模块加载框架:,,)和jquery的前端框架
  • BravoJS
  • Require.js{:target=”_blank”}
  • FlyScript
  • AlmondJS{:target=”_blank”} A minimal AMD API implementation for use after optimized builds
  • Amdjs{:target=”_blank”} The Asynchronous Module Definition (AMD) API specifies a mechanism for defining modules such that the module and its dependencies can be asynchronously loaded.
  • ozjs{:target=”_blank”} 土豆网的开源模块加载js库
  • npmjs{:target=”_blank”} 后端依赖加载工具,包管理工具
  • Yarn{:target=”_blank”} 后端依赖加载工具,包管理工具
  • Yarn vs npm:你需要知道的一切
  • UMD{:target=”_blank”}

模板框架

  • Handlebars.js{:target=”_blank”} provides the power necessary to let you build semantic templates effectively with no frustration.
  • mustache.js{:target=”_blank”} - Logic-less templates with Javascript.
  • Eco{:target=”_blank”}: Embedded CoffeeScript templates
  • Jade{:target=”_blank”}: Node Template Engine

MVXX框架 (初步选择Emberjs,Knockoutjs 和 Canjs)

服务器端(并客户端)框架

辅助工具及测试框架

函数式编程

Ramda 函数式编程:

  • 自动柯里化
  • “函数优先,数据最后”
  • 函数式组合使用

UI框架

  • D3.js{:target=”_blank”} is a JavaScript library for manipulating documents based on data. 二维图像生成框架
  • Wijmo{:target=”_blank”} 商业全面控件UI,包含类似Excel控件图表控件SpreadJS等企业级UI控件,价格:$895。
  • iView 官网 基于 Vue 的 UI 框架
  • Joint.js 关系图类库,国外,高级收费。
  • G6 关系图类库,国内蚂蚁金服旗下,免费。

绘图报表

  • jQuery Sparklines{:target=”_blank”} 很特别的在一行内显示一个小曲线或柱状图等的功能。
  • Peity{:target=”_blank”} 也是一行内的小图形功能。
  • RGraph{:target=”_blank”} 功能很全面,对公益或个人使用免费,有商业授权。
  • Highcharts JS{:target=”_blank”} 功能强大,对公益或个人使用免费,有商业授权,单网站$80。
  • jQuery HighchartsTable{:target=”_blank”} 免费MIT授权,但基于Highcharts JS,基本的线图、柱图等。
  • canvasXpress{:target=”_blank”} 使用HTML5的<canvas&rt;标签实现,功能全面,LGPL免费授权。
  • JointJs{:target=”_blank”} 用于创建完全互动式图表,如组织架构图、UML状态图、UML类图等。
  • Elycharts{:target=”_blank”} 是一个易于使用的,可定制的JavaScript图表绘制组件。这个组件可用于绘制大部分常用的图表类型包括:line, column, are, bar, pie, sparklines and combinations。图表利用SVG/VML技术生成,基于jQuery + Raphaël开发。

脚本压缩打包工具

脚本牛人博客

  • Evan Wallace{:target=”_blank”} HTML5和 Javascript 高手,擅长 WebGL 等技术。

其他相关

桌面应用,NodeJS 打包编译

  • NodeJs中用node-webkit开发多平台的桌面客户端{:target=”_blank”}
  • Node.js Packer 编译打包服务端 Node.js 代码最佳方案,文档下方列出了与其他类似项目的区别,间接说明了它的先进性。
    • Nexe is a command-line utility that compiles your Node.js application into a single executable file.
    • ~ Depracted EncloseJS Compile your Node.js project. No sources aboard. Recommand Pkg below.
    • Pkg Single-Command Node.js binary compiler.
  • Electron Build cross platform desktop apps with JavaScript, HTML, and CSS

CoffeeScript

脚本示例收集

正则表达式在线测试:

CSS 相关

  • PostCSS{:target=”_blank”} A tool for transforming CSS with JavaScript
  • CSSNext{:target=”_blank”} Use tomorrow’s CSS syntax, today.
赞赏留名,相识相惜 ~