前端学习网站汇总

一、前端学习类

掘金 https://juejin.cn/

MDN中文站 https://developer.mozilla.org/zh-CN/

阮一峰的个人网站  https://www.ruanyifeng.com/

张鑫旭的个人博客 https://www.zhangxinxu.com/wordpress/

ES6入门教程  https://es6.ruanyifeng.com/#README

前端周刊  https://github.com/ascoders/weekly  前端技术好文章总结

深入理解JavaScript系列  https://www.cnblogs.com/TomXu/archive/2011/12/15/2288411.html

解读Vue3源码 https://www.bilibili.com/video/BV1rC4y187Vw/?vd_source=5663592f13767a4463b5fa91fe507580

JavaScript 开发者应懂的33个概念 https://github.com/stephentian/33-js-concepts

廖雪峰的官方网站  https://www.liaoxuefeng.com/

Leetcode  https://leetcode.cn/problemset/all/    刷算法题

springleo's blog   https://lq782655835.github.io/blogs/team-standard/0.standard-ai-summary.html  前端个人网站

手册网  https://www.shouce.ren/

jstips   https://www.jstips.co/zh_CN/javascript/   每天推出一个JS技巧

前端早报   https://wubaiqing.github.io/zaobao/

ppchart  http://ppchart.com/#/   echarts图表示例

awesome-coding-js    https://www.conardli.top/  用 Javascript 实现的算法和数据结构

腾讯新闻前端团队  https://github.com/tnfe/TNT-Weekly

百度前端技术学园    https://ife.baidu.com/

微前端的那些事儿     https://microfrontends.cn/

语雀  https://www.yuque.com/

极客时间  https://time.geekbang.org/

CSS 相关：

chokcoco博客   https://github.com/chokcoco/iCSS   CSS奇技淫巧

css-tricks   https://css-tricks.com/    CSS 新特性 CSS 发展

animista   https://animista.net/  CSS 动画

iconfont  https://www.iconfont.cn/   阿里矢量图标库

 

 

二、前端技术栈

Vue3  https://cn.vuejs.org/

Vue2  https://v2.cn.vuejs.org/

TypeScript 中文手册  https://typescript.bootcss.com/

上帝视角看 TypeScript  https://lucifer.ren/blog/2020/08/04/ts-internal/

Webpack  https://www.webpackjs.com/

Node.js  http://nodejs.cn/

React   https://react.docschina.org/

Sass  https://www.sass.hk/

Less  https://www.runoob.com/manual/lessguide/

ThreeJS  https://threejs.org/

Shaders片段着色器入门指南    https://thebookofshaders.com/?lan=ch

微信小程序开发  https://developers.weixin.qq.com/miniprogram/dev/framework/

Mock   http://mockjs.com/

Babel  https://www.babeljs.cn/

AntDesign  https://ant.design/docs/spec/introduce-cn/

ElementUI  https://element.eleme.cn/#/zh-CN

Vant  https://youzan.github.io/vant-weapp/#/home

mint-ui   https://mint-ui.github.io/#!/zh-cn   适合移动端

 

 

三、插件类

Day.js  https://dayjs.fenxianglu.cn/   时间处理插件

moment  http://momentjs.cn/   时间处理插件

lodash  https://www.lodashjs.com/  JS 实用工具库

 

 

四、工具类

正则表达式  https://app.yinxiang.com/fx/66595ae0-50cf-4d67-aab0-42c1f2a74300

codepen  https://codepen.io/trending

caniuse  https://caniuse.com/   CSS兼容性查询

Slidev  https://cn.sli.dev/guide/   使用 Markdown 、Vue3 写PPT

在线PS  https://ps.gaoding.com/#/

tinypng  https://tinypng.com/  在线png图片压缩

图片压缩  https://ezgif.com/optimize

freepik   https://www.freepik.com/  PS素材

clip-path maker   https://bennettfeely.com/clippy/

whistle  http://wproxy.org/whistle/  跨端调试工具

在线工具库  https://123.w3cschool.cn/webtools

Hello History AI  https://www.hellohistory.ai/   聊天AI，里面有很多历史角色，如孔子、爱因斯坦、梵高等

 三顿导航  http://sandunppt.com/   PPT导航网站

 书栈网   https://www.bookstack.cn/explore?tab=popular&cid=1  前端书籍

 流程图   https://bpmn.io/toolkit/bpmn-js/

 

五、前端面试类

若川的博客  https://lxchuan12.gitee.io/dotenv/

木易杨前端进阶  https://muyiy.cn/

 js剑指offer  https://github.com/213de513/offer-js