Vue應(yīng)用框架整合與實(shí)戰(zhàn)--前端開發(fā)生態(tài)圈

Vue.js is an awesome JavaScript Framework for building Frontend Applications! VueJS mixes the Best of Angular + React!

向著陽(yáng)光,我們意念堅(jiān)定不移,相信未來屬于我們!

Javascript

Article Article
Javascript深淺拷貝 Javascript中的apply和call繼承
Javascript的jsonp原理 Javascript監(jiān)聽觸摸事件
Javascript中的var self = this Javascript面向?qū)ο缶幊?/a>
Javascript滑屏切換場(chǎng)景 Javascript獲取經(jīng)緯度,關(guān)于調(diào)用百度API的問題
妙用Javascript運(yùn)算符 深入理解Javascript函數(shù)編程
Javascript的setTimeout詳細(xì)用例 sessionstorage,localstorage和cookie
JS日期對(duì)比 JSONP參考文章
Javascript的createElement Javascript的createDocumentFragment
sessionStorage和localStorage 像素幀動(dòng)畫
Reference Reference
收集最全前端學(xué)習(xí)資料 最全前端教程-貓的回憶錄
JavaScript中的this陷阱的最全收集--沒有之一 JS函數(shù)式編程指南
JavaScript Promise迷你書(中文版) 阮一峰 Javascript
前端 TOP 100 小白的零基礎(chǔ)JavaScript全棧教程

UI

Reference Reference
WeUI Bootstrap
MUI-最接近原生APP體驗(yàn)的高性能前端框架 Amaze UI中國(guó)首個(gè)開源HTML5跨屏前端框架
Frozen UI Foundation
SUI ZUI
淘寶HTML5前端框架 KISSY - 阿里前端JavaScript庫(kù)
網(wǎng)易Nej - Nice Easy Javascript Kendo UI MVVM Demo
Smart UI 雅虎UI - CSS UI

CSS

Article Article
CSS Flex布局 移動(dòng)前端開發(fā)CSS3
響應(yīng)式布局 媒體查詢 CSS圖片響應(yīng)式布局
lessDemo的less文件
Reference Reference
CSS 語(yǔ)法參考 CSS3動(dòng)畫手冊(cè)
騰訊css3動(dòng)畫制作工具 animate.css
Animated Books with CSS 3D Transforms Browserhacks

HTML

Article Article
HTML5有哪些讓你驚艷的demo Wallpaperbetter

Angular

Article Angular文檔
Angular源碼解讀publishExternalAPI函數(shù) Angular源碼解讀setupModuleLoader函數(shù)
Angular的ng-style用法 Angular判斷在那個(gè)瀏覽器下打開的服務(wù)
Angular文字折疊展開組件的原理分析 Angular服務(wù)Request異步請(qǐng)求的詳細(xì)分析
Angular自定義service服務(wù)詳解 Angular自定義判斷上一頁(yè)是否存在的服務(wù)
Angular操作cookies方法 Angular打印錯(cuò)誤的minErr函數(shù)
Angular的fromJson與toJson方法 Angular用ng-repeat生成表單并綁定ng-click時(shí)的一個(gè)細(xì)節(jié)
Angular的run方法巧妙運(yùn)用 Angular處理Html轉(zhuǎn)義問題
ng-repeat綁定事件和嵌套 Angular的post請(qǐng)求后臺(tái)接受不了數(shù)據(jù)的解決方法
ionic總結(jié) ui-route和ng-route
ng-options&&ng-switch directive組件作用域
表單認(rèn)證 broadcast,emit and $on
自定義過濾器 自定義手勢(shì)指令ng-touch
ng-animate 單頁(yè)面應(yīng)用的技術(shù)點(diǎn)
Guess you like AppDemo
Angular商城Demo Angular的Cnode社區(qū)
AngularStovepipe Angular的新聞客戶端
Angular商城Demo Angular的Cnode社區(qū)
Angular內(nèi)聯(lián)編輯器 Angular即時(shí)搜索
Angular導(dǎo)航菜單 Angular訂單表單
Angular切換網(wǎng)格 Angular新聞+WEUI DEMO 源碼
Controller 控制器
Angular控制器demo
SPA DEMO 單頁(yè)面應(yīng)用
Angular+Weui單頁(yè)面應(yīng)用DEMO-每日笑話
Service 服務(wù)
Angular自定義服務(wù)的常用方法 Angular部分服務(wù)demo
Angular自定義Canvas畫圖服務(wù) Angular自定義http服務(wù) 面向?qū)ο蠓庋b
Directive 組件與指令
Angular自定義手勢(shì)指令 Angular自定義輪播圖組件
Angular自定義下拉刷新組件1 Angular自定義下拉刷新組件2
Router 路由
Angular路由嵌套 Angular路由單頁(yè)多個(gè)ui-view
Filter 過濾器
Angular自帶過濾器 Angular自定義關(guān)鍵詞檢索過濾器
Animate 動(dòng)畫
Angular ng-animate動(dòng)畫1 Angular ng-animate動(dòng)畫2
Other 其他
Angular中使用iframe Angular三級(jí)聯(lián)動(dòng)(1)
Angular中使用ng-switch 百度定位DEMO
Angular三級(jí)聯(lián)動(dòng)(2) Angular事件監(jiān)聽
jQuery模擬ng-repeat lessDemo
Angular自定義cookie服務(wù)和ngCookie的使用 圖靈機(jī)器人
Angular利用angular.module()實(shí)現(xiàn)模塊化 Angular的form表單驗(yàn)證
Angular的ng-repeat嵌套 Angular利用angular.module()實(shí)現(xiàn)模塊化2
PHP PHP
PHP CURL請(qǐng)求的小細(xì)節(jié)
Reference Reference
最流行的PHP 代碼規(guī)范 最流行的PHP 代碼規(guī)范
Angular.js的一些學(xué)習(xí)資源 Angularjs中文社區(qū)
一些擴(kuò)展Angular UI組件 Angular UI
AngularJS在線教程 Angular學(xué)習(xí)筆記

React

React Reference
React教程 菜鳥教程 React Router 使用教程
React開發(fā)中文手冊(cè)-極客學(xué)院 React教程-匯智網(wǎng)
React.js快速開始 Reactjs 2016最佳實(shí)踐
React 入門教程 匯智網(wǎng) React教程
輕松入門React和Webpack React中文索引
Redux 中文文檔 React Router官方文檔中文翻譯
React入門教程 React介紹及實(shí)踐教程
React.js 官方網(wǎng)址 React.js 官方文檔
React.js material UI React.js TouchstoneJS UI
React.js amazeui UI React 入門實(shí)例教程 - 阮一峰
React Native 中文版 Webpack 和 React 小書 - gitbook

Vue

Vue AppDemo Demo
NewsDemo vue計(jì)算屬性 vue生命周期
Article Vue文檔
Vue-cli腳手架 Vue組件 vue自定義指令
Vue過渡動(dòng)畫 Vue指令 Vue api文檔
Vue執(zhí)行ajax請(qǐng)求 vue實(shí)現(xiàn)類似angular服務(wù)的方法 Vue源碼參考文檔
Router 路由
路由demo 路由demo2
Directive 指令
指令demo 自定義指令demo 滑動(dòng)手勢(shì)demo
Filter 過濾器
過濾器demo 過濾器實(shí)現(xiàn)分頁(yè)demo 過濾器讀寫數(shù)據(jù)
Transition 過渡
過渡demo 過渡demo2
Form 表單
獲取表單值
Computed 計(jì)算
計(jì)算屬性
Component 組件
組件demo
Reference Reference Reference
Vue官網(wǎng) Vue論壇 Awesome-vue

Node

Node Article
node技巧 NodeJs靜態(tài)服務(wù)器
Reference Reference
Node.js 包教不包會(huì) 七天學(xué)會(huì)NodeJS
從零開始nodejs系列文章 Node入門
Node初學(xué)者入門,一本全面的NodeJS教程

Gulp

Gulp Article
Gulp Demo
Gulp Reference
Gulp官網(wǎng) Gulp中文網(wǎng)
Gulp資料收集 Gulp:任務(wù)自動(dòng)管理工具 - ruanyifeng
Gulp插件 Gulp不完全入門教程
Gulp 入門指南

其他

Other Article
關(guān)于Pornographic website的一些前端分析 微信公眾號(hào)開發(fā)
Atom技巧總結(jié) Mac小技巧
CSDN頁(yè)面內(nèi)JS跳轉(zhuǎn)腳本 CSDN博客隱藏配置
百度設(shè)置小度機(jī)器人出現(xiàn) 前端冷知識(shí),妙用瀏覽器地址欄
Vim筆記 Cordova配置&&Ionic配置(WebApp混合開發(fā)環(huán)境)
IE8及以下按鈕超鏈接無(wú)法跳轉(zhuǎn)的問題

分享功能

Share Reference
百度分享(PC) JiaThis(PC)
社會(huì)化分享組件(Mobile) ShareSDK輕松實(shí)現(xiàn)社會(huì)化功能(Mobile)
友盟分享(Mobile)

在線演示

Reference Reference
js 在線編輯 - runjs js 在線編輯 - jsbin
js 在線編輯 - codepen js 在線編輯 - jsfiddle
java 在線編輯 - runjs js 在線編輯 - hcharts
js 在線編輯 - jsdm sql 在線編輯 - sqlfiddle
mozilla 在線編輯器

富文本編輯器

Reference Reference
百度ueditor ckeditor
tinymce kindeditor
wysiwyg BachEditor
simditor summernote
Squire wangEditor

Chrome

Reference Reference
Chrome - 基礎(chǔ) Chrome - 進(jìn)階
Chrome - 性能 Chrome - 性能進(jìn)階
Chrome - 移動(dòng) Chrome - 使用技巧
Chrome - Console控制臺(tái)不完全指南 chrome開發(fā)工具快捷鍵
Chrome 開發(fā)工具 Workspace 使用 Chrome神器Vimium快捷鍵學(xué)習(xí)記錄
Sass調(diào)試-w3cplus 如何更專業(yè)的使用Chrome開發(fā)者工具-w3cplus
Chrome調(diào)試canvas 神器——Chrome開發(fā)者工具(一)
奇趣百科性能優(yōu)化(Chrome DevTools 中的 Timeline Profils 等工具使用介紹 Chrome 開發(fā)者工具的 15 個(gè)小技巧
Chrome開發(fā)者工具不完全指南 Chrome 開發(fā)者工具使用技巧

性能優(yōu)化

Reference Reference
Javascript高性能動(dòng)畫與頁(yè)面渲染 移動(dòng)H5前端性能優(yōu)化指南
給網(wǎng)頁(yè)設(shè)計(jì)師和前端開發(fā)者看的前端性能優(yōu)化 張?chǎng)涡瘛岸诵阅?/a>
web前端性能優(yōu)化進(jìn)階路 Hey——前端性能
YSLOW中文介紹 Yahoo!團(tuán)隊(duì)實(shí)踐分享:網(wǎng)站性能
加載,不只是少一點(diǎn)點(diǎn) 由12306談?wù)劸W(wǎng)站前端性能和后端性能優(yōu)化
【高性能前端1】高性能HTML 【高性能前端2】高性能CSS
前端工程與性能優(yōu)化(上):靜態(tài)資源版本更新與緩存 前端工程與性能優(yōu)化(下):靜態(tài)資源管理與模板框架
HTTPS連接的前幾毫秒發(fā)生了什么 Yslow
阿里無(wú)線前端性能優(yōu)化指南(Pt.1 加載期優(yōu)化) 毫秒必爭(zhēng),前端網(wǎng)頁(yè)性能最佳實(shí)踐

CDN

Reference Reference
Jquery&Bootstrap中文網(wǎng)開源項(xiàng)目免費(fèi) CDN 服務(wù) Bootstrap中文網(wǎng)開源項(xiàng)目免費(fèi) CDN 服務(wù)
新浪CDN 百度靜態(tài)資源公共庫(kù)
開放靜態(tài)文件 CDN - 七牛 CDN加速 - jq22
微軟CDN Angular CDN
360網(wǎng)站衛(wèi)士常用前端公共庫(kù)CDN服務(wù)

Git

Article Article
Git操作 Git CSDN Blog
Reference Reference
Git-scm Git-for-windows
廖雪峰-Git教程 Gogithub
Git常規(guī)命令練習(xí) Git的資料整理
我所記錄的git命令(非常實(shí)用) GitHub 漫游指南
GitHub秘籍 動(dòng)畫方式練習(xí)git

Sass&Less

Article Article
Less教程
Reference Reference
Sass Sass中文文檔
Less

Markdown

Reference Reference
Markdown 語(yǔ)法說明 (簡(jiǎn)體中文版) Markdown入門參考
Mdeditor(一款國(guó)內(nèi)的在線markdown編輯器) Stackedit(國(guó)外的在線markdown編輯器,功能強(qiáng)大,同步云盤)
Mditor一款輕量級(jí)的markdown編輯器 lepture-editor
Markdown-editor

前端文檔

Reference Reference
前端知識(shí)結(jié)構(gòu) Web前端開發(fā)大系概覽
免費(fèi)的編程中文書籍索 前端書籍
前端免費(fèi)書籍大全 重新介紹JavaScript(JS教程)
[Gitbook](https://www.gitbook.com 國(guó)外的在線markdown可編輯成書) Front-End-Develop-Guide 前端開發(fā)指南
前端開發(fā)筆記本 大前端工具集
前端開發(fā)者手冊(cè) 結(jié)合個(gè)人經(jīng)歷總結(jié)的前端入門方法
2016最新前端學(xué)習(xí)計(jì)劃

前端規(guī)范

Reference Reference
通過分析github代碼庫(kù)總結(jié)出來的工程師代碼書寫習(xí)慣 HTML&CSS編碼規(guī)范 by @mdo
前端編碼規(guī)范之js - by yuwenhui 前端編碼規(guī)范之js - by 李靖
Airbnb JavaScript 編碼規(guī)范(簡(jiǎn)體中文版) AMD與CMD規(guī)范的區(qū)別
AMD與CMD規(guī)范的區(qū)別 KISSY 源碼規(guī)范
前端代碼規(guī)范及最佳實(shí)踐 百度前端規(guī)范
JavaScript風(fēng)格指南/編碼規(guī)范(Airbnb公司版) 網(wǎng)易前端開發(fā)規(guī)范
前端規(guī)范資源列表 Web 前端開發(fā)規(guī)范文檔

前端面試

Reference Reference
2016校招內(nèi)推 -- 阿里巴巴前端 -- 四面面試經(jīng)歷 那幾個(gè)月在找工作(百度,網(wǎng)易游戲,華為)
前端開發(fā)面試題 Front-end-Interview-questions
5個(gè)經(jīng)典的前端面試問題 Front-end-Developer-Interview-Questions
BAT及各大互聯(lián)網(wǎng)公司2014前端筆試面試題:JavaScript篇 前端開發(fā)面試題大收集
收集的前端面試題和答案 前端開發(fā)面試題
前端面試大全 關(guān)于前端面試

前端網(wǎng)站

Reference Reference
掘金 百度FEX
阿里UED 菜鳥教程
QDFuns 幕課網(wǎng)
Codepen Sentsin
CTOLib CTOLib/Node

JS練習(xí)

Reference Reference
Codewars Javascript-puzzlers
Freecodecamp中文版 ES6katas
Now Coder??途W(wǎng) Leetcode
Nodeschool Hackerrank

算法

Reference Reference
數(shù)據(jù)結(jié)構(gòu)與算法 JavaScript 描述. 章節(jié)練習(xí) 常見排序算法(JS版)
經(jīng)典排序 常見排序算法-js版本

ES

Reference Reference
Exploring-ES6翻譯 阮一峰 ES6
ECMA-262,第 5 版 ES5
最后編輯于
?著作權(quán)歸作者所有,轉(zhuǎn)載或內(nèi)容合作請(qǐng)聯(lián)系作者
【社區(qū)內(nèi)容提示】社區(qū)部分內(nèi)容疑似由AI輔助生成,瀏覽時(shí)請(qǐng)結(jié)合常識(shí)與多方信息審慎甄別。
平臺(tái)聲明:文章內(nèi)容(如有圖片或視頻亦包括在內(nèi))由作者上傳并發(fā)布,文章內(nèi)容僅代表作者本人觀點(diǎn),簡(jiǎn)書系信息發(fā)布平臺(tái),僅提供信息存儲(chǔ)服務(wù)。

友情鏈接更多精彩內(nèi)容