最全前端資源彙集 (持續整理中)

来源:http://www.cnblogs.com/wzhiq896/archive/2016/10/06/5935209.html
-Advertisement-
Play Games

註意 轉載須保留原文鏈接（http://www.cnblogs.com/wzhiq896/p/5935209.html）作者：wangwen896 整理 綜合類 入門類 工具類 綜合效果搜索平臺 團隊Blog|周報類 開發中心 Nodejs 綜合API Ecmascript Js template ...


 註意 轉載須保留原文鏈接（http://www.cnblogs.com/wzhiq896/p/5935209.html）作者：wangwen896 整理

綜合類

綜合類地址
前端知識體系 http://www.cnblogs.com/sb19871023/p/3894452.html
前端知識結構 https://github.com/JacksonTian/fks
Web前端開發大系概覽 https://github.com/unruledboy/WebFrontEndStack
Web前端開發大系概覽-中文版 http://www.cnblogs.com/unruledboy/p/WebFrontEndStack.html
Web Front-end Stack v2.2 Web Front-end Stack v2.2
免費的編程中文書籍索引 https://github.com/justjavac/free-programming-books-zh_CN
前端書籍 https://github.com/dypsilon/frontend-dev-bookmarks
前端免費書籍大全 https://github.com/vhf/free-programming-books
前端知識體系 http://www.cnblogs.com/sb19871023/p/3894452.html
免費的編程中文書籍索引 https://github.com/justjavac/free-programming-books-zh_CN
智能社 - 精通JavaScript開發 http://study.163.com/course/introduction/224014.htm
重新介紹 JavaScript（JS 教程） https://developer.mozilla.org/zh-CN/docs/Web/JavaScript/A_re-introduction_to_JavaScript
麻省理工學院公開課：電腦科學及編程導論 http://v.163.com/special/opencourse/bianchengdaolun.html
JavaScript中的this陷阱的最全收集–沒有之一 http://segmentfault.com/a/1190000002640298
JS函數式編程指南 https://llh911001.gitbooks.io/mostly-adequate-guide-chinese/content/ch1.html
JavaScript Promise迷你書（中文版） http://liubin.github.io/promises-book
騰訊移動Web前端知識庫 https://github.com/AlloyTeam/Mars
Front-End-Develop-Guide 前端開髮指南 https://github.com/Front-End-Developers-Hunan/Front-End-Develop-Guide
前端開發筆記本 https://li-xinyang.gitbooks.io/frontend-notebook/content
大前端工具集 - 聶微東 https://github.com/nieweidong/fetool
前端開發者手冊 https://dwqs.gitbooks.io/frontenddevhandbook/content

入門類

入門類地址
前端入門教程 http://www.cnblogs.com/jikey/p/3613082.html
瘳雪峰的Javascript教程 http://www.liaoxuefeng.com/wiki/001434446689867b27157e896e74d51a89c25cc8b43bdb3000
前端工程師必備的PS技能——切圖篇 http://www.imooc.com/view/506
結合個人經歷總結的前端入門方法 https://github.com/qiu-deqing/FE-learning

工具類

工具類地址
前端人的俱樂部 http://f2er.club/ 真可以解放你的收藏夾
如何優雅地使用Sublime Text http://www.jeffjade.com/2015/12/15/2015-04-17-toss-sublime-text/#
新編碼神器Atom使用紀要 http://www.jeffjade.com/2016/03/03/2016-03-02-how-to-use-atom/
css sprite 雪碧圖製作 http://www.imooc.com/learn/93
版本控制入門 – 搬進 Github http://www.imooc.com/learn/390
Grunt-beginner前端自動化工具 http://www.imooc.com/learn/30
IntelliJ IDEA 簡體中文專題教程 https://github.com/judasn/IntelliJ-IDEA-Tutorial
SublimeText https://github.com/jikeytang/sublime-text
Atom https://atom.io
visual studio code https://code.visualstudio.com

綜合效果搜索平臺

綜合效果搜索平臺地址
JavaScript 資源大全中文版 https://github.com/jobbole/awesome-javascript-cn
100+ 超全的web開發工具和資源 https://xituqu.com/170.html
zoommyapp.com http://zoommyapp.com/ 高質量圖庫
unsplash.com https://unsplash.com/ 高質量圖庫
www.pinterest.com https://www.pinterest.com/ 圖庫
New Old Stock http://nos.twnsnd.co 復古風圖庫
效果網 http://www.jq22.com
花瓣網 http://huaban.com/
優美圖 http://www.topit.me/
codepen http://codepen.io/
攝圖網 http://699pic.com/
常用的JavaScript代碼片段 http://microjs.com

團隊Blog|周報類

周報類地址
奇舞周刊 http://old.75team.com/weekly/
淘寶前端團隊（FED） http://taobaofed.org
您的分享是我們最大的動力!

-Advertisement-
Play Games
更多相關文章
  • jquery操作select
    <select id="selector"></select> 1、設置value為pxx的項選中 $("#selector").val("xxx"); 2、設置text為pxx的項選中 $("#selector").find("option[text='xxx']").attr("selected ...
  • Json的語法及使用方法
    Json的語法及使用方法 Json（JavaScript Object Notation）對象表示標識，是一種輕量級的數據交換語言，比XML更容易解析，獨立於語言和平臺。 語法規則： 對象用{}保存 數據用鍵值對保存 數據間由逗號分隔 數組用[]保存 如下所示： {"id":1,"name":"jo ...
  • js中的text()，html() ，val()的區別
    js中的text()，html() ，val()的區別 text()，html() ，val()三個方法用於html元素的存值和取值，但是他們各有特點，text()用於html元素文本內容的存取，html()不但可以用於html元素文本內容的存取，還可以用於html內容的存取。val()用於inpu ...
  • js中的回調函數的理解和使用方法
    js中的回調函數的理解和使用方法 一. 回調函數的作用 js代碼會至上而下一條線執行下去，但是有時候我們需要等到一個操作結束之後再進行下一個操作，這時候就需要用到回調函數。 二. 回調函數的解釋 因為函數實際上是一種對象，它可以存儲在變數中，通過參數傳遞給另一個函數，在函數內部創建，從函數中返回結果 ...
  • js迴圈的總結
    js原生的迴圈有兩種，一般的for迴圈和for...in迴圈。還有一種常用jQuery.each()迴圈。 一. js原生迴圈 a. for迴圈，代碼如下： var myArray = [1,2,3];for (var i = 0; i < myArray.length; i++) { consol ...
  • 對於JS == 運算的一些理解
    聲明：本文是摘自一篇文章，放在這隻為做為一個筆記能更好學習。 大家知道，==是JavaScript中比較複雜的一個運算符。它的運算規則奇怪，容易讓人犯錯，從而成為JavaScript中“最糟糕的特性”之一。 在仔細閱讀了ECMAScript規範的基礎上，畫了一張圖，通過它你會徹底地搞清楚關於==的一 ...
  • HTML5移動開發環境介紹
    介紹 本人移動開發小白一名，最近有需求要開發一款移動app，要求跨平臺（Ios&Android）第一反應就是幾年前看到的HTML5移動開發技術。大半天的找尋之後，發現DCloud的前臺框架MUI，已經很好的彌補了html5相比原生開發中存在的卡頓、載入緩慢等問題，結合native.js後可以調用移動 ...
  • box-shadow探秘
    SHOW ME WHAT YOU WANT TO DO 優點，環環可以加特效，box-shadow的特點：1、盒子即使透明會有遮罩效果（於是通過偏移可以製作出月牙效果）2、第四個參數代表陰影的內縮和外放（通過它來控制月牙的粗細）3、其他的參數：偏移參數、模糊程度參數和顏色（模糊程度參數用以模仿陰影效 ...
一周排行
    -Advertisement-
    Play Games
  • WPF 已知問題 監聽 WMI 事件導致觸摸失效
    示例項目結構 在 Visual Studio 中創建一個 WinForms 應用程式後，項目結構如下所示： MyWinFormsApp/ │ ├───Properties/ │ └───Settings.settings │ ├───bin/ │ ├───Debug/ │ └───Release/ ...
  • [STAThread]特性
    [STAThread] 特性用於需要與 COM 組件交互的應用程式，尤其是依賴單線程模型（如 Windows Forms 應用程式）的組件。在 STA 模式下，線程擁有自己的消息迴圈，這對於處理用戶界面和某些 COM 組件是必要的。 [STAThread] static void Main(stri ...
  • UWP WinUI3 傳入 AddHandler 的 RoutedEventHandler 類型與事件所需不匹配將拋出參數異常
    在WinForm中使用全局異常捕獲處理 在WinForm應用程式中，全局異常捕獲是確保程式穩定性的關鍵。通過在Program類的Main方法中設置全局異常處理，可以有效地捕獲並處理未預見的異常，從而避免程式崩潰。 註冊全局異常事件 [STAThread] static void Main() { / ...
  • .NET 多版本 WinForm 開源控制項庫 SunnyUI
    前言 給大家推薦一款開源的 Winform 控制項庫，可以幫助我們開發更加美觀、漂亮的 WinForm 界面。 項目介紹 SunnyUI.NET 是一個基於 .NET Framework 4.0+、.NET 6、.NET 7 和 .NET 8 的 WinForm 開源控制項庫，同時也提供了工具類庫、擴展 ...
  • .net core8 使用Swagger（附當前源碼）
    說明 該文章是屬於OverallAuth2.0系列文章，每周更新一篇該系列文章（從0到1完成系統開發）。 該系統文章，我會儘量說的非常詳細，做到不管新手、老手都能看懂。 說明：OverallAuth2.0 是一個簡單、易懂、功能強大的許可權+可視化流程管理系統。 有興趣的朋友，請關註我吧(*^▽^*) ...
  • WPF 什麼時候 VisualTreeHelper.GetDescendantBounds 將返回無窮大
    一、下載安裝 1.下載git 必須先下載並安裝git，再TortoiseGit下載安裝 git安裝參考教程：https://blog.csdn.net/mukes/article/details/115693833 2.TortoiseGit下載與安裝 TortoiseGit，Git客戶端，32/6 ...
  • C# 開源教程帶你輕鬆掌握數據結構與演算法
    前言 在項目開發過程中，理解數據結構和演算法如同掌握蓋房子的秘訣。演算法不僅能幫助我們編寫高效、優質的代碼，還能解決項目中遇到的各種難題。 給大家推薦一個支持C#的開源免費、新手友好的數據結構與演算法入門教程：Hello演算法。 項目介紹 《Hello Algo》是一本開源免費、新手友好的數據結構與演算法入門 ...
  • 第22篇 生成proto文件bat腳本
    1.生成單個Proto.bat內容 @rem Copyright 2016, Google Inc. @rem All rights reserved. @rem @rem Redistribution and use in source and binary forms, with or with ...
  • 記一次 .NET某上位機視覺程式 卡死分析
    一：背景 1. 講故事 前段時間有位朋友找到我，說他的窗體程式在客戶這邊出現了卡死，讓我幫忙看下怎麼回事？dump也生成了，既然有dump了那就上 windbg 分析吧。 二：WinDbg 分析 1. 為什麼會卡死 窗體程式的卡死，入口門檻很低，後續往下分析就不一定了，不管怎麼說先用 !clrsta ...
  • 醫學DICOM文件與PACS系統進行數據傳輸
    前言 人工智慧時代，人臉識別技術已成為安全驗證、身份識別和用戶交互的關鍵工具。 給大家推薦一款.NET 開源提供了強大的人臉識別 API，工具不僅易於集成，還具備高效處理能力。 本文將介紹一款如何利用這些API，為我們的項目添加智能識別的亮點。 項目介紹 GitHub 上擁有 1.2k 星標的 C# ...
所有分類