剪报

一、资源类

     1.免费英文版 SQL Server Source Control Basics    传送门

     2.在线电子书 Understanding ECMAScript6 传送门

     3.在线电子书 Programming javascript application

     4.在线电子书 如果海明威写js

     5. ES6 和ES 5装换

　  6. angular2 训练书  

二、前端资源

     a.图表类：

         1. MetricsGraphics.js    传送门

         2.正则表达式 流程图生成器  传送门

         3. Handsontable  一款用html及js实现的 类似excel的前端表格解决方案

         4.SVG Morpheus  一款用于svg图标切换的美化工具

         5.tubeMaps  nodejs 支持的网状地图生成器

         6.Chartist.js 响应式图表类工具库的使用教程

         7.dgrid 一款轻量级的js图表插件

         8.jsrt  js动画库

         9.jquery mapeal    jquery 地图插件

         10. ZingChart 基于jquery的数据可视化库

         11. 使用 ascii/ansi 编码制作图表

         12.Plottable.js   基于D3.js构建的图标工具

　　　 13.MetricsGraphics.js  在D3上封装的一层js库,用来简化图表的制作

     b.框架类：

         1.React.js   传送门  下载  React.js 是Facebook推出的用户即时反应界面库,是基于flux架构，需要和node js配合的前端框架  Reactjs google map 组件  轻量级React模板

         2.Knockoutjs  简介  使用要点  Knockout js是一款MVVM框架

         3.Espresso.js Espresso.js是一个迷你MVC框架，源于 Backbone 和 React。注重简洁和速度。

         4.ngAria  一款针对angularjs 的 module改善工具

         5.laroux.js  一款仿造jquery的轻量级js库，目前还不如jQuery完善

         6.Ember.js   一款类似angular js 的前端MVC框架

         7.nativeScript    调用原生js开发的一款开源跨平台框架

     c.UI框架

         1. material-ui   一款谷歌研发的CSS 框架

         2.bricks.js 一款针对屏幕宽度适当瀑布流构建的框架

     d.工具类

         1.Device.js   简介   一款检测平台的js工具库

         2.particles.js 一款用于在网页上建立颗粒画效果的js工具

         3.chroma.js Chroma.js是一个轻量的色彩选择器 插件

         4.CopperLicht  javascript 3D 引擎

         5.secStore.js  一款管理浏览器storage的工具类库  localstorage sessionStorage cookie  AES加密

         6.interact.js  一款封装好的拖动 resizing 多点触控 的工具类插件 支持 IE8+

         7.quagga.js  一款帮助条形码扫描定位的js插件，纯用js实现

         8. smartUnderline  下划线美化js库

         9. decimal.js   小数控制库，让js浮点数不精确的尴尬消失　

         10. bigPicture.js  可以无限平移和缩放的js插件　

         11.purplecoat.js  一个有趣的js库，需要配合jquery使用，能显示出html标签的轮廓和自己想要的文字。

         12.thaw.js   Thaw.js提供JavaScript合成异步处理，可以延缓浏览器进程，实现DOM之间的交互。

         13. 一个可以查看网站使用哪些js库或改js库在哪些网站上应用的网站

         14.ramda.js  一个js库

         15.libphonenumber  一款将电话号码序列化成可用对象的插件，分为 js java c++ c#各种不同接口和插件。

         16. 使用lonic 简单创建手机 web APP  其他教程

         17.rome.js  时间选择器

         18.pleaseWait.js  用于SPA等待动效处理的插件

         19.babel ES转换工具  官网 其他 

         20.超牛逼的运动框架

         21.14个深度压缩js工具

         22. Meteor.js   webapp 开发工具

         23.Async.js 驯服异步js的工具

         24.jscrambler  一款前端代码混淆工具，将前端代码变为不可读的乱码。分为免费和付费版。

         25.Stream.js  github   中文讲解 

         26.lambdaws  让nodejs支持SQS的书写方式

         27.insignia  一款输入变标签的插件

         28.一个全栈工程师写的debugger插件

         29.Ocaml的js插件

         30.libreBoard: 一个组织数据为卡片列表展示的插件 目前免费

         31.将js代码或canvas转化为SVG

         32.Sparrow：解决网站测试中关于异步测试尴尬的插件

         33.Tuxedo.js  可以用做react视图层 commenJs的模块  Flux架构的js库

         34.Aurelia  类似于angular  但是融合了ES7和ES6的新型js框架  中文介绍  英文博客

         35.meteor.js  一个伟大的框架  知乎  中文文档   英文博客

         36.pressure.js  封装了苹果Force Touch 和 3D Touch 的 API

         37.bug.js 用于atom或sublime 的方便ES6 箭头函数调试的插件

         38. RE-BUILD 用js自然语法去书写正则表达式的插件

         39.BiSheng 插件，把markdown语法转换成react实现的静态web页面

   e.数据类

        1.sql.js  sqljs 是一款轻量级的SQLite javascript实现工具

        2.PouchDB   PouchDB是一款前端离线存储数据库框架，  该链接分享了其开发人员在开发过程中总结的10条开发经验，以及下载

        3.firebase  一种云数据服务，可以作为小企业数据库使用，适合前端轻量级应用，此链接以angularjs 和 firebase配合举例。

        4.Lovefield  一款跨浏览器的Chrome 37+, Firefox 31+, and IE 10+ 的关系型数据查询 sql-like语句

        5.使js和ruby无缝衔接的数据库CRUD工具

        6.实时通讯APP数据流支持平台PUBNUB 付费

        7.Nymph php 和 js之间数据转换的工具

        8. personify.js  一款分析IBM waston 和 twitter 大数据的js库

        9.Gitlet 用js实现的Git

        10.Mingo js实现的Mongodb查询语言 

   f.趣味代码

       1.电梯游戏

       2.blockrain.js  俄罗斯方块游戏

       3.用硬件去控制网页端的播放器

       4.快速搭建javascript 的即时通信工具

       5.v86 用js做的x86微机模拟器

   g.前端单元测试

       1.前段单元测试之旅 技术贴

       2.flow   facebook 应用的一款前端测试工具。

   h.CSS相关

       1.lining.js  一款网页排版插件，配合CSS使用

       2.jss   可重组可编译的样式表，通过js及JSON实现

三、js技巧

     1.fn.displayName  

        如果匿名函数过多在观测函数调用栈的时候就会引起混乱，因为我们不知道处在栈中每个位置的是哪个函数，而displayName就派上了用场，大家可以区分一下各自的不同：

           

      2.Object.observe

          Object.observe方法的使用，可以让你的代码抛弃html模板，但是目前仍处于beta阶段 ，仅chrome  36 beta版本后支持

       

       通过get set 参数来模仿observe函数，并获得比它更好的效果：

     

  3.jquery给我的18个惊喜

  4.可视化数据 提升方案

  5.创建跨平台的预编译 二进制node js 模块

  6.facebook flow 介绍

  7.js高阶函数编程 英文文章 汉字文章

  8.使用AMD加载器利用commonJs和Recast创建项目

  9.如何制作chrome 插件

 10.为什么panda strick 使用node.js做json验证  针对一个技术点引发的广泛思考

 11.js function name 在不同形式下不同的显示名称

 12.重写高效的array (js代码)

 13.grunt 入门指南    另一篇

 14.让backbone 启动更快

 15.javascript内存优化

 16.underscore.js模块化开发

 17.新版chrome 41+支持 类juicer模板的 tamplate string?

 18.Ember.js 指南

 19.javascript 国际化标准API

 20.javascript应用开发的构建之路

 21.javascript MVC架构性能探讨

 22.用js写CSS分析器

 23.关于js报错的提示信息解析

 24.polymer.js 的单元测试

 25.ESLint 词法分析器，帮助你优化js代码  使用教程

 26.2015 前端必知必会 翻译

 27.面向对象MVC在js上的应用

 28.让人脑洞大开的js技巧

 29.Marionette.js 知乎介绍  英文介绍

 30.教你写chrome插件

 31.尽量用原生方法写event 而不是jquery

 32. one javascript 思想  用兼容的方式解决ES6的使用而不是用版本控制

 33.用最优的方式写js判断型函数

 34.用jquery和web storage api自动填充表单

 35.如何兼容ES3

 36.将coffeeScript替换为ES6标准

 37.讨论异步函数和同步函数的组合

 38.jquery 的折叠列表插件 almightree

四、前端相关

  1.设计语言

    a. spider  一款类似coffeeScript 的 js 封装性语言

    b.Higgs  一款javascript JIT 编译器

    d.ECMAScript 设计草稿

    e.关于集成javascript框架的一些构想

 2.设计模式

    a.FLUX模式讲解

    b.设计前端APP应用的16条忠告

    c.易于管理的js代码的5个特点

    d.javascript 函数式编程的讨论

 3.其他

    a. qooxdoo  一个纯js的新型框架  百科

    b.cash 一款用纯ES6写的UNIX跨平台shell

    c.如何把微软的ChakraCore(微软js引擎)引入linux及OSX

   

五、NODE相关

  1.FilterES.js   node 相关搜索引擎语法

  2.谈谈node如何制作桌面应用程序

  3.如何将npm作为构建工具使用

  4.顶层localstorage 插件

  5.node.js 建站/app 性能相关

  6.避免你的node app在heroku沉睡的6种方法

  7.一个开源的比特币平台

  8.知乎node 精华帖

  9.node js localstorage

  10.从nodejs中分裂出的iojs

  11.Nodejs端运行的Emberjs

  12.Guardian.js  一款基于node js 和OAuth 协议的 安全类js工具集

  13.NTVS 1.0 RC   nodejs tools for visual studio

  14.nodejs RC2 VS 插件

  15.理解nodejs的事件循环机制

  16.Elasticsearch 查询库

  17.modulus  用node建立APP的公共平台，目前免费

  18.如何用nodejs和 AWS SimpleDB构建REST api接口

六、 angularJs相关

  1.如何让angular 2.0 兼容 angular 1.3应用？

  2.基于angular js 的web应用如何分享公共模板

  3.使用angularjs配合谷歌分析追踪页面信息

  4.angularjs 在大型应用中的性能

  5.angularjs 基础教程

  6.关于angular 2.0 的文章

  7.angular websocket

  8.angular 1.3 的七篇博文

  9.angular 的一些问题

  10.angular组件化指令

  11.如何使用Karma 对angular 应用进行测试

  12.angularCss  在angular中灵活的书写样式

  13. Suave UI  基于angular js的UI库

  14. angularjs 内部构件

  15.用ES6写angular app

  16.关于angular2 change嗅探的解释

  17.如何使用电子表格增强angular app的图表

  18. angular-xeditable 可编辑元素创建及支持插件

  19. redux在typeScript和angular2环境下如何使用

  20. augular1.x升级为angular2的策略

 七、设计相关

  1. 材料设计扫盲文

 八、ECMAScript

  1. 解释ECMAScript 6 的代理作用

  2.讲解ES6 map sets

  3.IntelliJ支持 ES67语法插件

  4.Symbols类型 介绍

  5.ECMAS6面向对象初体验

  6.ES7 异步函数初级教程

  7.ES6 模板字符串

  8.ES6 Set方法的功能

  9.详细介绍ES6模板字符串

  10.ES6的怪异部分  ES6轻微怪异部分

  11.ES6 字符串操作

  12.ES6解构赋值操作及其他

  13.ECMAScript Version Detector 探查你的代码用了ECMAscript中的哪些内容

 九、React.js

  1.react js 基础教程

  2.使用react和jsx编程 入门

  3.用react.js创建多步验证的表单

  4.react-tagsinput  一个简单的react表单特效插件

  5.react-grid-layout  一款基于react的网格布局工具

  6.marty.js  react应用状态管理插件

  7.为react 专用的富文本编辑器 draft.js

  8.react深度调试

  9.create-react-app   react包，用来打包react而不需要config文件

 10.用高阶组件使得react更加整齐规范

 11.用monocle生成react的组件调用层级关系 树

 12.阐述Mixins在react中是有害的

 十、前端工程化

  1.yeoman前端脚手架教程

转载于:https://www.cnblogs.com/JhoneLee/p/4301159.html