css stickyfooter布局
webpack将代码编译成浏览器能够识别的代码
工程化、组件化、模块化,这三者到底有什么区别
工程化指的是一种思想,但是现在看来还是很懵逼的
组件化、模块化好像是自己一直使用的,我这里想要知道的是到底二者有啥区别呢?我一直理解的是组件化,但是什么是模块化呢
MV*
mvc mvp mvvm 三者到底有啥区别呢?
自己已经接触到的是mvvm,那么什么是mvc、mvp呢,还有很多知识需要学习啊
讲一下上面的流程,首先是视图与数据,然后视图与数据之间想要进行通信,就有了vm,当数据变化,vm就是一个观察者的身份,检测到数据的变化,然后进行视图的变化。当用户操作视图改变数据的话,vm同样话监听到数据的变化,然后改变model里的数据,然后就实现了双向数据绑定。
总结一下,三个重要的概念,M代表的是数据,更形象的说就是代表了js对象,这点很重要,如果深入学的话,感觉数据并不是像数据那样简单,结合起对象的概念的话,就好多了。
v代表的是视图,最通俗的解释就是dom了吧,这个还是很熟悉的,
视图就是dom,数据就是js对象,一个是虚拟的,一个是可以看到的
最后比较重要的就是dom怎么与js对象之间进行通信,形象点解释的话,就像两个人进行电话的交流,自然就会有一个基站进行数据的中转,这样就使用到了通信,回到了我本来的专业,更加形象的解释是,A说话了,基站检测到这个变化,就会进行各种处理将A说的话告诉B,同理B说话了也是这样的。
DOM对象,js对象就分别代表了两个人,通过基站进行数据的传输,很简单,现在想想,其实A与B 的语音的 变化是很简单的, 难的是observe到底是怎么进行数据的检测的,当然这个过程不用自己去操心,还是挺有意思的哈
什么是ajax数据持久化,是不是说的缓存?这一点自己在开发的时候一直做的不是很好,就没有这个概念,怎么去进行数据的缓存,多看看别人是咋做的,这就是你接下来要做的了,去认真关注一下自己不怎么会的地方
这里需要注意到两个关键词,一个是listener一个是directive,后者在代码中是可以使用到的,但是自己还是不太清楚到底是什么意思,也就在项目中没有使用过,这些才是有意思的地方,一直写一样的代码,只是不断的重复,毫无意义,也没有自己的提升,你需要做的就是找到自己薄弱的地方,好好的学一下
就近维护是前端工程化的一个思想
对于上面的数据与dom之间到底是如何进行通信的,还是一个很复杂的过程,可以说,还是没有弄明白啊,先放在这里,还是以后慢慢看吧
看这个图,理解一下,到底什么是脚手架,通俗的理解就是一个架子,在这个架子的基础上进行相应的开发,vue现在的架子能实现基本的目录结构,以及路由的基本配置,这些在初期看来还是挺重要的,但是现在看来完全不能满足自己的开发需求,最后到最后,独立出来一个新的模板,一个是专门做移动端的,一个专门去做PC端的,这样就可以节省很多事情,其实自己完全可以去做一个类似的东西,尤其是今天晚上学完基础之后,可以动手写两个模板,在以后进行开发的时候,可以很快的完成基本项目的搭建,这是很重要的,也算是开发经验的体现了吧,我的目标是让我的开发变得简单,同时也可以节省很多时间的,加油,这就是你今晚的目标了
看一下上面的图,热加载与单元测试都是挺重要的,但是自己好像一直错过了他们,在以后的开发中要尝试着去做一做,不然还是会一无所获的
总之,这整图上涉及到的知识点,都是自己以后都必须掌握的,加油
单元测试,听着就是很拉风的东西
注意一下视频中的讲解,有提到过,vue项目中的static文件夹下存放的就是一些第三方的静态资源,原理还是很简单的,自己在项目中也有自己去使用过,但是怎么去理解第三方呢,什么样的资源才会叫做第三方的静态资源呢,这里还是有待商榷的,不是吗,并不是那么简单的
看一下自己平时在做ESlint的时候一直使用到的东西,但是自己不知道自己是在做什么,分析一下上面这个问价,extends讲的是一个整体的规则是什么,可以在相应的网站中有看到,下面的rules中所说的就是不想使用extends中的一些规则,于是就自己来配置一下了,这样来看,还是简单很多了,不是吗吗,其实还是很精彩的哈,加油
注意这里经常看到的,在插件前面会有一个^,现在知道了,其实在讲的是插件安装的最低版本,而不是自己之前理解的插件安装的最高版本,错觉
刚刚又听到一个知识点,就是说,devDependencies中的插件在打包之后是不会存在的,可以对比一下生产环境与开发环境讲的就是上面的,现在可以明确的是-S应该是开发环境,-D应该是生产环境,但是还是不确定的
上面都是很细节的知识点,很值得学习的,一方面需要慢慢的积累,一方面只有在实际的项目中使用到才行,这个视频还需要多看几遍啊,很多知识点都没有整明白啊
webstorm能够配置识别es6的语法,
如果是使用到了vue中模板的引入,通常是可以省略文件名后缀的
,但是自己有时候还是有点心慌,以后可以尝试一下,不这样做的话,永远也踏不出那一步,加油啊,现在是你进步的时间
webstorm中可以加上代码格式化插件,ctrl+shift+L
现在应该是可以确定了,
- 开发环境就是指的写代码的过程中使用到的环境
- 生产环境指的就是在项目打包之后,项目是如何运行的,
现在看来二者还是有自己的区别的哈