前端学习阶段总结

前端学习总结

前端的核心技术为HTML、CSS、JavaScript。这三个是前端最基础也是很容易入门的语言。HTML是网页的骨架,CSS是网页的妆容,JS是网页的灵魂,三者相辅相成才能成功地弄出一个简单的网页。这也是学习后续复杂的前端的基础。

在有了上述基础后,选择vue.Js来用于构建用户界面。在vue的学习中,我遇到了一些困难和一些挫折,在此总结这段时间的学习成果。

前端学习阶段总结_第1张图片

Vue用vue-cli在创建后自动生成一个工程,在命令行中运行npm run dev,

当显示如上图这样编译成功后,就可以在浏览器搜索localhost:8080/,浏览器将会显示该工程效果。如果显示报错,有以下两个可能:1、warnning,一般情况下显示的warnning为格式不严谨所报错的,只需要按照cmd提示的warnning以及第几行的指示一个一个纠正即可。2.error,这个就是你的程序报错,需要根据提示的错误进行修改。直到修改到上图为止。

而在后续写代码时也可以实时通过浏览器预览效果,同时可以按f12了解该页面的架构,也可以在页面上修改某处的css,预览效果。

Vue组件包括