前端学习资料及路线名称网站

迈不过友情╰ 2022-12-06 12:58 132阅读 0赞

<table> 
 <thead> 
  <tr> 
   <th>IT前端学习资料及路线</th> 
   <th></th> 
   <th></th> 
   <th></th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>名称</td> 
   <td>网站</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>JQuery文件网</td> 
   <td>https://code.jquery.com/jquery/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>jQuery手册（pc端）</td> 
   <td>http://jquery.cuishifeng.cn/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>jQuery插件之家</td> 
   <td>http://www.htmleaf.com/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Vue文件网</td> 
   <td>https://cn.vuejs.org/v2/guide/installation.html</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>动态效果插件网</td> 
   <td>https://www.dowebok.com/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>字体图标与web字体</td> 
   <td>https://www.iconfont.cn/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>css教程/菜鸟教程</td> 
   <td>https://www.runoob.com/css/css-tutorial.html</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>W3Cschool</td> 
   <td>https://www.w3school.com.cn/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>将转ICO图标(浏览器标题图片)</td> 
   <td>http://www.bitbug.net/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>字体图标文件 .tff 文档切换（微信小程序）</td> 
   <td>https://transfonter.org/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Less(css的扩充语言)</td> 
   <td>http://lesscss.cn/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>MDNweb</td> 
   <td>https://developer.mozilla.org/zh-CN/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>node.js中文网</td> 
   <td><a href="http://nodejs.cn/download/" rel="nofollow">http://nodejs.cn/download/ </a></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>flexible.js官网</td> 
   <td>https://github.com/amfe/lib-flexible</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Git安装官网</td> 
   <td>https://git-scm.com/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Github账号注册</td> 
   <td>https://github.com/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Bootstrap中文网</td> 
   <td><a href="https://www.bootcss.com/" rel="nofollow">https://www.bootcss.com/ </a></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>https://v3.bootcss.com/css/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>GitHub(全屏插件)</td> 
   <td>https://github.com/alvarotrigo/fullpage.js</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>中文版（全屏插件）</td> 
   <td>https://www.dowebok.com/demo/2014/77/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>数据可视化图表（BI报表）</td> 
   <td>https://www.echartsjs.com/zh/index.html</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>智能好用的聊天机器人</td> 
   <td>http://www.turingapi.com/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Swiper中文网（手机插件）</td> 
   <td>https://www.swiper.com.cn/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Zepto中文网（手机插件）</td> 
   <td><a href="https://www.html.cn/doc/zeptojs_api/" rel="nofollow">https://www.html.cn/doc/zeptojs_api/ </a></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>云社区开发手册</td> 
   <td>https://cloud.tencent.com/developer/chapter/13597</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>接口测试工具</td> 
   <td>https://www.getpostman.com/downloads/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Chrome浏览器插件安装</td> 
   <td>[https://www.gugeapps.net/ 无需扫码 ](https://www.gugeapps.net/ 无需扫码 )</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td>[http://www.cnplugins.com/ 需要扫二维码验证](http://www.cnplugins.com/ 需要扫二维码验证)</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>国内一个谷歌浏览器插件下载网站，但需要关注公众号获取密码后才能下载</td> 
   <td>https://www.extfans.com/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>art-tempalte模板引擎</td> 
   <td><a href="http://aui.github.io/art-template/zh-cn/docs/installation.html" rel="nofollow">http://aui.github.io/art-template/zh-cn/docs/installation.html </a></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Axios中文说明</td> 
   <td>https://www.kancloud.cn/yunye/axios/234845</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>ios移动端WEb制作</td> 
   <td>http://code.cocoachina.com/list/37</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Ajax玩命加载中的插件官网</td> 
   <td>http://ricostacruz.com/nprogress/</td> 
   <td>配置在Ajax请求与结束中</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>接口使用搜索链接</td> 
   <td>https://www.tianapi.com/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>前端经典模块化插件----Layui</td> 
   <td>https://www.layui.com/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>前端经典模块化插件----EasyUI</td> 
   <td>http://www.jeasyui.net/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>HTTP Content-type对照表查看</td> 
   <td>https://tool.oschina.net/commons</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>富文本编译器网址</td> 
   <td>http://fex.baidu.com/ueditor/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>http://tinymce.ax-z.cn/</td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>基于 Express 框架</td> 
   <td>http://www.expressjs.com.cn/</td> 
   <td>可以快速构建 Web 应用</td> 
   <td>node.js应用</td> 
  </tr> 
  <tr> 
   <td>基于 Electron 框架</td> 
   <td>https://electronjs.org/</td> 
   <td>可以构建跨平台的桌面应用</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>基于 restify 框架</td> 
   <td>http://restify.com/</td> 
   <td>可以快速构建 API 接口项目</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>github：MD5加密官网</td> 
   <td>https://github.com/node-modules/utility</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>文件转 Base64</td> 
   <td>https://www.css-js.com/tools/base64.html</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>BootCDN 稳定、快速、免费的前端开源项目 CDN 加速服务</td> 
   <td>https://www.bootcdn.cn/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Vuetify 是建立在Vue.js之上的完备的界面框架</td> 
   <td>https://vuetifyjs.com/zh-Hans/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>axios中文说明 - 专业的Ajax工具</td> 
   <td>http://www.axios-js.com/docs/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>学习使用es6的模块化</td> 
   <td>http://www.fanyoufu.com/article/1586361630672</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>VUE — ESlint（错误提示查询网）</td> 
   <td>https://eslint.bootcss.com/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Babel（一个 JavaScript 编译器）js降级网址</td> 
   <td>https://www.babeljs.cn/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Element-UI — 基于vue下的框架 (饿了么开源)</td> 
   <td>https://element.eleme.cn/#/zh-CN/component/carousel</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>axios 请求拦截器</td> 
   <td>http://www.axios-js.com/docs/#Interceptors</td> 
   <td>设置axios的token密码权限</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>前端处理后端Id大数的处方案</td> 
   <td>https://github.com/sidorares/json-bigint</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>基于Vue框架下的富文本编译器</td> 
   <td>https://quilljs.com/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>微信小程序开发搜索文档</td> 
   <td>https://developers.weixin.qq.com/doc/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>将本地图片转换为网络图片（路过图床）</td> 
   <td>https://imgchr.com/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>使用 CMD 创建 vuex的项目实例 =》 vue ui 进入网页设置</td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>todomvc（vue小项目实例）</td> 
   <td>https://github.com/mawenxing/todomvc-hm-template</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>todomvc.com</td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>所有的原生js事件：</td> 
   <td>https://developer.mozilla.org/zh-CN/docs/Web/Events</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Animate动画演示</td> 
   <td>http://www.kuitao8.com/demo/20150731/1/20150731050415197/1.html</td> 
   <td>可以npm i 进行引入</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Animate文档</td> 
   <td>https://animate.style/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>时间日期格式化网址</td> 
   <td>http://momentjs.cn/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Webpack打包官网</td> 
   <td><a href="https://www.webpackjs.com/" rel="nofollow">https://www.webpackjs.com/ https://webpack.js.org/</a></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>移动端：vant-ui (有赞)</td> 
   <td><a href="https://youzan.github.io/vant/#/zh-CN/" rel="nofollow">https://youzan.github.io/vant/#/zh-CN/ </a></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>小程序: vant-Weapp(有赞)</td> 
   <td>https://vant-contrib.gitee.io/vant-weapp/#/intro</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>在线正则表达式匹配网站</td> 
   <td>https://tool.oschina.net/regex/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>百度脑图</td> 
   <td>https://naotu.baidu.com/home</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Lodash是一个一致性、模块化、高性能的 JavaScript 实用工具库。</td> 
   <td>https://www.lodashjs.com/</td> 
   <td>_.debounce 防抖函数 _.throttle 节流函数</td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Ant Design （React 开发组件库）</td> 
   <td>https://ant.design/components/layout-cn/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>如果你会用jquery，那么你也会用zepto。</td> 
   <td><a href="https://www.html.cn/doc/zeptojs_api/" rel="nofollow">https://www.html.cn/doc/zeptojs_api/ </a></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Ant Design Mobile（React移动端）</td> 
   <td>https://antd-mobile.gitee.io/components/tab-bar-cn/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Antmove - 小程序转换器</td> 
   <td>https://ant-move.github.io/guide/contribute/alipayToWx.html#%E4%BB%8B%E7%BB%8D</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>二维码生成器</td> 
   <td>https://www.runoob.com/w3cnote/javascript-qrcodejs-library.html</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>一套基于 Vue.js 的高质量 UI 组件库</td> 
   <td>http://v1.iviewui.com/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>教育机构学习地址</td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>慕课网</td> 
   <td>https://www.imooc.com/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>阿里云大学</td> 
   <td>https://edu.aliyun.com/roadmap/frontend</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>黑马程序员</td> 
   <td>https://yun.itheima.com/map/50.html</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>尚硅谷</td> 
   <td>http://www.atguigu.com/html5_video.shtml</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>尚学堂</td> 
   <td>https://www.bjsxt.com/qianduanshipin.html</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>千峰教育</td> 
   <td>http://video.mobiletrain.org/line/webxx</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>极客学院</td> 
   <td>https://ke.jikexueyuan.com/zhiye/web/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>谷粒学院</td> 
   <td>http://www.gulixueyuan.com/path/front</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>珠峰培训</td> 
   <td>http://www.zhufengpeixun.cn/videoCourse/lesson.html</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td></td> 
   <td></td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>前端面试题测试</td> 
   <td>http://blog.poetries.top/FE-Interview-Questions/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>前端面试题测试</td> 
   <td>https://learn.freecodecamp.one/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>前端面试题测试</td> 
   <td>https://www.nowcoder.com/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>前端面试题测试</td> 
   <td>https://juejin.im/post/5e8b163ff265da47ee3f54a6#heading-49</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>思维导图网页版</td> 
   <td>https://mm.edrawsoft.cn/create</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>BootstrapVue</td> 
   <td>http://code.z01.com/bootstrap-vue/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>Iview – Vue的后台前端组件库</td> 
   <td>http://v1.iviewui.com/</td> 
   <td></td> 
   <td></td> 
  </tr> 
  <tr> 
   <td>OSchina在线工具</td> 
   <td>https://tool.oschina.net/</td> 
   <td></td> 
   <td></td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <thead> 
  <tr> 
   <th>第三方（树形分支管理列表）【npm i vue-table-with-tree-grid】</th> 
   <th>https://github.com/MisterTaki/vue-table-with-tree-grid</th> 
  </tr> 
 </thead> 
 <tbody> 
  <tr> 
   <td>各大接口显示（移动端）</td> 
   <td>https://www.zhihu.com/question/19892577</td> 
  </tr> 
 </tbody> 
</table>

<table> 
 <thead> 
  <tr> 
   <th>element-UI — 基于vue下的框架 (饿了么开源)</th> 
   <th>https://panjiachen.github.io/vue-element-admin-site/zh/</th> 
  </tr> 
 </thead> 
 <tbody></tbody> 
</table>