vue基础自学系列|前端工程化

COCOgsta COCOgsta     2022-10-22     500

关键词:

视频来源:B站《黑马程序员Vue全套视频教程,从vue2.0到vue3.0一套全覆盖,前端必会的框架教程》

一边学习一边整理老师的课程内容及试验笔记,并与大家分享,侵权即删,谢谢支持!

附上汇总贴:Vue基础自学系列 | 汇总_COCOgsta的博客-CSDN博客


  1. 小白眼中的前端开发 vs 实际的前端开发

小白眼中的前端开发:

  • 会写HTML + CSS + JavaScript就会前端开发
  • 需要美化页面样式,就拽一个bootstrap过来
  • 需要操作DOM或发起Ajax请求,再拽一个jQuery过来
  • 需要快速实现网页布局效果,就拽一个Layui过来

实际的前端开发:

  • 模块化(js的模块化、css的模块化、资源的模块化)
  • 组件化(复用现有的UI结构、样式、行为)
  • 规范化(目录结构的划分、编码规范化、接口规范化、文档规范化、Git分支管理)
  • 自动化(自动化构建、自动部署、自动化测试)
  1. 什么是前端工程化

前端工程化指的是:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进行规范化、标准化。

企业中的Vue项目和React项目,都是基于工程化的方式进行开发的。

好处:前端开发自成体系,有一套标准的开发方案和流程。

  1. 前端工程化的解决方案

早期的前端工程化解决方案:

目前主流的前端工程化解决方案:

vue基础自学系列|vue基础-课程介绍

...,侵权即删,谢谢支持!附上汇总贴:Vue基础自学系列|汇总_COCOgsta的博客-CSDN博客前置储备必备前提: 查看详情

前端工程化基础-vue(代码片段)

由浅入深支持更多功能 1.安装最新版本的node.js和NPM,并了解NPM基本用法。2.创建一个目录demo。使用npm初始化配置:npminit ,执行后会有一系列选项,可按回车快速确认,在demo中生成一个package.json文件。3.局部安装webpack ... 查看详情

前端框架vue自学之vue基础语法

终极目标:掌握和使用Vue(全家桶:Core+Vue-router+Vuex)本博客目的:记录Vue学习的进度和心得(Vue基础语法)内容:通过官网说明,掌握Vue基础语法。正文:Vue基础语法一、 查看详情

vue学习系列--基础知识了解

不想做全栈的工程师不是好的工程师。最近在自学Vue,同时准备在博客上将自己的学习心得、期间遇到的问题给同步记录下来,做成一个学习系列。这个系列会杜绝说教、偏理论,更多的是通过理论加简单的例子加深... 查看详情

vuevuejs基础自学系列|汇总

视频来源:B站《最全最新Vue、Vuejs教程,从入门到精通》一边学习一边整理老师的课程内容及试验笔记,并与大家分享,侵权即删,谢谢支持!1.Vuejs课程介绍2.Vuejs的认识和特点介绍3.vuejs安装方式4.HelloVuejs... 查看详情

vue基础自学系列|webpack中的插件(代码片段)

...,侵权即删,谢谢支持!附上汇总贴:Vue基础自学系列|汇总_COCOgsta的博客-CSDN博客webpack插件的作用通过安装和配置第三方的插件,可以拓展webpack的能力,从而让webpack用起来更方便。最常用的webpack插件有... 查看详情

vuevuejs基础自学系列|邂逅vuejs(代码片段)

...;侵权即删,谢谢支持!附上汇总贴:Vue、Vuejs基础自学系列|汇总_COCOgsta的博客-CSDN博客内容概述认识Vuejs为什么学习Vuejs简单认识一下VuejsVuejs安装 查看详情

5gc基础自学系列|汇总

视频来源:51学通信《5G核心网基础、协议与信令流程》一边学习一边整理老师的课程内容及试验笔记,并与大家分享,请移步至知乎网站,谢谢支持!1 5GC基础自学系列|5GC基础之5GC网络架构及网元-知乎(zhihu.c... 查看详情

初学者应该如何自学前端?

以下是自己做的一个从初级前端开发工程师到大神级别前端开发工程师的学习路线思维导图,希望可以帮到大家:关于书籍:Java高级程序设计(第3版)红皮书Java权威指南(第6版)犀牛书深入浅出Node.js锋利的jQuery(第2版)JavaDO... 查看详情

想学java,也一直在自学,但始终没有掌握正确的学习方法~

...是什么样的呢?下面,给大家介绍一下。第一阶段:Java基础以及Web开发基础—小程序项目阶段。让学习者可掌握Java基本面向对象知识、Java常用集合的使用、JDBC与MySQL基础、HTML/CSS/JavaScript前端基础技术、Servlet编写服务端程序等... 查看详情

kubernetes基础自学系列|汇总

...与大家分享,侵权即删,谢谢支持!Kubernetes基础自学系列|Kubernetes组件介绍_COCOgsta的博客-CSDN博客Kubernetes基础自学系列|Kubernetes基本概念 查看详情

5g无线技术基础自学系列|汇总

...家分享,侵权即删,谢谢支持!1.5G无线技术基础自学系列|RAN的集中和分布_COCOgsta的博客-CSDN博客2.5G无线技术基础自学系列|5GRAN网络架构关键技术_COCOgsta的博客-CSDN博客3.5G无线技术基础自学系列|5G基站形态演进_COCOgsta 查看详情

自学前端学到啥程度可以找工作

...的规划。你想找到什么样的工作。如果你只想成为一个最基础网页设计师,那的确学学h5就能制作网页了。但是如果你想向更专业更全面的前端开发方向发展,就必须掌握前端开发三大基本基石:HTML、CSS,JavaScript。当然,学会... 查看详情

自学前端,谁有前端学习路线图吗?

...薪资过万。推荐给你一个学习的路线图:阶段1.前端核心基础HTML+_CSS核心、JavaScript基础语法、JavaScript面向对象、JavaScriptDOM和BOM编程、jQuery框架阶段2.HTML5+CSS3+移动端核心HTML5新特性、Canvas专列、CSS3新特性、CSS3进阶、CSS3实例演练... 查看详情

5g核心网技术基础自学系列|汇总

...分享,侵权即删,谢谢支持!1.5G核心网技术基础自学系列|5GC架构概述_COCOgsta的博客-CSDN博客2.5G核心网技术基础自学系列|5G核心网的两种观点_COCOgsta的博客-CSDN博客3.5G核心网技术基础自学系列|基于服务的架构_COCOgst 查看详情

vue自学日志01-mvc和mvvm

一.需要了解的基础概念Model(M)是指数据模型,泛指后端进行的各种业务逻辑处理和数据操控,主要围绕数据库系统展开。这里的难点主要在于需要和前端约定统一的接口规则。View(V)是视图层,也就是用户界面。前端主要由HTML... 查看详情

2022版完整版web前端学习路线图(超详细自学路线)

跟着路线图认真坚持学习从前端小白到大神不是梦,0基础看这一篇足矣!学们记得加关注点赞收藏,自学路上不迷糊!零基础小白自学前端路线图速览: 阶段一:核心基础入门前端计算机常识➾html+css... 查看详情

volte基础自学系列|imsvoipvoltercs的关系?

视频来源:51学通信《VoLTE基础》一边学习一边整理老师的课程内容及试验笔记,并与大家分享,侵权即删,谢谢支持!附上汇总贴:VoLTE基础自学系列|汇总_COCOgsta的博客-CSDN博客什么是IMS?总结 查看详情