剪報

1、資源類

     1.免費英文版 SQL Server Source Control Basics    傳送門

     2.在線電子書 Understanding ECMAScript6 傳送門

     3.在線電子書 Programming javascript application

     4.在線電子書 若是海明威寫js

     5. ES6 和ES 5裝換

　  6. angular2 訓練書  

2、前端資源

     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實現

3、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

4、前端相關

  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

   

5、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接口

6、 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的策略

 7、設計相關

  1. 材料設計掃盲文

 8、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中的哪些內容

 9、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中是有害的

 10、前端工程化

  1.yeoman前端腳手架教程