前端知识框架

前端知识框架

HTML

html的标签是整个页面的架构标签,整个前端项目的代码架构都得在其上,简单的分为块标签和行标签,因此当我们要实现某个页面的时候我们首先应该做的就是将我们设想的页面进行化块然后在块里面化行,先做一个大体的分块,将我们的版块化出来,它就是拿来做这个事情的,对于一些表格表单的页面我们直接使用我们的table和form标签即可。
鉴于以上思考,做项目之前,我们需要首先用块标签布局然后用行标签实现我们需要的功能。一些常见的行标签的功能需要粗略记忆一下比如input seletct br 等等。但是最好的记忆就是在我们用这些标签的时候去好好学一学就可以了。

HTML5

html5是在HTML的基础上更新的,它多了一些功能标签,比如画板和音乐播放器这样的一些功能标签属性,对于生活的日新月异人们的生活水平提高,人们对app功能要求越来越高了,html5的更新让我们前端开发者越来越轻松了。遇到新技术不要慌张,不也就是多了几个标签嘛,学标签还是很快乐的,无非也就是行列布局和引用文件。

css

当我们用html对我们的页面进行分块和分行之后,我们需要给我们的页面开始布局了,意思就是让我们的块和行按照我们想要的样式放在该放的地方,这个时候就出现了css,css是对我们的块和行进行添加样式和整个页面布局的标签,一些基本标签行宽高等不需要记忆变知道,但是当标签一旦多了之后我们就会发现我们的样式怎么不按照我们编写的那么去排序,这个时候就得好好想一想标签的优先级了,然后还有一个盒模型的概念,以及浮动引起的塌陷,这是我认为css中必须了解的东西,方便我们解决问题的思想。以及伪类标签是相当于在我们的html中加入的一个标签,在我的认知里它是css给HTML创造的一个标签,而伪类选择器是它为自己创造的,让我们的同一个标签在特定时候多一种样式。
鉴于以上思考,我们明白css是为HTML行块标签添加样式的,我们还得记忆一下行标签是不能直接设置宽高的,但是display可以改变。意味着只要我想要的样式没有css是不能完成的。

css3

在css的基础上css3添加的样式更加灵活而且添加了两个重要的样式是动画和过渡。让我们的样式可以动起来,过渡只能从开始到结尾的两个状态改变并且必须要绑定一个事件,但是动画就不需要了。属性标签很多,没有记忆的必要只是需要做一个区分,方便我们能用更加合适的标签干更加合适的事情。

DOM

可以获取到页面html标签的一种元素我们称之为dom元素,此元素可以帮我我们对html标签进行一些逻辑层面的处理,做一些简单的事件绑定或者让css属性在我们想要的时刻展现我们想要的样式。dom里面的一些特有事件对象和属性比如和鼠标衔接的获取屏幕宽度和鼠标浮动退出和移动等事件。涉及到逻辑层面的一些思维,然后有事件就一定会有this指向,所以此处语法应该记忆一下元素的一些属性和方法,因为如果不记住就做项目就很难联系起来和熟练运用。学习参考文档菜鸟教程

JS

JS相当于一种编程语言,可以定义变量编写函数,运用库里的方法,就相当于我们计算机类专业的学生学习的其他语言一样上手特别快速。此处没什么特别说明,它无非就是一种语言可以定义变量编写函数。

ES6

ES6相当于js的一种语言标准,它在ES5的基础上做了很大的改动,在今后的编程中都应该使用es6规范去学习,对于这块的学习我认为还得多看多记忆,因为涉及到的逻辑层面还是很多的。记忆的方式还是少模仿,模仿这个东西一次就行了,应该是多次输出。做项目是最好的选择吧!

vue

vue是一种前端框架,它可以直接对我们的页面进行架构,将页面要显示的数据直接在vue中进处理,然后直接对HTML绑定事件,,然后在vue中对所需功能编写方法,写方法的时候就需要用到es6中的语言语法了。利用这种框架让我们对整个页面更好的掌控,让我们的代码可读性增强,其中还有组件的思想,利用框架编程的时候我们刚开始不再是对页面进行块和行的划分,而是需要需要加上组件的思想。

vue-cli

vue-cli是官网已经为我们搭键好的一个框架,不需要我们在利用vue语言去搭键它。在安装这个框架的时候可以去搜索官网有详细步骤,做完一切之后我们需要了解一下它的一些约束,然后每个文件是做什么的,在开发的时候需要先动态页面在静态页面,先创建页面在配置路由,在引入页面。在这个框架里我们对数据的增删改查获取都得通过配置接口函数,在我们需要的页面引用。

webpack

这是一个代码打包器,官网也有它的配置下载操作,其中最主要的就是我们需要配置一个文件,文件配置好了,写在src文件夹下的代码自动会打包进入dist文件中。

组件库

学到这里前端的所有知识点就算学完了,感慨一下也不是很多,除此之外我们需要了解一些组件库标签库,比如阿里巴巴标签库,和element,和百度地图,以及一些曲线库。
总结:回忆了所有的标签和知识点,难易点已经十分清楚了,js那块相当来说有点复杂,但是多敲敲问题都不大,学完这些的小伙伴现在需要做的就是做项目了,有很多人都会怕,我觉得是问题不大,不会就翻看知识点,做项目实操是能力提高最快的一种方式了,说实话拉时间线不能赶超大佬,唯有掌握自己的节奏加上心态好不放弃才有可能成功。加油小伙伴们!

おすすめ

転載: blog.csdn.net/qq_47988584/article/details/119270504