![](https://img-blog.csdnimg.cn/20190918140012416.png?x-oss-process=image/resize,m_fixed,h_224,w_224)
前端技术
发布Java开发中涉及到的前端技术
一一哥Sun
孙玉昌,十年软件开发及授课经验,专注大学生毕业设计及面试求职私塾式指导!阿里云专家、CSDN博客专家、掘金优质创作者!曾任国内物流行业独角兽企业架构师,参与国内领先的智能物流系统平台天眼/冷链/订单/车次中心系统研发;主导某在线教育App及后台架构;负责大庆油田采油管理系统,春华旅业云计算系统等大型项目研发。目前担任某知名机构技术研发经理,上海校区教学负责人,培养了大批入职阿里、IBM、百度、华为等名企的高薪学生。坚持一心做教育,做一流教育的理念,被学生爱称为"一一哥"!
展开
-
Windows系统中安装Visual Studio Code,并安装Vue插件详细图文教程
1.双击程序安装图标,选择接受安装协议2.选择安装位置3.勾选如下选项,尤其注意勾选”PATH“选项,会自动设置环境变量4.接下来选择安装程序即可5.安装成功,进入安装界面6.勾选自己想安装的插件7.安装Vue相关的插件继续安装接下来就可以在VS code中开发vue项目了。...原创 2020-06-27 21:34:44 · 1202 阅读 · 0 评论 -
Day19_10_Vue教程之v-for
Vue教程之v-for一.循环遍历语句v-for二.HTML<div id="vue"> <li v-for="item in items"> {{ item.message }} </li></div>注:items是源数据数组并且item是数组元素迭代的别名。是不是像极了Thymel...原创 2019-08-07 08:41:28 · 287 阅读 · 0 评论 -
Day19_09_Vue教程之v-on
Vue教程之v-on一.监听事件v-on二. HTML<div id="vue"> <button v-on:click="sayHi">点我</button></div>注:在这里我们使用了v-on绑定了click事件,并指定了名为sayHi的方法三.JavaScript方法必须定义在 Vue 实...原创 2019-08-06 22:43:45 · 283 阅读 · 0 评论 -
Day19_08_Vue教程之v-else-if
Vue教程之v-else-if一.连续的条件判断语句 v-if v-else-if v-else 二.HTML<div id="vue"> <h1 v-if="type === 'A'">A</h1> <h1 v-else-if="type === 'B'">B</h1> &...原创 2019-08-06 22:42:58 · 244 阅读 · 0 评论 -
Day19_07_Vue教程之Vue表单输入
Vue教程之Vue表单输入一.什么是双向数据绑定Vue.js 是一个 MVVM 框架,即数据双向绑定,即当数据发生变化的时候,视图也就发生变化,当视图发生变化的时候,数据也会跟着同步变化。这也算是 Vue.js 的精髓之处了。值得注意的是,我们所说的数据双向绑定,一定是对于 UI 控件来说的,非 UI 控件不会涉及到数据双向绑定。单向数据绑定是使用状态管理工具的前提。如果我们使用vuex...原创 2019-08-06 22:41:36 · 293 阅读 · 0 评论 -
Day19_06_Vue教程之Vue实例的生命周期
Vue教程之Vue实例的生命周期一.什么是生命周期Vue 实例有一个完整的生命周期,也就是从开始创建、初始化数据、编译模板、挂载 DOM、渲染→更新→渲染、卸载等一系列过程,我们称这是 Vue 的生命周期。通俗说就是 Vue 实例从创建到销毁的过程,就是生命周期。在 Vue 的整个生命周期中,它提供了一系列的事件,可以让我们在事件触发时注册 JS 方法,可以让我们用自己注册的 JS 方...原创 2019-08-06 22:39:43 · 286 阅读 · 0 评论 -
Day19_05_Vue教程之第一个Vue应用程序
Vue教程之第一个Vue应用程序一.兼容性Vue不支持IE8 及以下版本,因为 Vue 使用了 IE8 无法模拟的 ECMAScript 5 特性。但它支持所有兼容 ECMAScript 5 的浏览器。二.下载地址 开发版本 包含完整的警告和调试模式:https://vuejs.org/js/vue.js 删除了警告,30.96KB min + gz...原创 2019-08-06 22:34:12 · 291 阅读 · 0 评论 -
Day19_04_Vue教程之环境搭建
Vue教程之环境搭建一.安装node.js(https://nodejs.org/en/)下载完毕后,可以安装node,建议不要安装在系统盘(如C:)。二. 设置nodejs prefix(全局)和cache(缓存)路径1. 在nodejs安装路径下,新建node_global和node_cache两个文件夹2. 设置缓存文件夹npm config ...原创 2019-08-06 22:32:11 · 453 阅读 · 0 评论 -
Day19_03_Vue教程之Vue简介
Vue教程之Vue简介一.简介Vue (读音 /vjuː/,类似于 view) 是一套用于构建用户界面的渐进式框架,发布于 2014 年 2 月。与其它大型框架不同的是,Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层,不仅易于上手,还便于与第三方库(如:vue-router,vue-resource,vuex)或既有项目整合。二.MVVM 模式的实现者MVVM ...原创 2019-08-06 22:27:59 · 250 阅读 · 0 评论 -
Day19_02_Vue教程之MVVM模式
MVVM模式一.什么是 MVVM?MVVM(Model-View-ViewModel)是一种软件架构设计模式,由微软 WPF(用于替代 WinForm,以前就是用这个技术开发桌面应用程序的)和 Silverlight(类似于 Java Applet,简单点说就是在浏览器上运行的 WPF) 的架构师 Ken Cooper 和 Ted Peters 开发,是一种简化用户界面的事件驱动编程方式。...原创 2019-08-06 22:27:09 · 324 阅读 · 0 评论 -
Day19_01_Vue教程之前后端分离的演变史
Vue教程之前后端分离的演变史一.为什么需要前后分离1. 后端为主的 MVC 时代为了降低开发的复杂度,以后端为出发点,比如:Struts、SpringMVC 等框架的使用,就是后端的 MVC 时代.以SpringMVC流程为例: 发起请求到前端控制器(DispatcherServlet) 前端控制器请求HandlerMapping查找Handler,可...原创 2019-08-06 22:26:11 · 1004 阅读 · 0 评论