一些关于【前端】学习资源（网站、视频、文章）收藏的网址

技术栈

• Github：https://github.com/join/plan
• B站：https://www.bilibili.com/
• w3school： https://www.w3school.com.cn/
• 极客教程： https://www.w3cschool.cn/tutorial
• 菜鸟教程： https://www.runoob.com/
• bootstrap中文网 https://www.bootcss.com/
• echarts：https://echarts.apache.org/zh/index.html
• fileinput：http://www.bootstrap-fileinput.com/
• ztree：http://www.treejs.cn/v3/main.php#_zTreeInfo
• switch：https://www.oschina.net/p/bootstrap-switch
• toastr：https://www.jq22.com/yanshi476
• Vue： https://cn.vuejs.org/v2/guide/
• uni-app： https://uniapp.dcloud.io/
• uView： http://uviewui.com/
• iView：http://v1.iviewui.com/
• element： https://element.eleme.cn/#/zh-CN/
• e-icon-picker：http://doc.icon.cnovel.club/
• wangEditor：http://www.wangeditor.com/doc/
• vxe：https://xuliangzhan.gitee.io/vxe-table/#/table/start/install
• vxe3.0： https://xuliangzhan_admin.gitee.io/vxe-table/#/table/base/basic
• vant： https://youzan.github.io/vant/#/zh-CN/
• colorUI： https://madewith.cn/51
• MUI： https://dev.dcloud.net.cn/mui/ui/
• layui： https://www.layui.com/doc/
• 阿里巴巴图标库：https://www.iconfont.cn/search/index
• 图标库：http://www.fontawesome.com.cn/faicons/
• 林间有风：https://doc.cms.talelin.com/
• 莫道创意：http://www.moodao.com/
• 慕课网：https://www.imooc.com/
• java 8 API： https://www.matools.com/api/java8
• 阮一峰：https://javascript.ruanyifeng.com/
• 上传：https://github.com/gaoyuyue/MyUploader/blob/master/.babelrc

前端基础（适合初学者）

• 极客学院：https://www.bilibili.com/video/av46236917
• html基础：https://www.bilibili.com/video/av71108858?p=1
• div+css布局： https://www.bilibili.com/video/av75501761?p=1
• flex布局：https://www.cnblogs.com/qcloud1001/p/9848619.html
• flex（阮）：http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html
• gird（阮）：http://www.ruanyifeng.com/blog/2019/03/grid-layout-tutorial.html
• PC布局实例：https://www.bilibili.com/video/BV1vZ4y1j7Sd?p=1
• app布局实例：https://www.bilibili.com/video/av82083321/
• js基础： https://www.bilibili.com/video/BV1MJ411P7nD?p=1
• js（上） https://www.bilibili.com/video/av20830596/?p=1
• js（下）https://www.bilibili.com/video/BV1gW411g7JC?p=1
• vue（2020）https://www.bilibili.com/video/BV1m741137Q5?p=1
• vue源码解析：https://www.bilibili.com/video/av83351483/

相关视频

• 开发流程 ：https://v.qq.com/x/cover/mzc00200nkpguxl/q0966epv44r.html
• 前端规范： https://www.bilibili.com/video/av44276913/?redirectFrom=h5
• 作用域： https://www.bilibili.com/video/BV1ip411Z742?p=6
• ajax，json： https://www.bilibili.com/video/av68836810/?p=1
• 模块化：https://www.bilibili.com/video/av77875262
• node：https://www.bilibili.com/video/BV1GE411G7XQ?p=1
• react：https://www.bilibili.com/video/BV1T7411W72T?p=1
• mui：https://www.bilibili.com/video/av19939063/?spm_id_from=trigger_reload
• Layui：https://www.bilibili.com/video/BV1sJ411u7VS?p=1
• vue（千峰）：https://www.bilibili.com/video/BV11K4y1x7eX?p=1
• vue（六角）：https://www.bilibili.com/video/av20242714/?p=1
• vue（黑马）：https://www.bilibili.com/video/av76249419?p=3
• vue（尚硅谷）：https://www.bilibili.com/video/BV1xE411P7JN?p=1
• vue路由：https://www.bilibili.com/video/av883774782
• vue路由守卫：https://www.bilibili.com/video/av841271256/
• 浏览器渲染：https://www.bilibili.com/video/av71634856/

相关文章

HTML&CSS

• 命名：https://www.cnblogs.com/LifeiBoke/p/6791528.html
• css 手册：http://css.cuishifeng.cn/
• 居中：https://www.cnblogs.com/zhangwenjiajessy/p/6130658.html
• ::before和::after伪元素：https://www.cnblogs.com/starof/p/4459991.html
• input type=“hidden”：https://www.cnblogs.com/Jm-jing/articles/6979291.html
• scss：https://www.jianshu.com/p/a99764ff3c41
• less：https://less.bootcss.com/
• animate：https://www.cnblogs.com/e-cat/p/8439221.html
• position与translate：https://www.cnblogs.com/shytong/archive/2004/01/13/5654142.html
• canvas：https://www.bilibili.com/video/BV1kJ411S75P?p=1

JavaScript

• JavaScript DOM：https://zixuephp.net/manual-javascript-712.html
• jquery插件思想：https://www.cnblogs.com/waterBlog/p/3719393.html
• ztree：https://blog.youkuaiyun.com/wsjzzcbq/article/details/83029532
• jquery验证：https://www.cnblogs.com/yangjunhua/p/3940099.html
• 组件化思想：https://www.jianshu.com/p/9445932a1daa
• 正则 ： https://www.jb51.net/tools/regexsc.htm
• token：https://www.cnblogs.com/xuxinstyle/p/9675541.html
• typescript：https://www.tslang.cn/samples/index.html
• vue目录结构 https://www.cnblogs.com/huangfeihong/p/9141273.html
• 镜像切换：https://blog.youkuaiyun.com/chenjineng/article/details/81912146
• vue引入elelmentUI：https://www.cnblogs.com/xiluonanfeng/p/9639466.html
• vue路由：https://www.jianshu.com/p/2acf9e23793a
• https://www.cnblogs.com/xiaonian8/p/13764824.html
• solt ：https://www.jianshu.com/p/ec17c5161616
• Vue v-for：https://www.cnblogs.com/wangyfax/p/10073159.html
• ws基本使用：https://www.bilibili.com/video/av70694775/
• webstorm快捷键：https://www.cnblogs.com/1463069300limingzhi/p/10864109.html

其他

• 浏览器工作原理：https://www.cnblogs.com/xiaohuochai/p/9174471.html
• 浏览器工作原理：https://zhuanlan.zhihu.com/p/96986818
• 开发者工具：https://www.cnblogs.com/yaoyaojing/p/9530728.html
• 浏览器渲染机制：https://www.jianshu.com/p/05eb1b17b298
• 浏览器缓存：https://www.cnblogs.com/chengxs/p/10396066.html
• localstorage：https://www.cnblogs.com/yanggb/p/12591573.html
• NetWork：https://www.jianshu.com/p/c51d347d66c3
• 断点：http://v.qq.com/page/r/5/r/r0305sutf5r.html
• GitHub创建密钥：https://www.cnblogs.com/lshilin/p/7691105.html
• ipv4：https://www.bilibili.com/video/av67706382/
• 模拟器运行 ： https://www.cnblogs.com/whitewen/p/10400277.html
• 网络请求：https://www.cnblogs.com/amingxiansen/p/9072115.html
• 关于网络请求：https://www.jianshu.com/p/b0aa797608c0
• token：https://www.cnblogs.com/lufeiludaima/p/pz20190203.html
• token（比较）：https://www.cnblogs.com/moyand/p/9047978.html
• DNS：https://www.zhihu.com/question/23042131
• DNS图：https://www.cnblogs.com/crazylqy/p/7110357.html
• app上架 https://www.cnblogs.com/liyy2015/p/5951458.html
• app上架：https://blog.youkuaiyun.com/pcf1995/article/details/79650345
• app上架：https://www.cnblogs.com/llguanli/p/8903434.html
• app上架：https://cloud.tencent.com/developer/article/1131790
• app上架：https://www.cnblogs.com/zhenzi0322/p/10953810.html
• ios上架：https://www.jianshu.com/p/0c08d6b350bf
• 建站： https://www.jianshu.com/p/ed151681b067
• 前端学习路线： https://www.cnblogs.com/lsongyang/p/10639800.html
• 前端职业规划 https://www.cnblogs.com/lxl123/p/10432952.html
• 项目开发流程:https://wenku.baidu.com/view/3358741bf18583d04964597c.html
• 手机响应式：https://www.cnblogs.com/ydcnblog/p/9275098.html
  https://zhuanlan.zhihu.com/p/172399509
  https://blog.youkuaiyun.com/pupilxiaoming/article/details/77703805
  https://zhuanlan.zhihu.com/p/55650049
  https://blog.youkuaiyun.com/sinat_17775997/article/details/89087348
  https://www.bilibili.com/video/BV18J411s7Bx?p=1
• jsoup：https://www.cnblogs.com/zhangyinhua/p/8037599.html

相关知识

java

• 枚举：https://www.cnblogs.com/jingmoxukong/p/6098351.html
• idea启动项目：https://www.cnblogs.com/trnanks/p/11274841.html
• idea基本使用：https://www.bilibili.com/video/av90276062
• springboot项目搭建 https://blog.youkuaiyun.com/qq_41855420/article/details/104200072
• pom.xml：https://www.jianshu.com/p/cdb088f398c8
• dto: https://www.cnblogs.com/vegetableDD/p/11732495.html
• ssm ： https://blog.youkuaiyun.com/qq_30764991/article/details/79816261
• 卸载MySQL： https://blog.youkuaiyun.com/q43778156/article/details/80386692
• 请求参数：https://www.cnblogs.com/hooli/p/11590773.html
• 栈和队列：https://www.cnblogs.com/mcomco/p/10108694.html
• 几种Java框架组合：https://www.cnblogs.com/panda001/p/11029073.html
• pom.xml: https://www.cnblogs.com/wkrbky/p/6353285.html
• application.yml: https://www.cnblogs.com/telwanggs/p/10826541.html
• idea maven启动springboot：https://blog.youkuaiyun.com/w405722907/article/details/82848815
• java（全栈）: https://www.bilibili.com/video/BV1oT4y1L7QY?p=1
• java（明日科技）：https://www.bilibili.com/video/BV1qp411f7Qx?p=1
• java-jvm：https://www.bilibili.com/video/BV1kJ411g7C1?p=1
• java修饰符：https://www.cnblogs.com/lixiaolun/p/4311727.html
• springboot：https://www.bilibili.com/video/BV17E411E75D?p=1
• springboot：https://www.bilibili.com/video/BV1yJ411J72n?p=1
• maven：https://www.bilibili.com/video/BV117411b7is?p=1
• shiro：https://www.bilibili.com/video/BV1uz4y197Zm?p=2
• 计算机组成原理：https://www.bilibili.com/video/BV1BE411D7ii?p=1
• 计算机网络：https://www.bilibili.com/video/BV19E411D78Q?p=1
• 数据结构：https://www.bilibili.com/video/BV1b7411N798?p=1
• 操作系统：https://www.bilibili.com/video/BV1YE411D7nH?p=1
• Photoshop：https://www.bilibili.com/video/BV1cx411X7mp?p=1
• Axure教程：https://www.axure.com.cn/78577/
• https://www.bilibili.com/video/BV1a4411d7DS?p=1
• https://www.bilibili.com/video/BV1EE411a7zV?p=3
• Word: https://www.bilibili.com/video/BV16x411r7tH?p=1
• Excel：https://www.bilibili.com/video/BV1ox411Z7B6?p=1