分享些自己收藏的书签，基础占多，大牛勿入

曾经终败给现在 2023-07-12 11:51 18阅读 0赞

入坑前端3年，收藏了一些用得到或者可能会用到的书签

**目录**

基础知识类

视频教学类

框架文档类

UI组件类

求职面试类

案例实践类

博客文章类

工具插件类

--------------------

### 基础知识类 ###

[菜鸟教程 - 学的不仅是技术，更是梦想！][-]（教学齐全，陪伴三年之余，几乎啥都有）  
http://www.runoob.com/

[w3school 在线教程][w3school]（前端官方文档，不解释）  
http://www.w3school.com.cn/index.html

[书栈网 · BookStack\_程序员IT互联网开源编程书籍免费阅读与下载，取之于猿用之于猿！][_ BookStack_IT]（非常不错的书籍分享网站，集结了很多编程必备书籍）  
https://www.bookstack.cn/

[w3cschool - 学编程，从w3cschool开始][w3cschool - _w3cschool]（w3c官方推荐的教学网站）  
https://www.w3cschool.cn/

### 视频教学类 ###

[Fenby | 专业面向初学者的在线互动编程学习的平台][Fenby _]（用过几次，也是网上在线书籍观看）

http://www.fenby.com/

[实验楼 - 在线做实验，高效学编程][- 1]（推荐！！可以在页面上写代码，运行）  
https://www.shiyanlou.com/

[MOOC学院（慕课）| 发现全球在线好课][MOOC_]（在线视频教学）  
https://mooc.guokr.com/

[网易云课堂 - 我的职业课堂][- 2]（同上）  
https://study.163.com/

[DevOpen.Club | 高质量的软件开发视频教程][DevOpen.Club _]（听同事说挺好用的，也是在线教学）  
https://devopen.club/

[极客学院IT在线教育平台-中国专业的IT职业在线教育平台][IT_-_IT]  
https://www.jikexueyuan.com/

### 框架文档类 ###

[前端文档工具收藏夹 - 前端开发资源导航，前端工程师专用的导航站][- 3]（几乎涵盖了下面大部分文档）  
https://www.html.cn/nav/

[React.js 小书][React.js]（react进阶教程）

http://huziketang.mangojuice.top/books/react/

[API — Vue.js][API _ Vue.js]（vue官方文档）  
https://cn.vuejs.org/v2/api/\#optionMergeStrategies

[jQuery API 中文文档 | jQuery API 中文在线手册 | jquery api 下载 | jquery api chm][jQuery API _ _ jQuery API _ _ jquery api _ _ jquery api chm]（Jq官方文档）  
http://jquery.cuishifeng.cn/index.html

[API 文档 | Node.js 中文网][API _ _ Node.js]（nodejs官方）  
http://nodejs.cn/api/

[自述 · Redux][_ Redux]（react脚手架，搭建react项目）  
https://www.redux.org.cn/

[开始 | Vuex][_ Vuex]（vue脚手架）  
https://vuex.vuejs.org/zh/guide/

[介绍 | Vue Router][_ Vue Router]（vue路由文档）  
https://router.vuejs.org/zh/

[Bootstrap中文网][Bootstrap]（官方文档）  
http://www.bootcss.com/

[Class Index  |  Android 开发者  |  Android Developers][Class Index _ Android _ _ Android Developers]（安卓原生文档）  
https://developer.android.com/reference/classes

[egg - Born to build better enterprise frameworks and apps][]（基于nodejs的一个框架）  
https://eggjs.org/

[Koa (koajs) -- 基于 Node.js 平台的下一代 web 开发框架 | Koajs 中文文档][Koa _koajs_ -- _ Node.js _ web _ _ Koajs]（如标题）  
https://koa.bootcss.com/\#

[NestJS - A progressive Node.js framework][]（nodejs框架，有时候会有点卡）  
https://nestjs.com/

[Electron | 使用 JavaScript, HTML 和 CSS 构建跨平台的桌面应用。][Electron _ _ JavaScript_ HTML _ CSS]（这个挺有意思的，用前端编写桌面级应用，国内可能会访问不了）  
https://electronjs.org/

[文档 - DCloud问答][- DCloud]（dcloud官方文档，h5+，uni-app等等）  
http://ask.dcloud.net.cn/docs/

[极光推送 - JPush 产品简介 - 极光文档][- JPush _ -]（使用此产品搭建内网穿透，外部访问本地服务器）  
http://docs.jiguang.cn/jpush/guideline/intro/

[简易教程 · 小程序][Link 1]（小程序官方文档）  
https://developers.weixin.qq.com/miniprogram/dev/index.html?t=19010816

[https://react-bootstrap.github.io][https_react-bootstrap.github.io]（一个基于react和bootstrap的插件，国内访问不了）  
https://react-bootstrap.github.io/

[Express - 基于 Node.js 平台的 web 应用开发框架 | Express 中文文档][Express - _ Node.js _ web _ _ Express]（nodejs框架）  
http://www.expressjs.com.cn/

[MongoDB下载中心| MongoDB][MongoDB_ MongoDB]（MongoDB数据库官方文档）  
https://www.mongodb.com/download-center/community

[Mongoose ODM v5.3.14][]（mongoDB框架官方文档）  
https://mongoosejs.com/

[Sass基础教程 Sass快速入门 Sass中文手册 | Sass中文网][Sass_ Sass_ Sass_ _ Sass]（预处理语言）  
https://www.sass.hk/guide/

[AngularJS — Superheroic JavaScript MVW Framework][AngularJS _ Superheroic JavaScript MVW Framework]（AngluarJS官网文档）  
https://angularjs.org/

[知识点补漏 · 草根学Python][_ _Python]（Python）  
https://www.readwithu.com/

[LESS « 一种动态样式语言][LESS _]（预处理语言less）

### UI组件类 ###

[指南 | Element][_ Element]

http://element-cn.eleme.io/\#/zh-CN/guide/design

[Mint UI][]（国内可能会慢）  
http://mint-ui.github.io/\#!/zh-cn

[layui - 经典模块化前端UI框架][layui - _UI]  
https://www.layui.com/

[layui 第三方组件平台][layui]  
https://fly.layui.com/extend/

[H-ui前端框架官方网站 - 专注前端解决方案][H-ui_ -]  
http://www.h-ui.net/index.shtml

[Vant Weapp - 轻量、可靠的小程序 UI 组件库][Vant Weapp - _ UI]（小程序和vue效果不错）  
https://youzan.github.io/vant-weapp/\#/icon

[MUI-最接近原生APP体验的高性能前端框架][MUI-_APP]（h5+打包app，或混合开发）  
http://dev.dcloud.net.cn/mui/

[Ant Design - 一个 UI 设计语言][Ant Design - _ UI]（蚂蚁金服的UI，适合react）  
https://ant.design/index-cn

[Amaze UI React - Amaze UI components build with React][]（妹子UI，官网好像进不去了）  
http://amazeui.org/react/

[概览 - iView][- iView]  
https://www.iviewui.com/overview/

[VUX - Vue 移动端 UI 组件库][VUX - Vue _ UI]  
https://vux.li/

[Vue.js Material Component Framework — Vuetify.js][Vue.js Material Component Framework _ Vuetify.js]  
https://vuetifyjs.com/zh-Hans/

[bootstrap后端模板\_bootstrap模板 inspinia中文 | 主页| inspinia admin中文\_inspinia admin 下载\_inspinia admin\_inspinia admin 最新版\_inspinia admin v2.7\_inspinia admin 2.8\_inspinia admin theme\_inspinia bootstrap][bootstrap_bootstrap_ inspinia_ _ _ inspinia admin_inspinia admin _inspinia admin_inspinia admin _inspinia admin v2.7_inspinia admin 2.8_inspinia admin theme_inspinia bootstrap]（适合做管理界面）  
http://cn.inspinia.cn/

[ZanUI 小程序][ZanUI]  
https://youzan.github.io/zanui-weapp/\#/zanui/base/icon

[Flutter中文网][Flutter]  
https://flutterchina.club/

### 求职面试类 ###

[牛客网- 互联网求职神器和备考学习平台][- 4]（刷题必备）

https://leetcode-cn.com/

[力扣 (LeetCode) - 极客挚爱的在线技术平台][_LeetCode_ -]（刷题必备）  
https://www.nowcoder.com/

### 案例实践类 ###

[Bootstrap 优站精选][Bootstrap 1]

http://www.youzhan.org/

[实例索引][Link 2]  
http://www.fgm.cc/learn/

[HTML5资源教程 | 分享HTML5开发资源和开发教程][HTML5_ _ _HTML5]  
https://www.html5tricks.com/

[案例][Link 3]（h5app案例）  
http://www.dcloud.io/case/\#group-1

[UI中国用户体验设计平台][UI]（各种UI效果）  
https://www.ui.cn/

[canvas特效代码\_canvas效果代码\_canvas网页代码][canvas_canvas_canvas]（用过一次，有些要积分）  
http://www.17sucai.com/pins/tag/3886.html

### 博客文章类 ###

[V2EX][]（不错的论坛）

https://www.v2ex.com/

[CSDN-专业IT技术社区][CSDN-_IT]（最好的论坛（狗头保命））  
https://www.csdn.net/

[前端 - SegmentFault 思否][- SegmentFault]  
https://segmentfault.com/channel/frontend

[GitHub - 开源中国社区][GitHub -]  
https://www.oschina.net/question/tag/github

[首页 - 知乎][- 5]  
https://www.zhihu.com/

[掘金][Link 4]  
https://juejin.im/timeline

[博客园 - 代码改变世界][- 6]  
https://www.cnblogs.com/

[简书 - 创作你的创作][- 7]  
https://www.jianshu.com/

[码云 Gitee — 开源中国 Git 代码托管平台][Gitee _ _ Git]（项目开源必备，中国的GitHub）  
https://gitee.com/

[GitHub][]  
https://github.com/

[看源社区 - 移动开发社区][- 8]  
http://www.see-source.com/

[React 中文][React]  
http://react-china.org/

### 工具插件类 ###

[Apache ECharts (incubating)][Apache ECharts _incubating]（制作图表，效果图利器）

https://www.echartsjs.com/zh/index.html

[兼容 IE6+、完美支持移动端、图表类型丰富的 HTML5 交互图表 | Highcharts][IE6_ HTML5 _ _ Highcharts]（同上）  
https://www.highcharts.com.cn/

[Chart.js | 开源的 HTML5 图表工具][Chart.js _ _ HTML5]  
https://chartjs.bootcss.com/

[AntV · 语雀][AntV _]（Antv官方论坛）

https://www.yuque.com/antv

[蚂蚁数据可视化 | F2][_ F2]（挺好用的，画面相对前几者更简约）  
https://antv-f2.gitee.io/zh

[Animate中文网 – Animate安装、Animate使用、Animate下载][Animate_ _ Animate_Animate_Animate]（css动画插件）  
http://www.animate.net.cn/

[Iconfont-阿里巴巴矢量图标库][Iconfont-]  
http://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.4&type=1

[Koala - LESS/Sass/Compass/CoffeeScript编译工具][Koala - LESS_Sass_Compass_CoffeeScript]  
http://koala-app.com/index-zh.html

[Swiper中文网][Swiper]（轮播图）  
https://www.swiper.com.cn/

[jQuery插件库-收集最全最新最好的jQuery插件][jQuery_-_jQuery]（强列推荐）  
http://www.jq22.com/

[GIF5官网-gif在线制作\_gif制作软件\_搞笑gif动态图片制作][GIF5_-gif_gif_gif]（将录屏转换为gif）  
http://www.gif5.net/

[git-for-windows Mirror][]（国内版git下载，官网太慢了）  
https://npm.taobao.org/mirrors/git-for-windows/

[easy-window: HTML5桌面应用程序开发通用工具][easy-window_ HTML5]  
https://gitee.com/zha2/easy-window

[Easyui Window 窗口\_EasyUI 插件][Easyui Window _EasyUI]（据说还不错）  
http://www.jeasyui.net/plugins/180.html

[Jalendar2 - jQuery日历日期插件包][Jalendar2 - jQuery]（项目需要，所以收藏了）  
http://www.jqueryfuns.com/resource/1749

[js日历\_jQuery日历插件][js_jQuery]（同上）  
http://www.bootstrapmb.com/tag/rili

[weapp.socket.io][]（微信小程序sock插件，不是官方的websocket）  
http://weappsocket.matong.io/

[前端人脸识别框架Tracking.js][Tracking.js]（项目需要，所以收藏了）  
http://www.jq22.com/jquery-info16236

[Xposed框架中文站 - 超多Xposed框架模块介绍与下载][Xposed_ - _Xposed]（玩xp的应该知道）  
https://xposed.appkg.com/

[jquery人脸识别插件jquery.facedetection][jquery_jquery.facedetection]  
http://www.jq22.com/jquery-info7503

[图标库 – Font Awesome 中文网][_ Font Awesome]（类似于阿里矢量图）  
http://www.fontawesome.com.cn/faicons/

[Gradient Colors Collection Palette - CoolHue 2.0][]（生成好看的渐变色，国内可能打不开）  
https://webkul.github.io/coolhue/

[JSON在线解析及格式化验证 - JSON.cn][JSON_ - JSON.cn]  
https://www.json.cn/

[墨刀 - 强大易用的原型设计与协同工具][- 9]（如题，确实强大帮助传统设计师省了很多事）  
https://free.modao.cc/

[草料二维码生成器][Link 5]  
https://cli.im/

[APICloud 手机APP开发、APP制作技术专家 - 中国领先移动云服务平台][APICloud _APP_APP_ -]  
https://www.apicloud.com/

[NATAPP基于ngrok的国内高速内网穿透服务][NATAPP_ngrok]  
https://natapp.cn/

[简单的模拟][Link 6]（挺好用的，以前经常用，可惜现在好像停了）  
https://www.easy-mock.com/login

[在线正则表达式测试][Link 7]  
http://tool.oschina.net/regex/

[正则表达式代码生成工具-BeJSON.com][-BeJSON.com]  
http://www.bejson.com/othertools/regex\_create/

[淘宝 NPM 镜像][NPM]（快速的npm）  
http://npm.taobao.org/

[TinyPNG – Compress PNG images while preserving transparency][TinyPNG _ Compress PNG images while preserving transparency]（强烈推荐，图片压缩工具，节省资源，优化性能）  
https://tinypng.com/

[Awesomes-Web前端开发资源库][Awesomes-Web]（很多插件案例）  
https://www.awesomes.cn/

[TweenMax中文网][TweenMax]（元素运动框架/插件）  
https://www.tweenmax.com.cn/

[Grunt: JavaScript 世界的构建工具 | Grunt 中文网][Grunt_ JavaScript _ _ Grunt]（构建前端项目）  
https://www.gruntjs.net/

[gulp.js - 基于流(stream)的自动化构建工具 | gulp.js 中文网][gulp.js - _stream_ _ gulp.js]（如题）  
https://www.gulpjs.com.cn/

[Babel 中文网 · Babel - 下一代 JavaScript 语法的编译器][Babel _ _ Babel - _ JavaScript]（es6转es5）  
https://www.babeljs.cn/

[Home | Yarn - Package Manager][Home _ Yarn - Package Manager]（类似npm，下载工具）  
https://yarnpkg.com/

[Mock.js][]（模拟服务端数据）  
http://mockjs.com/

[Lodash][]（提供模块化，性能和附加功能）  
https://lodash.com/

[BootCDN - Bootstrap 中文网开源项目免费 CDN 加速服务][BootCDN - Bootstrap _ CDN]（cdn托管，远程组件，库集群）  
https://www.bootcdn.cn/

[登录 - Tower][- Tower]（开发协作工具）  
https://tower.im/users/sign\_in

[Postman | The Collaboration Platform for API Development][Postman _ The Collaboration Platform for API Development]（模拟请求数据，获取请求结果）  
https://www.postman.com/

[Animate.css][]（css动画插件）  
https://daneden.github.io/animate.css/

[uiGradients - Beautiful colored gradients][]（好看的渐变色下载）  
https://uigradients.com/\#Cherryblossoms

[-]: http://www.runoob.com/
[w3school]: http://www.w3school.com.cn/index.html
[_ BookStack_IT]: https://www.bookstack.cn/
[w3cschool - _w3cschool]: https://www.w3cschool.cn/
[Fenby _]: http://www.fenby.com/
[- 1]: https://www.shiyanlou.com/
[MOOC_]: https://mooc.guokr.com/
[- 2]: https://study.163.com/
[DevOpen.Club _]: https://devopen.club/
[IT_-_IT]: https://www.jikexueyuan.com/
[- 3]: https://www.html.cn/nav/
[React.js]: http://huziketang.mangojuice.top/books/react/
[API _ Vue.js]: https://cn.vuejs.org/v2/api/#optionMergeStrategies
[jQuery API _ _ jQuery API _ _ jquery api _ _ jquery api chm]: http://jquery.cuishifeng.cn/index.html
[API _ _ Node.js]: http://nodejs.cn/api/
[_ Redux]: https://www.redux.org.cn/
[_ Vuex]: https://vuex.vuejs.org/zh/guide/
[_ Vue Router]: https://router.vuejs.org/zh/
[Bootstrap]: http://www.bootcss.com/
[Class Index _ Android _ _ Android Developers]: https://developer.android.com/reference/classes
[egg - Born to build better enterprise frameworks and apps]: https://eggjs.org/
[Koa _koajs_ -- _ Node.js _ web _ _ Koajs]: https://koa.bootcss.com/#
[NestJS - A progressive Node.js framework]: https://nestjs.com/
[Electron _ _ JavaScript_ HTML _ CSS]: https://electronjs.org/
[- DCloud]: http://ask.dcloud.net.cn/docs/
[- JPush _ -]: http://docs.jiguang.cn/jpush/guideline/intro/
[Link 1]: https://developers.weixin.qq.com/miniprogram/dev/index.html?t=19010816
[https_react-bootstrap.github.io]: https://react-bootstrap.github.io/
[Express - _ Node.js _ web _ _ Express]: http://www.expressjs.com.cn/
[MongoDB_ MongoDB]: https://www.mongodb.com/download-center/community
[Mongoose ODM v5.3.14]: https://mongoosejs.com/
[Sass_ Sass_ Sass_ _ Sass]: https://www.sass.hk/guide/
[AngularJS _ Superheroic JavaScript MVW Framework]: https://angularjs.org/
[_ _Python]: https://www.readwithu.com/
[LESS _]: https://www.bootcss.com/p/lesscss/
[_ Element]: http://element-cn.eleme.io/#/zh-CN/guide/design
[Mint UI]: http://mint-ui.github.io/#!/zh-cn
[layui - _UI]: https://www.layui.com/
[layui]: https://fly.layui.com/extend/
[H-ui_ -]: http://www.h-ui.net/index.shtml
[Vant Weapp - _ UI]: https://youzan.github.io/vant-weapp/#/icon
[MUI-_APP]: http://dev.dcloud.net.cn/mui/
[Ant Design - _ UI]: https://ant.design/index-cn
[Amaze UI React - Amaze UI components build with React]: http://amazeui.org/react/
[- iView]: https://www.iviewui.com/overview/
[VUX - Vue _ UI]: https://vux.li/
[Vue.js Material Component Framework _ Vuetify.js]: https://vuetifyjs.com/zh-Hans/
[bootstrap_bootstrap_ inspinia_ _ _ inspinia admin_inspinia admin _inspinia admin_inspinia admin _inspinia admin v2.7_inspinia admin 2.8_inspinia admin theme_inspinia bootstrap]: http://cn.inspinia.cn/
[ZanUI]: https://youzan.github.io/zanui-weapp/#/zanui/base/icon
[Flutter]: https://flutterchina.club/
[- 4]: https://www.nowcoder.com/
[_LeetCode_ -]: https://leetcode-cn.com/
[Bootstrap 1]: http://www.youzhan.org/
[Link 2]: http://www.fgm.cc/learn/
[HTML5_ _ _HTML5]: https://www.html5tricks.com/
[Link 3]: http://www.dcloud.io/case/#group-1
[UI]: https://www.ui.cn/
[canvas_canvas_canvas]: http://www.17sucai.com/pins/tag/3886.html
[V2EX]: https://www.v2ex.com/
[CSDN-_IT]: https://www.csdn.net/
[- SegmentFault]: https://segmentfault.com/channel/frontend
[GitHub -]: https://www.oschina.net/question/tag/github
[- 5]: https://www.zhihu.com/
[Link 4]: https://juejin.im/timeline
[- 6]: https://www.cnblogs.com/
[- 7]: https://www.jianshu.com/
[Gitee _ _ Git]: https://gitee.com/
[GitHub]: https://github.com/
[- 8]: http://www.see-source.com/
[React]: http://react-china.org/
[Apache ECharts _incubating]: https://www.echartsjs.com/zh/index.html
[IE6_ HTML5 _ _ Highcharts]: https://www.highcharts.com.cn/
[Chart.js _ _ HTML5]: https://chartjs.bootcss.com/
[AntV _]: https://www.yuque.com/antv
[_ F2]: https://antv-f2.gitee.io/zh
[Animate_ _ Animate_Animate_Animate]: http://www.animate.net.cn/
[Iconfont-]: http://www.iconfont.cn/collections/index?spm=a313x.7781069.1998910419.4&type=1
[Koala - LESS_Sass_Compass_CoffeeScript]: http://koala-app.com/index-zh.html
[Swiper]: https://www.swiper.com.cn/
[jQuery_-_jQuery]: http://www.jq22.com/
[GIF5_-gif_gif_gif]: http://www.gif5.net/
[git-for-windows Mirror]: https://npm.taobao.org/mirrors/git-for-windows/
[easy-window_ HTML5]: https://gitee.com/zha2/easy-window
[Easyui Window _EasyUI]: http://www.jeasyui.net/plugins/180.html
[Jalendar2 - jQuery]: http://www.jqueryfuns.com/resource/1749
[js_jQuery]: http://www.bootstrapmb.com/tag/rili
[weapp.socket.io]: http://weappsocket.matong.io/
[Tracking.js]: http://www.jq22.com/jquery-info16236
[Xposed_ - _Xposed]: https://xposed.appkg.com/
[jquery_jquery.facedetection]: http://www.jq22.com/jquery-info7503
[_ Font Awesome]: http://www.fontawesome.com.cn/faicons/
[Gradient Colors Collection Palette - CoolHue 2.0]: https://webkul.github.io/coolhue/
[JSON_ - JSON.cn]: https://www.json.cn/
[- 9]: https://free.modao.cc/
[Link 5]: https://cli.im/
[APICloud _APP_APP_ -]: https://www.apicloud.com/
[NATAPP_ngrok]: https://natapp.cn/
[Link 6]: https://www.easy-mock.com/login
[Link 7]: http://tool.oschina.net/regex/
[-BeJSON.com]: http://www.bejson.com/othertools/regex_create/
[NPM]: http://npm.taobao.org/
[TinyPNG _ Compress PNG images while preserving transparency]: https://tinypng.com/
[Awesomes-Web]: https://www.awesomes.cn/
[TweenMax]: https://www.tweenmax.com.cn/
[Grunt_ JavaScript _ _ Grunt]: https://www.gruntjs.net/
[gulp.js - _stream_ _ gulp.js]: https://www.gulpjs.com.cn/
[Babel _ _ Babel - _ JavaScript]: https://www.babeljs.cn/
[Home _ Yarn - Package Manager]: https://yarnpkg.com/
[Mock.js]: http://mockjs.com/
[Lodash]: https://lodash.com/
[BootCDN - Bootstrap _ CDN]: https://www.bootcdn.cn/
[- Tower]: https://tower.im/users/sign_in
[Postman _ The Collaboration Platform for API Development]: https://www.postman.com/
[Animate.css]: https://daneden.github.io/animate.css/
[uiGradients - Beautiful colored gradients]: https://uigradients.com/#Cherryblossoms