首页 » 自学教程 » 正文

近一个月学习前端的内容总结 或许对你有帮助

因为是自学前端,每个知识点弄不懂就会找各种教程或者文章,下面这些内容一定会解决你很多困惑。

移动端学习

对于移动端布局,适配这里有点不好理解,首先就是那三个视口viewport,网上很少有文章或视频教程能把这一块讲好,这里牵扯了很多知识点,让我现在讲也是模模糊糊,但是有这些教程就不怕,项目需要的时候翻出来看看,相信可以搞定:

文章:移动前端开发之viewport的深入理解
视频:珠峰培训移动端开发提取码:tf32
在线视频:尚硅谷前端HTML5视频_谷粒音乐实战这个讲的非常非常好

JS模块化

不知道你会不会有这样的疑问,require导入和import有什么区别,反正这个问题是我学前端以来一直困惑的,因为php也有require,但是它不像JS这么乱,当初做php并没有深入了解require,只是拿过来就用。后面做项目用import,也知道了exportexport default的区别,我总结:

  1. import导入的不能直接在node下运行,需要webpack打包工具编译为require
  2. export可以导出模块但是,import导入时必须有大括号{}export default就不会出现这个问题,当import一个模块不存在时就会默认使用export default导出的模块

具体可以看下面的教程:

视频:珠峰培训node里面的CommonJS部分提取码:a74f

在线视频:Node、TS、Koa商城全栈开发远程课(全)

在线视频:尚硅谷HTML5前端视频_JS模块化说明视频

promise理解

promise这里需要自己手动多测试测试,比如then返回的promise实例和直接new promise实例的一些区别,不是说好的要调用resolve或者reject吗?为什么then没调用,而且then里面返回的参数和返回new promise实例有什么区别?try catchpromise catch有联系吗?

一个教程解决:

视频:珠峰培训node里面的Promise源码实现部分提取码:a74f

class继承

JS真是个异类,class的用法和PHP或者java里面的class在用法上面是有区别的,它还是离不开ES5的原型链,为什么constructor开头必须super?这里我对class的理解只是会用,知道部分原理,如果仅仅会用的话,这个视频就够了(前提:你要知道原型链):

里面的第15章:闲来无事复习一下ES6中的类和继承提取码:o3o8

react部分redux源码

这个就不多说了:依然是珠峰react提取码:nqke

node部分

node做后端,少不了操作数据库,api接口,模板渲染,网上找了一套不错的,这套课程的亮点是:

  1. 桌面开发
  2. 数据库迁移(这是很少有教程讲到的)

如果原来做过后端的,看这些很好理解,但是前端可能要啃一段时间。

在线视频:Node、TS、Koa商城全栈开发远程课(全)

最后一个实战项目

关于实战这一块,我是侧重管理系统的,网上找了几个,但是教程都没有后端接口,遂作罢,只能粗略的看一看。
React16.8+Redux 企业级项目实战提取码:511f

下面这个可以看,也能跟着做(我马上做完):

尚硅谷 react项目实战 -硅谷直聘 (完结)

前端源码
后端源码

本文共 2 个回复

  • 122 2019/06/02 17:45

    都是在自学吗?没有去培训班?

    • 寒塘渡鹤影 博主 2019/06/03 23:02

      @ 122 是的,没去培训班

发表评论

此站点使用Akismet来减少垃圾评论。了解我们如何处理您的评论数据