天道酬勤,学无止境

Vue学习路线(上)

Vue开发基础👆

    • Vue实例
      • 创建Vue实例
      • el唯一根标签
      • data初始数据
      • methods定义方法
      • computed计算属性
      • watch状态监听
      • filters过滤器
    • Vue数据绑定
      • 绑定样式
        • 内联样式
        • 绑定样式类
      • 内置指令
    • Vue事件
      • 事件监听
      • 事件修饰符
    • Vue组件
      • 什么是组件
      • 局部注册组件
      • template模板
      • 组件之间数据传递
      • 组件转换
    • Vue生命周期
      • 钩子函数
      • 实例创建
      • 页面挂载
      • 数据更新
      • 实例销毁
      • 请简述什么是Vue组件化开发

Vue实例

创建Vue实例

Vue实例:通过new关键字实例化Vue({})构造函数。

<script>
  var vm = new Vue({
    // 选项
  })
<script>

Vue实例配置对象:
在这里插入图片描述
在这里插入图片描述

el唯一根标签

el唯一根标签:在创建Vue实例时,el表示唯一根标签,class或id选择器可用来将页面结构与Vue实例对象vm中的el绑定。

data初始数据

data初始数据:Vue实例的数据对象为data,Vue会将data的属性转换为getter、setter,从而让data的属性能够响应数据变化。

methods定义方法

methods基本概念
1️⃣methods属性用来定义方法,通过Vue实例可以直接访问这些方法
2️⃣在定义的方法中,this指向Vue实例本身
3️⃣定义在methods属性中的方法可以作为页面中的事件处理方法使用
4️⃣当事件触发后,执行相应的事件处理方法

computed计算属性

computed计算属性:计算属性结果会被缓存起来,当依赖的响应式属性发生变化时,才会重新计算,返回最终结果。

watch状态监听

通过watch获取新值和旧值。

filters过滤器

filters过滤器:在页面中直接操作数据,返回最终结果。

Vue数据绑定

绑定样式

绑定样式:Vue提供了样式绑定功能,可以通过绑定内联样式和绑定样式类这两种方式来实现。

内联样式

通过绑定内联样式实现元素的背景色红色和粉色
在vm实例的data中定义myDiv样式对象

data: {
    myDiv:  {
      backgroundColor: 'red', 
      width: '100px',
      height: '100px‘
   }
     pink:'pink',
     width:'100%', 
     height: '200px'
}

通过v-bind绑定data中定义的myDiv对象

<div id="app">
  <!-- 绑定样式属性值 -->
  <div v-bind:style="{backgroundColor:pink,width:width,height:height}">
         <!-- 绑定样式对象 -->
         <div v-bind:style=“myDiv”></div>
  </div>
</div>

绑定样式类

通过绑定data中的类名实现元素的样式
通过v-bind绑定类名,并设置类名的值为{box}和{inner}。

<div id = “app">
  <div v-bind:class="{box}">我是box
    <div v-bind:class="{inner}">我是inner1</div>
    <div v-bind:class="{inner}">我是inner2</div>
  </div>
</div>

在vm实例的data中定义box和inner的属性值分别是box和inner

<script>
  var vm = new Vue({
    el: '#app', 
    data: {
      box: 'box', 
      inner: 'inner' 
    }
  })
</script>
.box {
  background-color: pink;
  width: 100%; height: 200px;
}
.inner {
  background-color: red;
  width: 100px; height: 50px;
  border: 2px solid white;
}

内置指令

常用内置指令:
在这里插入图片描述
在这里插入图片描述

v-model指令:v-model主要实现数据双向绑定,通常用在表单元素上,例如input、textarea、select等。
v-text指令: v-text是在DOM元素内部插入文本内容.
v-html指令: v-html是在DOM元素内部插入HTML标签内容.
v-bind指令: v-bind可以实现单向数据绑定.
v-on指令: v-on是事件监听指令,直接与事件类型配合使用.
v-for指令: v-for可以实现页面列表渲染,常用来循环数组.
v-if和v-show指令: v-if用来控制元素显示或隐藏,属性为布尔值。

<div id="app">
  <div v-if="isShow" style="background-color:#ccc;">我是v-if</div>
  <button @click="isShow=!isShow">显示/隐藏  </button>
</div>

Vue事件

事件监听

v-on绑定事件:在Vue中可以使用内置指令v-on监听DOM事件,并在触发时运行一些JavaScript代码,或绑定事件处理方法。
使用按键enter修饰符监听按键:在页面中定义表单元素input输入框。

<div id="app">
  <input type="text" v-on:keyup.enter="submit">
</div>

事件修饰符

在这里插入图片描述
.stop事件修饰符:
1️⃣在前端开发中,复杂的页面结构需要很多事件来完成交互行为
2️⃣默认的事件传递方式是冒泡,同一事件类型会在元素内部和外部触发,有可能会造成事件的错误触发,所以就需要使用.stop修饰符阻止事件冒泡行为
.prevent事件修饰符:HTML标签具有自身特性,例如,标签被单击时会自动跳转。在实际开发中,如果标签的默认行为与事件发生冲突,此时可以使用.prevent修饰符来阻止标签的默认行为。
.capture事件修饰符:事件捕获的执行顺序是由外部结构向内部结构执行,与事件冒泡的顺序相反。
.self事件修饰符:事件修饰符.self用来实现只有DOM元素本身会触发事件。
.once事件修饰符:只触发一次事件处理函数。

Vue组件

什么是组件

组件:在Vue中,组件是构成页面中独立结构单元,组件主要以页面结构形式存在,不同组件也具有基本交互功能。
组件特性:
1️⃣能够减少重复代码的编写,提高开发效率。
2️⃣降低代码之间的耦合程度,使项目更易维护和管理。
3️⃣根据业务逻辑实现复杂的项目功能。

局部注册组件

注册局部组件:Vue.component()方法用于全局注册组件,除了全局注册组件外,还可以局部注册组件,通过Vue实例的components属性来实现。

template模板

template模板:Vue提供了标签来定义结构的模板,可以在该标签中书写HTML代码,然后通过id值绑定到组件内的template属性上,这样就有利于在编辑器中显示代码提示和高亮显示,不仅改善了开发体验,也提高了开发效率。

组件之间数据传递

组件之间的依赖关系:组件之间的数据传递需要借助一些工具
(如props属性)来实现父组件向子组件传递数据信息。
在这里插入图片描述
props传值:props即道具,用来接收父组件中定义的数据,其值为数组,数组中是父组件传递的数据信息。
$ emit传值:$ emit能够将子组件中的值传递到父组件中去。$emit可以触发父组件中定义的事件,子组件的数据信息通过传递参数的方式完成。

组件转换

v-if与v-else : Vue中的页面结构是由组件构成的,不同组件可以表示不同页面,适合进行单页应用开发。

Vue生命周期

钩子函数

钩子函数:钩子函数用来描述Vue实例从创建到销毁的整个生命周期。
在这里插入图片描述

实例创建

beforeCreate和created:创建实例对象之前或实例对象创建之后执行。

页面挂载

beforeMount和mounted: 在实例创建后,如果挂载点el存在,就进行页面挂载。

数据更新

beforeUpdate和updated: Vue实例挂载完成后,当数据发生变化时,会执行beforeUpdate和updated钩子函数。

实例销毁

beforeDestroy和destroyed:生命周期函数的最后阶段是实例的销毁,会执行beforeDestroy和destroyed钩子函数。

请简述什么是Vue组件化开发

1). 在Vue中,组件是构成页面中独立结构单元,能够减少重复代码的编写
2). 提高开发效率,降低代码之间的耦合程度,使项目更易维护和管理
3). 组件主要以页面结构形式存在,不同组件也具有基本交互功能,根据业务逻辑实现复杂的项目功能

受限制的 HTML

  • 允许的HTML标签:<a href hreflang> <em> <strong> <cite> <blockquote cite> <code> <ul type> <ol start type> <li> <dl> <dt> <dd> <h2 id> <h3 id> <h4 id> <h5 id> <h6 id>
  • 自动断行和分段。
  • 网页和电子邮件地址自动转换为链接。

相关推荐
  • 安卓最牛教材!史上最强vue总结来了,系列教学
    前言 这篇文章主要是分享今年上半年的面试心得,现已就职于某大厂有三个月了,近期有很多公司均已启动秋招,也祝大家在 2020 的下半年面试顺利,获得理想的offer! 之前找工作的那段时间感想颇多,总结一点面试经验和人生思考分享给大家。 架构师筑基必备技能学习路线 对应学习路线的学习资料 **架构师筑基必备技能:**深入Java泛型,注解深入浅出,并发编程,数据传输与序列化,Java虚拟机原理,反射与类加载,动态代理,高效IO… 对应学习视频(太多就不展示了) Android高级UI与Framework源码学习路线 对应学习路线的学习资料 Android高级UI与Framework源码:高级UI晋升,Framework内核解析,Android组件内核,数据持久化 对应学习路线的学习视频 360°全方面性能调优学习路线 360°全方面性能调优学习资料 360°全方面性能调优学习视频 解读开源框架设计思想学习路线 解读开源框架设计思想学习资料 热修复设计,插件化框架解读,组件化框架设计,图片加载框架,网络访问框架设计… 解读开源框架设计思想学习视频 NDK学习路线 NDK进阶学习全套资料 NDK进阶学习全套视频 架构师实战学习路线 架构师实战学习资料 微信小程序学习路线 微信小程序学习资料 实战系列 话不多说,Android实战系列集合都已经系统分类好,由于文章篇幅问题没法过多展示
  • 史上最强vue总结来了,附面试题答案
    开头 中国互联网发展的这些年,如今90后程序员是中国程序员的主力军,互联网的热潮也让一批批00后蠢蠢欲动,尝试涌入互联网圈。 当程序员容易,当一个优秀的程序员需要不断学习,从初级程序员到高级程序员,从初级架构师到资深架构师,或者走向管理,从技术经理到技术总监,每个阶段都需要掌握不同的能力。早早确定自己的职业方向,才能在工作和能力提升中甩开同龄人。 架构师筑基必备技能学习路线 对应学习路线的学习资料 **架构师筑基必备技能:**深入Java泛型,注解深入浅出,并发编程,数据传输与序列化,Java虚拟机原理,反射与类加载,动态代理,高效IO… 对应学习视频(太多就不展示了) Android高级UI与Framework源码学习路线 对应学习路线的学习资料 Android高级UI与Framework源码:高级UI晋升,Framework内核解析,Android组件内核,数据持久化 对应学习路线的学习视频 360°全方面性能调优学习路线 360°全方面性能调优学习资料 360°全方面性能调优学习视频 解读开源框架设计思想学习路线 解读开源框架设计思想学习资料 热修复设计,插件化框架解读,组件化框架设计,图片加载框架,网络访问框架设计… 解读开源框架设计思想学习视频 NDK学习路线 NDK进阶学习全套资料 NDK进阶学习全套视频 架构师实战学习路线 架构师实战学习资料 微信小程序学习路线
  • vue链接规则_前端学习路径:Vue学习路线图来了
    Vue 概述 如果你是一名 Vue 开发新手,可能已经听过很多行话术语,比如单页面应用程序、异步组件、服务器端渲染等等,或者还听说过与 Vue 有关的一些工具和库,比如 Vuex、Webpack、Vue CLI 和 Nuxt。 具体学习路线图: 一、Vue基础 1. 对于没有接触过es6和webpack的童鞋来说,不建议直接用官方的脚手架vue-cli构件项目。 2. 先按文档顺序最少学习完组件那一章。直接在html文件中引入vue.js开始学习,了解vue的基础指令和语法。 3. vue的生命周期很重要,了解这点以后可以免去很多问题。 4. 学完这些可以做一些练手的小项目。 5. 现在可以开始学习使用vue-cli构件项目了,学习组件化之前,推荐先看一下es6关于模块的介绍。阮一峰《ECMAScript6》 Module 6. 光会这些还是不够的,还得会一些npm基础,知道如何用git-bash来安装依赖,会一些常用的命令。这方面的知识可以参阅npm入门文档 7. 看完这些就可以试着将之前的写的demo用搭建的vue-cli来实现。 8. 多看看组件那里,看看如何在vue-cli中怎么实现组件化,说白了,vue玩的就是组件。 9. 到这里vue基础篇就结束了。你还可以有条件的参阅剩下的官方文档里面的进阶篇,如果时间有限,就直接进入vue-router 二、Vue-router 1
  • 前端学习梳理——wsdchong
    前端学习梳理 前言 最近学习了一部分前端内容,今天重新梳理一下。 主要借鉴的书有《前端技术架构与工程》、《大前端入门指南》、《vue.js从入门到项目实战》、《springboot+vue全栈开发实战》; 《前端技术架构与工程》从架构师的角度讲解了前端技术的前因后果以及工程化思想;值得反复阅读。里面讲技术架构和工程服务体系时归纳知识十分到位。 《大前端入门指南》蜻蜓点水地讲了前端的基础(HTML+CSS+JavaScript)和常用框架(RN、微信小程序、Flutter)。可以作为字典书,便捷地找到前端的常用知识点。 《vue.js从入门到项目实战》虽然很大部分和官网差不多,但是这本书的学习建议和最后的四个项目实战还是挺有用的,可以帮助vue的入门,同时也可以作为vue的字典书。 《springboot+vue全栈开发实战》借鉴其前后端分离开发网站的过程。本来是想用node后端和前端联系起来,但是我毕业设计是用Java做的后端。暂时还是以Java后端作为主体,联系前端。 主要借鉴的文章有: Java开源项目之「自学编程之路」:学习指南+面试指南+资源分享+技术文章 里面有超多有价值的技术文章,值得反复阅读。 你们要的前端学习路线,我搞来了! 里面将的东西很清晰,我打算参考他的内容规划我的前端技术栈。我之前的技术栈感觉太宽泛了,只是简单分类,各部分联系有断层的感觉,突出不了主体
  • 前端学习的5个阶段以及学习路线
    前端学习的5个阶段 本文总结于B站UP主:objtube的卢克儿 的前端学习路线分享视频 av号:av371155356 视频地址:【干货】前端学习路线分享!写了个网站帮助你学习前端! 声明:本总结是我个人想方便留着看才记录的。 文章目录 前端学习的5个阶段1. 第一阶段2. 第二个阶段3.第三个阶段3.5 第三点五个阶段4.第四个阶段5.第五个阶段6.第六个阶段 1. 第一阶段 html css 菜鸟教程网学习 html css 基础知识, 不要使用 bootstrap 等UI框架 方法:模仿已有网站写静态网页,如使用CSS做出淘宝网首页 编辑器推荐:VsCode 建议初学者可以关闭代码提示 js 基础语法:数据类型,操作符,变量,函数声明,DOM编程,Ajax等等 书籍: JavaScript高级程序设计,api基础介绍的全 DOM编程艺术,案例贯穿,无废话,书上所有代码都要敲一遍 总结: 写一个静态个人博客网站并部署在github上,掌握git的基本语法与操作 在该阶段 不要学框架,不要学框架,不要学框架 不要学要学的jQuery,Vue,React,AngularDOM编程Bootstrap,Ant Design,Element UICSSTypeScriptJavaScript 不要跳步,不要跳步,不要跳步 (自己跳步导致基础不佳😵) 2. 第二个阶段 提升开发环境:
  • 2020最新版前端学习路线图--Vue.js项目实战
    黑马程序员前端学习路线图中第五阶段的学习是Vue.js项目实战的学习:主要介绍了前端学习路线图Vue.js项目实战的学习目标,前端学习路线图Vue.js项目实战的市场价值,前端学习路线图Vue.js项目实战的重点知识。前端学习路线图中的Vue.js项目实战学习视频可以在黑马程序员视频库中找到自学教程。 前端学习路线图中Vue.js项目实战的技术要点:Vue.js基础;webpack;社交媒体-黑马头条;Vue进阶;服务端渲染;大数据可视化。 Vue.js基础 1、Vue实例 2、文本与属性绑定 3、计算属性computed 4、侦听器watch 5、Class与Style绑定 6、条件渲染 7、列表渲染 8、事件处理 9、表单输入绑定 10、Vue实例生命周期 11、开发Vue插件和模板过滤器 12、自定义指令 13、Vue组件系统 14、Vue过渡和动画 15、VueRouter路由系统 16、组件通信 17、axios请求库 18、VueCLI脚手架工具 19、VueDevTools调试工具 20、在Vue中操作DOM webpack 1、安装与基本配置 2、打包JavaScript模块 3、打包CSS模块 4、打包图片和字体文件模块 5、打包less/sass资源模块 6、ES6转ES5 7、打包.vue资源模块 8、配置ESLint代码校验工具 9、使用clean
  • 前端体系认识和我的技术栈——wsdchong
    前端体系认识和我的技术栈 文章目录 前端体系认识和我的技术栈前言往期的学习记录第一阶段:认识(前端路线)第二阶段:理解(从产品角度看前端)第三阶段:实践(vue框架) 前端体系认识别人的前端体系我所认为的学习路线我所认为的底层 不仅仅是前端我的技术栈从开发角度从自身角度 常用到的网站搜索网站同步代码的网站互联网资讯网站技术文档网站我常用的工具的网站我常用的技术视频学习网站 我常用的软件 前言 从2020.3.12日我才开始系统接触前端。在此之前,只是简单了解前端的HTML、CSS、JavaScript。其他的vue、elementUI、node.js、ajax、webpack等都没去涉及过。 我当时在做毕业设计,题目是基于Java的在线小说发布系统。内容和前端、后端相关,于是边了解Java边了解前端,碰巧当时字节跳动校招,我被校招的前端开发工程师和Java后端开发工程师的岗位要求吸引了,由此入坑(快乐)。 1、2020届获得本科及以上学历,计算机相关专业; 2、精通HTML、CSS、JS,熟悉页面架构和布局,熟悉 HTML5/CSS3 等常用技术; 3、熟悉常用UI框架(如 Bootstrap/Pure/Kendo 等); 4、精通JavaScript、AJAX、DOM、jQuery等技术; 5、熟悉NodeJS,熟练使用 Grunt、Gulp、Webpack 等构建工具; 6
  • vue学习入门完整路线
    文章目录 入门学习总结整理 入门学习 数据怎么渲染到页面,怎么处理数据?---->指令学习 整理中获取页面元素拿不到,怎么处理?---->生命周期学习 vue学习生命周期篇(二)想要实现动画,入场,出场,半场动画?---->动画学习 vue学习动画篇(三)想要自定义过滤器,指令,组件?----> 自定义学习 自定义一些过滤器可以在不改变data的条件下更改页面显示的效果 vue学习自定义过滤器篇(四)自定义一些指令可以帮助我们提高开发效率 vue学习自定义指令篇(五)自定义组件可以让我们使用共享模板 vue学习自定义组件篇(六) 跟后端通过接口交互,怎么处理请求?----> 请求和路由学习 整理中 请求axios+接口 请求接口 vue-resource 路由 vue学习路由篇(七) 项目模板怎么弄? ---->vue脚手架(vue-cli)学习 vue脚手架篇vue-cli(八)做好项目怎么打包—>打包工具之webpack学习 整理中项目学习 vue移动端开发 vue移动端开发总结 总结 基本学习: 指令(包括自定义指令) 插值表达式,v-cloak,v-text,v-htmlv-bind v-on v-modelv-for v-if v-show v-else v-else-ifdirectives(自定义指令) 生命周期 beforeCreate created
  • 2020最新版前端学习路线图--让前端学习变得美如画
    前端学习路线是螺旋上升的,前端学习需要耗费的时间和精力不比其他编程的少,由于前端稳健性的特点,使其成为大多数企业开发的刚需编程语言。 在网上看到有很多的前端学习路线图,但大部分的前端学习路线图是很零碎的,没有系统的前端学习目标和重点知识,也不知道学到什么程度可以找工作。黑马程序员的前端学习路线图是根据主流企业的前端要求不断更新的,黑马程序员的视频库能为你提供各个阶段的自学教程。 前端入门小白在网上搜到前端学习路线图后,傻了,要学习这么多,也没有重点,算了放弃吧。小白也不知道目前哪些技能是市场需要的,哪些技能正在被市场所淘汰掉。在学习的过程中没有重点,就像大学期末考试老师没有划重点一样,经常是芝麻豆子一把抓。 企业对于前端人才最核心的需求并不是对单纯掌握某种应用型技术,而是希望前端开发者能够通过自己的经验帮助企业解决项目中随时出现的问题。 根据二八定律,我们应该用80%的有限精力去学20%的重点知识,这样学习效果是最优的。话不多说,上学习路线图。 第一阶段:HTML5 + CSS3 此阶段的学习目标: 能够独立把美工提供的PSD效果图还原成PC端静态代码页面。 此阶段的市场价值: 具备PC端静态网页开发的能力,还达不到企业用人标准。为后面学习网页编程阶段打下坚实基础。 此阶段的重点知识: 掌握 HTML5 常用标签;掌握 CSS 语法及使用技巧;掌握CSS3新增选择器
  • 前端学习路线及重点
    前端学习路线及重点 来自千禾小姐姐的“学前端感觉很吃力怎么办?方法不对努力白费,来看看怎么学习事半功倍吧”,我只是个搬运工嘿嘿~~ 点这里看小姐姐的源视频哦(●ˇ∀ˇ●) 一、HTML 重点掌握语义化根据适当的内容来选择对应的html标签,要理解所有的htm标签都是容器这个概念,区分块级和内联标签,其他查文档即可 然后是html5首先是增强型表单,例如进度条,刻度尺等各种表单元素的新属性等 还有音频和视频标签也要掌握,canvas和svg标签一定要掌握,现在很多网页端,移动端的数据展示页面动画很多都是使用canvas和svg来绘制的,然后是Geolocation地理定位,很多项目上的定位需求都是使用js来获得当前所在的地理坐标,应用非常广泛的webStorage的浏览器,存储WebSocket的长链接一定要掌握 二、css 盒子模型, 定位浮动,文档流,优先级,权重一定要熟练掌握 css3的transition和animation动画要熟练应用,因为在移动端有非常多的css3的动画需求 接下来学习几种常见的布局,完了之后再搞flex 最后搞一下sass,less 三、JavaScript this,new,语法分析new生成一个对象的过程 prototype constructor call&apply 继承 原型和原型链 闭包 IIFE 作用域链Scope 递归 面向对象相关
  • 如何学习前端炙手可热的Vue?Vue学习路线图详解!
    总结vue文档从0.11、0.12、1.0、2.x到3.0beta 本文章长期更新,持续维护 限于博主水平,如有错漏还望各位不吝赐教 文章内容可能有争议,欢迎大家理性交流与探讨 What’s vue:Vue.js是什么? 定位 设计目标(初心):通过尽可能简单的API提供响应数据绑定和可组合视图组件 灵感来源(创意):AngularJS,KnockoutJS,Ractive.js和Rivets.js。在简单性和功能性之间找到一个最佳结合点,为这些现有库提供了有价值的替代方案。 Vue.js是用于构建交互式 Web界面的 库(Doc v0.11-0.12-v1) 不成熟的框架、仅关注视图层(和大而全的框架走的不是一个路线,重点在于简单而灵活的视图层,MVVM模式的ViewModel层,通过数据绑定连接View和Model)、容易使用和集成、与适当工具和库配合时可以开发复杂SPA Vue 是一套用于构建用户界面的渐进式框架 (Doc v2.x-v3.0beta) 设计为可以自底向上逐层应用(incrementally adoptable,progressive ),V 来源:https://skysys.blog.csdn.net/article/details/112769691
  • 关于前端学习路线的一些建议(内含经典自测题)
    虽然这篇文章花了很长时间,肯定也有其局限性;希望各位不吝指出。 入题 我们俨然能感受到前端岗位现在已经发展成了最重要的研发岗位之一,所以对我们提出的要求也就越来越高。所以我们需要学的也就不仅仅只是 CSS & HTML & JavaScript 了。但这三大件一直都是前端的根本,这一点从未改变。而这三大件中 JavaScript 又是重中之重。 接下来我会结合我的一点经验,给出前端学习路线的一些具体建议。 目录 三大件学习 库工具 前端框架( MVVM )的学习 浏览器 & 计算机基础 前端工程化 性能优化 Nodejs 数据结构和算法 依葫芦画瓢 三大件学习 现在每年依旧有很多初级入门的前端开发。所以对初入门的朋友也给出一点意见。 刚入门的朋友,我觉得不应该一开始就学习像 Vue、TypeScript、Webpack 等知识。应该把重点放在 CSS & HTML & JavaScript 基础知识的学习上。 CSS & HTML 对于刚入门的朋友我依旧建议先将 CSS(3) & HTML(5) 的知识点认真学习一边。学习的途中最好是学习完一部分就自己在敲一遍代码,加深自己的记忆。 当然如果你愿意,建议你可以先仿一个网站的静态页面(掘金、知乎等都可以),有一些属性就可以了解他实际的实现场景。 当然刚开始敲代码的时候还是不要过分依赖自动补全功能
  • 聊一聊Java学习路线
    聊一聊Java学习路线今天是2020年10月24日,传说中的程序员节。可仔细想一想我真的算得上是程序员吗?我觉得我还不是,我只是一个在向程序员前进的小白啦,我之前和大多数大学生一样,以为认真完成学校的学业就可以找一份不错的工作,可现实还是很残酷的,学校里面学的内容大多都是入门级别,而且很多都已过时。所以今天正好闲下来写一个Java学习路线嘿嘿。不要问我要不要报培训班,B站就是最好的学习平台,找一个自己喜欢的UP主,一路踏踏实实的跟下去,你会有收获的!一、JavaSE基础,基础真的很重要基础部分一定要多打代码,深刻体会原理,这里不建议那种300集,500集的视频,相信我,你看不下去的。大概的知识点都要学习到,这里我总结了一下,可能不全,但是这里的知识一定要会呀!重点:集合框架要多点进源码学习!多线程和反射注重理解。有兴趣提高的还可以看看JVM和JUC并发编程,当然这个也可以把后面的学完了再看。二、前端基础,也是基础每个程序员都不想自己做出来的程序是千篇一律的,所以前端部分HTML、CSS、JS是你永远避不开的知识点。我的理解前端就和人的组成部分是一样的:HTML相当于人的骨架,CSS相当于人的外貌,而JS相当于给人注入大脑,让你像一个正常人一样活动,学习,有了各种功能。三、数据库部分,MySQL、Oracle等数据库部分主要是练习SQL语句啦,至少要练100+条基础查询语句
  • vue学习路线图,学习vue就是那么清晰。
    来源:https://sunmenglei.blog.csdn.net/article/details/108554756
  • Java后端学习路线
    前言大家好啊,我是汤小圆。今天给大家推荐的是,Java后端学习路线,希望对大家有帮助,谢谢。絮叨学习途径:书+视频+实践,结合着来,食用效果最佳单纯看书,容易枯燥单纯看视频,会少了点自己的想法,一路都是跟着Up主的思路走但是结合着来,看书可以品味到作者的用心良苦,看视频可以体会到学习的乐趣,各取所需,多好!脑图先给大家附一张脑图,这样就可以有一个大致的参考方向1. 计算机基础不管什么编程,都是要先学习计算机基础的,有点像是练武之人先蹲马步TCP/IP协议:底层通信协议很多消息中间件遵循的协议就是基于该协议创建的,比如RabbitMQ遵循的AMQP(Advanced Message Queuing Protocol)协议进程、线程:进程是系统进行资源分配和调度的最基本单元线程是进程的一部分一个进程中可以有多个线程,多个线程共享进程的全部资源计算机底层原理:了解,了解推荐书籍:操作系统导论2. Java基础这里开始进入正题了,基础学起来不难,学习+实践才是最难三大特性:封装(属性私有化),继承(代码复用),多态(接口+抽象)集合:List列表,Map键值对映射,Set(也是列表,只是列表内的数据不能有重复)并发:前期学习基础时,简单过一下线程和锁,后面进阶时再深入数据结构+算法:这个学了基础后,可以去专门的Leecode网站去刷一刷(如果你想往算法方向发展,一定要多刷)推荐书籍
  • Java后端学习路线
    前言大家好啊,我是汤小圆。今天给大家推荐的是,Java后端学习路线,希望对大家有帮助,谢谢。絮叨学习途径:书+视频+实践,结合着来,食用效果最佳单纯看书,容易枯燥单纯看视频,会少了点自己的想法,一路都是跟着Up主的思路走但是结合着来,看书可以品味到作者的用心良苦,看视频可以体会到学习的乐趣,各取所需,多好!脑图先给大家附一张脑图,这样就可以有一个大致的参考方向1. 计算机基础不管什么编程,都是要先学习计算机基础的,有点像是练武之人先蹲马步TCP/IP协议:底层通信协议很多消息中间件遵循的协议就是基于该协议创建的,比如RabbitMQ遵循的AMQP(Advanced Message Queuing Protocol)协议进程、线程:进程是系统进行资源分配和调度的最基本单元线程是进程的一部分一个进程中可以有多个线程,多个线程共享进程的全部资源计算机底层原理:了解,了解推荐书籍:操作系统导论2. Java基础这里开始进入正题了,基础学起来不难,学习+实践才是最难三大特性:封装(属性私有化),继承(代码复用),多态(接口+抽象)集合:List列表,Map键值对映射,Set(也是列表,只是列表内的数据不能有重复)并发:前期学习基础时,简单过一下线程和锁,后面进阶时再深入数据结构+算法:这个学了基础后,可以去专门的Leecode网站去刷一刷(如果你想往算法方向发展,一定要多刷)推荐书籍
  • 前端自学路线图之前端自学大纲
    文章目录 前端自学路线图第一阶段:前端自学--HTML5 + CSS3第二阶段:前端自学--移动Web网页开发第三阶段:前端自学--JavaScript网页编程第四阶段:前端自学--Node.js与AJAX第五阶段:前端自学--Vue.js项目实战第六阶段:前端自学--微信小程序第七阶段:前端自学--React.js项目实战前端自学经典资源 前端自学路线图如下,前端自学需要耗费的时间和精力不比其他编程的少,近些年企业对前端人才的需求在不断增加,怎么还会有人说自学前端找不到工作?这是出于这样的原因,黑马程序员给想要自学前端的小伙伴整理一整套自学路线图,从自学HTML5到React.Js的项目实战自学只需要看这套前端自学路线图足矣! 在网上看到有很多的前端自学路线图,但大部分的前端自学路线图是很零碎的,没有系统的前端自学目标和重点知识,也不知道自学到什么程度可以找工作。黑马程序员最新版的前端自学路线图是根据主流企业的前端要求不断更新的,黑马程序员视频库能为你提供各个阶段的自学教程。 目前,企业对于前端人才最核心的需求并不是对单纯掌握某种应用型技术,而是希望前端开发者能够通过自己的经验帮助企业解决项目中随时出现的问题。这套自学路线图的出现正是为了解决这样的困局,给自学一份出路。 前端自学路线图 第一阶段:前端自学–HTML5 + CSS3 此阶段的学习目标:
  • 前端学习路线
    文章目录 前端模板下载Html+cssHtml+css 基础教程Html+css 实战教程 JQueryJQuery视频教程 JavaScriptJavaScript基础教程JavaScript实战教程 AjaxAjax教程 BootStrapBootStrap基础教程BootStrap实战教程BootStrap模板BootStrap文档教程 LayUiLayUi教程 ES6ES6基础教程 EchartsEcharts基础教程Echarts实战教程 百度地图学习AngularAngular教程 Node.jsNode.js基础教程Node.js实战教程 React(推荐的视频有可能一样,但是要有没有资料)React基础教程React实战教程 WebpackWebpack教程 AxiosAxios教程 Vue(重中之重)Vue基础教程Vue实战教程 APP开发APP开发教程 微信小程序开发微信小程序基础教程微信小程序实战教程 微信公众号开发微信公众号开发教程 项目实战 推荐学习1 推荐学习2 推荐学习3 前端模板下载 https://www.mycodes.net/search.php?keyword=%D7%A2%B2%E1 滑动的登录注册页面 HTML5实例推荐 Html+css Html+css 基础教程 网页高级编程(青鸾云) HTML+CSS 基础入门教程全套视频 |
  • 钢七连实战C1-P1:js-python 学习路线
    C1-P1课程1,第1节课讲义要点 js-python学习路线和问题 一、学习资源:由基本功,成长为能做各种项目、解决各种问题的软件设计师、架构师。 高级JS--Vue框架 https://www.imooc.com/ 免费课,付费实战课 2480元,700人购买,学Vue框架 最终结课:TypeScript--------------北京公司,做月考系统,用TS 看了网上付费课程,能否做出一个好的上传笔记、好的月考系统 Vue框架:大一网页上javascript原生函数 大二、大三 jquery库,ajax库 大四培训:前端界面库EasyUI、ElementUI 前端程序库,处理表单(文本框、提交按钮,论坛,购物,登录,发表评论,好评,差评)、多行多列的表格,商品列表。淘宝的商品数据---》商品列表 Vue,Bootstrap 智联招聘网站: Vue,Bootstrap岗位和招聘要求 证据:2017届毕业生用Vue做了 课堂笔记上传系统 (2018年开发,2019年春使用,2019年秋使用,细节bug,缺上传月考电子版) 腾讯课堂免费课程:js免费视频。分支循环,函数,类、对象,基本库。Js贪吃蛇、愤怒的小鸟 学会高级JS--Vue框架,做不出高级成果? 大四用Vue,做不出高级的(照猫画虎的毕设)。----------原因:大三有语法错误。 二、代码和案例 1.前端网页效果
  • 2020最新版Java学习路线图--Javaweb学习重点知识
    Java学习路线图的第三个阶段是Javaweb的学习,在Java学习路线图前两个阶段学完后开始学习Javaweb。Javaweb的学习目标是具备基本的JavaWeb开发能力,熟悉Linux服务器及相关软件的使用,可完成中小型企业级项目的开发需求。这个阶段学完后就可以考虑工作了,是不是很快? 黑马程序员Java学习路线图的这个阶段需要你掌握JavaWeb开发基础知识,熟悉Java基本开发环境、 熟悉项目管理工具使用及Linux服务器使用,达到了这些才能满足Java软件开发行业的基本开发需求。 MySQL 数据库的概念常见的数据库软件MySQL数据库的安装卸载MySQL数据库的登录退出MySQL的目录结构SQL语句的分类数据库和数据表的操作数据的添加(insert)数据的删除(delete)数据的修改(update)数据的查询(select)数据的复杂查询约束的使用多表关系(一对一、一对多、多对多)三大范式详解数据库的还原和备份多表查询操作事务介绍事务的隔离数据库的用户管理和权限管理 JDBC