本周张前辈布置的任务是
1.git的学习和使用
2.maven在开发项目时的使用
3.基于Vue.js的组件框架element的学习

1.git是类似于之前使用SVN类似但是更加方便安全的团队开发利器 。
心得：
git学习的目的就是为进入公司后，从原来的个人开发状态转变为团队开发，保证每个人同时开发代码还能达到快速共享和代码友好合并的目的。
1.1、分布式
git的没有主服务器，避免了因为服务器故障导致影响团队任务，甚至代码丢失的问题。
我之前在使用SVN时就由于我电脑的服务器出问题后来采取了U盘copy的方式，不断来回粘取相互对于代码的修改。git可以将代码上传到github的 服务器上，然后大家可以不同的分支上进行修改，最后进行合并，合并代码时，先上传，出错后下载合并，再上传。保证了相互之间代码的一致性，哪怕团队相处多地也不怕因为沟通不及时而把修改出错。
1.2、分支
git中最强大的就是分支的部分，他的实现基础是提交点，大量的提交点链接在一起形成网状结构，而分支就是标记了在开发中重要影响的提交点，实现了以分支逻辑形成的知识结构。

不足：
虽然对整个git都有所了解，但是毕竟只是囫囵吞枣的学了一遍，暂时还缺少具体的使用，就像Linux命令一样不用就不会用，忘得也快

git是Linux为Linux系统开发，虽然已经被移植到Windows上，但是还需要git bush来运行Linux命令，最好对Linux有一定的使用经验，掌握理解就会很快。

2.maven将项目与jar包分离，将web项目不同的层级分离，努力降低项目整体的耦合性。
心得：
2.1依赖管理
减少项目发布上传时的体积，只留下源代码，将jar包分离。在原始的项目中，当项目需要使用某个框架就会把这个框架的全部的jar包放入项目中，这样就导致了源代码不到1MB的项目加入所有jar包后变成上百MB的项目。maven采取的依赖管理，建立本地库存放需要使用的jar包，在项目的pom.xml中写入需要使用的jar包，这样就可以顺利编译但是项目中却没有存放这些jar包。达到减少项目体积的目的

2.2项目构建
使用maven命令对web项目进行更有效快速的管理，按照固定的目录结构，让maven帮我管理项目。

不足：
和git一样缺少使用经验，对maven命令的使用理解还是不够充分，对有些命令的使用完全是一头雾水，现在写总结才感觉到。。。

maven的根本目的还是通过使用maven开发项目来增强项目的高内聚低耦合性，努力减少相互之间的依赖，达到工程性开发的目的

3.Element是基于Vue.js组件特性，开发的前端框架，快速搭建前端项目。
心得：
2.1Vue.js
Vue.js是将所有内容写入到一个页面的单页面开发语言。
数据驱动：将页面布局和数据分隔开也是为了降低耦合，使得页面的编写使用更加清晰，减少js或者jsp代码直接修改页面布局的方式
组件化：对于页面的各个部分都以组件的逻辑看待，组件的相互嵌套，实现了页面。
2.2Element的学习
在理解Vue.js后就能大致看懂Element个个组件的代码，与之前学的传统Js代码还是有很大区别。

不足：
只是能看懂代码，还需要一些东西学会用

在学会对于Elemnt组件环境的搭建，在不理解Vue.js的情况下，只是跟着视频一步一步做只是能使用组件。对于实际使用上则会有很大不足够，最好学习一下Vue.js和webpack的基础。
Logo
Vue

前往低代码交流专区

更多推荐

vue 表单验证

1、6位小写字母和数字必须包含两个字母rules: [{ required: true, message: "XXX不能为空", trigger: "blur" },{ max: 6, message: "最大长度为6位字符", trigger: "blur" },{pattern: /^(?=(?:[^a-z]*[a-z]){2})[a-z0-9]{6,6}$/, //不连续的两位字母// /^

avatar Vue
cover

echarts堆叠柱状图

avatar Vue

Vue里echarts根据页面大小动态调整/自适应

Vue里echarts根据页面大小动态调整/自适应

avatar Vue