05 2020 档案

webpack生产环境配置
摘要：生产环境配置 1. 创建文件 2. 修改配置文件 3. 修改package.json 4. 运行指令: webpack 阅读全文
posted @ 2020-05-17 12:24 Maple_XL 阅读(165) 评论(0) 推荐(0)
webpack开发环境配置
摘要：需要的依赖 1. Node.js 2. webpack 3. 各种loader 4. html webpack plugin 插件 5. dev server webpack开发环境配置 1. 创建文件 2. 修改配置文件(webpack.config.js) 3. 运行指令: npx webpac 阅读全文
posted @ 2020-05-16 23:06 Maple_XL 阅读(316) 评论(0) 推荐(1)
Vue计算属性和侦听器
摘要："计算属性" 模板内的表达式非常便利，但是设计它们的初衷是用于简单运算的。在模板中放入太多的逻辑会让模板过重且难以维护。例如： 在这个地方，模板不再是简单的声明式逻辑。你必须看一段时间才能意识到，这里是想要显示变量 的翻转字符串。当你想要在模板中多包含此处的翻转字符串时，就会更加难以处理。 所以，对 阅读全文
posted @ 2020-05-15 23:19 Maple_XL 阅读(151) 评论(0) 推荐(0)
Vue 的路由
摘要：Vue 的路由 前端路由:对于单页面应用程序来说,主要通过URL中的hash( 号)来实现不同页面之间的切换,同时hash有一个特点: HTTP请求中不会包含hash相关的内容;所以，单页面程序中的页面跳转主要用hash实现。 Vue Router的基本使用 路由传参 1. 通过query方式传参 阅读全文
posted @ 2020-05-15 23:18 Maple_XL 阅读(212) 评论(0) 推荐(0)
Vue 通过ref获取DOM元素
摘要：Vue 通过ref获取DOM元素 被用来给元素或子组件注册引用信息。引用信息将会注册在父组件的 对象上。如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指向组件实例： 当 用于元素或组件的时候，引用信息将是包含 DOM 节点或组件实例的数组。通过this,$r 阅读全文
posted @ 2020-05-15 23:16 Maple_XL 阅读(4735) 评论(0) 推荐(0)
Vue组件
摘要：Vue组件 组件的出现就是为了拆分Vue实例的代码量的，能够让我们以不同的组件来划分不同的功能模块，将来我们需要什么样的功能就去调用相应的组件即可。 创建组件 方式1：使用Vue.extend创建组件对象，使用Vue.component注册组件 方式二：直接使用Vue.component(组件名,{ 阅读全文
posted @ 2020-05-15 23:15 Maple_XL 阅读(205) 评论(0) 推荐(0)
Vue动画
摘要：Vue动画 使用过度类名实现动画 1. 将要使用过度动画的标签用transition包裹 2. 定义两组样式 自定义样式前缀 可以在transition标签中用name来指定对应的样式前缀 这样做的话，在定义动画时也要用my作为前缀 使用第三方类库实现动画 Animate.css 在transiti 阅读全文
posted @ 2020-05-15 23:14 Maple_XL 阅读(143) 评论(0) 推荐(0)
vue-resource发起get,post,jsonp请求
摘要：vue resource发起get,post,jsonp请求 以下是一个简单的 Get 请求实例，请求地址是一个js文件： post 请求和jsonp请求 post 发送数据到后端，需要第三个参数 {emulateJSON:true} 。 emulateJSON 的作用： 如果Web服务器无法处理编 阅读全文
posted @ 2020-05-15 23:12 Maple_XL 阅读(405) 评论(0) 推荐(0)
vue实例的生命周期
摘要：vue实例的生命周期 什么是生命周期:从Vue实例创建、运行、到销毁期间,总是伴随着各种各样的事件,这些事件,統称为生命周期! 生命周期钩子:就是生命周期事件的别名而已; 主要的生命周期函数分类: 创建期间的生命周期函数: beforeCreate :实例刚在内存中被创建出来,此时,还没有初始化好d 阅读全文
posted @ 2020-05-15 23:11 Maple_XL 阅读(126) 评论(0) 推荐(0)
Vue自定义指令和认识钩子函数
摘要：自定义指令 javascript // 注册一个全局自定义指令 Vue.directive('focus', { // 当被绑定的元素插入到 DOM 中时…… inserted: function (el) { //这里第一个参数永远是el // 聚焦元素 el.focus() } }) 如果想注册 阅读全文
posted @ 2020-05-15 23:09 Maple_XL 阅读(823) 评论(0) 推荐(0)
按键修饰符
摘要：按键修饰符 在监听键盘事件时，我们经常需要检查详细的按键。Vue 允许为 在监听键盘事件时添加按键修饰符： 你可以直接将 " " 暴露的任意有效按键名转换为 kebab case 来作为修饰符。 在上述示例中，处理函数只会在 等于 时被调用 按键码 的事件用法 "已经被废弃了" 并可能不会被最新的浏 阅读全文
posted @ 2020-05-15 23:08 Maple_XL 阅读(534) 评论(0) 推荐(0)
Vue 的过滤器
摘要：Vue 的过滤器 Vue.js 允许你自定义过滤器，可被用于一些常见的文本格式化。过滤器可以用在两个地方： 双花括号插值和 表达式 (后者从 2.1.0+ 开始支持)。过滤器应该被添加在 JavaScript 表达式的尾部，由“管道”符号指示： 你可以在一个组件的选项中定义本地的过滤器： 或者在创建 阅读全文
posted @ 2020-05-15 23:06 Maple_XL 阅读(121) 评论(0) 推荐(0)
列表渲染
摘要：列表渲染 "用 把一个数组对应为一组元素" 我们可以用 指令基于一个数组来渲染一个列表。 指令需要使用 形式的特殊语法，其中 是源数据数组，而 则是被迭代的数组元素的 别名 。 结果： Foo bar 在 块中，我们可以访问所有父作用域的 property。 还支持一个可选的第二个参数，即当前项的索 阅读全文
posted @ 2020-05-15 23:04 Maple_XL 阅读(321) 评论(0) 推荐(0)
在Vue中使用.class样式
摘要：在Vue中使用.class样式 我们可以传给 一个对象，以动态地切换 class： 上面的语法表示 这个 class 存在与否将取决于数据 property 的 "truthiness" 。 你可以在对象中传入更多字段来动态切换多个 class。此外， 指令也可以与普通的 class attribu 阅读全文
posted @ 2020-05-15 23:03 Maple_XL 阅读(680) 评论(0) 推荐(0)
v-model 数据双向绑定
摘要：v-model 数据双向绑定 v-model只能在表单元素中使用 <!DOCTYPE html> <html lang="zh-cn"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, 阅读全文
posted @ 2020-05-15 23:01 Maple_XL 阅读(214) 评论(0) 推荐(0)
Vue指令之v-on的缩写和事件修饰符
摘要：Vue指令之v on的缩写和事件修饰符 事件修饰符: .stop阻止冒泡 冒泡机制是指，先触发当前元素的事件，再触发包裹当前元素的元素的事件。 比如，div内有一个按钮，它们都绑定了单击事件，当单击按钮时会先触发按钮的click后触发div的click。 使用.stop可阻止冒泡如无冒泡 .prev 阅读全文
posted @ 2020-05-15 22:59 Maple_XL 阅读(324) 评论(0) 推荐(0)
Vue基本代码
摘要：Vue基本代码 1. 导入Vue的包 2. 创建一个Vue的实例 3. v cloak v text 和 v html 4. v bind绑定数据，v on绑定事件 实例，跑马灯效果 阅读全文
posted @ 2020-05-15 22:55 Maple_XL 阅读(838) 评论(0) 推荐(0)
简单认识一下Vuejs和安装Vue
摘要：简单认识一下Vuejs Vue(读音 /vju:/ ,类似于view) Vue是一个渐进式的框架 渐进式意味着你可以将Vue作为你应用的一部分嵌入其中,带来更丰富的交互体验。 或者如果你希望将更多的业务逻辑使用Vue实现,那么Vue的核心库以及其生态系统。 比如Core+Vue router+Vue 阅读全文
posted @ 2020-05-15 22:53 Maple_XL 阅读(239) 评论(0) 推荐(0)
SpringMVC 文件上传下载
摘要：文件上传下载 准备工作 文件上传是项目开发中最常见的功能之一 ,springMVC 可以很好的支持文件上传，但是SpringMVC上下文中默认没有装配MultipartResolver，因此默认情况下其不能处理文件上传工作。如果想使用Spring的文件上传功能，则需要在上下文中配置Multipart 阅读全文
posted @ 2020-05-11 10:27 Maple_XL 阅读(162) 评论(0) 推荐(0)
SpringMVC拦截器
摘要：拦截器 概述 SpringMVC的处理器拦截器类似于Servlet开发中的过滤器Filter,用于对处理器进行预处理和后处理。开发者可以自己定义一些拦截器来实现特定的功能。 过滤器与拦截器的区别： 拦截器是AOP思想的具体应用。 过滤器 servlet规范中的一部分，任何java web工程都可以使 阅读全文
posted @ 2020-05-11 10:25 Maple_XL 阅读(191) 评论(0) 推荐(0)
整合SSM
摘要：整合SSM 准备工作 数据库环境 创建一个存放书籍数据的数据库表 CREATE DATABASE `ssmbuild`; USE `ssmbuild`; DROP TABLE IF EXISTS `books`; CREATE TABLE `books` ( `bookID` INT(10) NOT 阅读全文
posted @ 2020-05-11 10:22 Maple_XL 阅读(191) 评论(0) 推荐(0)
SpringMVC JSON交互处理
摘要：JSON交互处理 什么是JSON？ JSON(JavaScript Object Notation, JS 对象标记) 是一种轻量级的数据交换格式，目前使用特别广泛。 采用完全独立于编程语言的 文本格式 来存储和表示数据。 简洁和清晰的层次结构使得 JSON 成为理想的数据交换语言。 易于人阅读和编 阅读全文
posted @ 2020-05-08 18:13 Maple_XL 阅读(227) 评论(0) 推荐(0)
数据处理和乱码处理
摘要：数据处理 处理提交数据 1、提交的域名称和处理方法的参数名一致 提交数据 : http://localhost:8080/hello?name=maple 处理方法 : 后台输出 : maple 2、提交的域名称和处理方法的参数名不一致 提交数据 : http://localhost:8080/he 阅读全文
posted @ 2020-05-08 10:27 Maple_XL 阅读(391) 评论(0) 推荐(0)
Controller配置总结和RestFul风格
摘要：Controller配置总结和RestFul风格 Controller（控制器） 控制器复杂提供访问应用程序的行为，通常通过接口定义或注解定义两种方法实现。 控制器负责解析用户的请求并将其转换为一个模型。 在Spring MVC中一个控制器类可以包含多个方法 在Spring MVC中，对于Contr 阅读全文
posted @ 2020-05-07 22:42 Maple_XL 阅读(329) 评论(0) 推荐(0)
什么是springMVC和第一个springMVC
摘要：什么是SpringMVC SpringMVC原理如下图所示 第一个SpringMVC程序 配置版 1、新建一个Moudle ， hello ， 添加依赖的支持！ 2、确定导入了SpringMVC 的依赖！ 3、配置web.xml ， 注册DispatcherServlet 4、编写SpringMVC 阅读全文
posted @ 2020-05-07 18:51 Maple_XL 阅读(218) 评论(0) 推荐(0)
spring 整合MyBatis
摘要：整合MyBatis 需要用到的包 junit mybatis mysql connector java spring相关 aspectJ AOP 织入器 mybatis spring整合包 【重要】 MyBatis Spring学习 整合Spring于MyBatis之前需要了解mybatis spr 阅读全文
posted @ 2020-05-06 21:05 Maple_XL 阅读(120) 评论(0) 推荐(0)
Spring AOP面向切面编程3种实现方式
摘要：AOP面向切面编程 什么是AOP AOP（Aspect Oriented Programming）意为：面向切面编程，通过预编译方式和运行期动态代理实现程序功能的统一维护的一种技术。AOP是OOP的延续，是软件开发中的一个热点，也是Spring框架中的一个重要内容，是函数式编程的一种衍生范型。利用A 阅读全文
posted @ 2020-05-04 20:37 Maple_XL 阅读(2344) 评论(1) 推荐(0)
静态代理和动态代理
摘要：代理模式 SpringAOP底层就是使用的代理模式。 静态代理 静态代理角色分析 抽象角色 : 一般使用接口或者抽象类来实现 真实角色 : 被代理的角色 代理角色 : 代理真实角色 ; 代理真实角色后 , 一般会做一些附属的操作 . 客户 : 使用代理角色来进行一些操作 . 代码实现 Rent . 阅读全文
posted @ 2020-05-04 12:25 Maple_XL 阅读(194) 评论(0) 推荐(0)
Spring使用注解
摘要：Spring使用注解 使用注解自动装配 jdk1.5开始支持注解，spring2.5开始全面支持注解。 准备工作：利用注解的方式注入属性。 1、在spring配置文件中引入context文件头 2、开启属性注解支持！ @Autowired @Autowired是按类型自动转配的，不支持id匹配。 需 阅读全文
posted @ 2020-05-04 12:21 Maple_XL 阅读(209) 评论(0) 推荐(0)
Spring Bean的作用域和自动装配
摘要：Bean的作用域 | Scope | Description | | : | : | | "singleton" | (Default) Scopes a single bean definition to a single object instance for each Spring IoC c 阅读全文
posted @ 2020-05-03 17:42 Maple_XL 阅读(255) 评论(0) 推荐(0)
DI依赖注入
摘要：DI依赖注入 依赖：bean对象的创建依赖于容器。 注入：bean对象中的所有属性由容器来注入。 1. 构造器注入 2. Set方式注入 要求被注入的属性 , 必须有set方法 , set方法的方法名由set + 属性首字母大写 , 如果属性是boolean类型 , 没有set方法 , 是 is . 阅读全文
posted @ 2020-05-03 16:01 Maple_XL 阅读(247) 评论(0) 推荐(0)
Spring配置文件
摘要：Spring配置文件 1. bean对应Java类，指定由spring管理的类。 2. alias：给bean配置别名（感觉完全多余） 3. import：一般用于团队开发，可以将多个配置文件导入合并为一个配置文件。 阅读全文
posted @ 2020-05-03 16:00 Maple_XL 阅读(245) 评论(0) 推荐(0)
初识Spring和IOC理解
摘要：简介 Spring : 春天 给软件行业带来了春天 2002年，Rod Jahnson首次推出了Spring框架雏形interface21框架。 2004年3月24日，Spring框架以interface21框架为基础，经过重新设计，发布了1.0正式版。 Spring理念 : 使现有技术更加实用 . 阅读全文
posted @ 2020-05-02 23:32 Maple_XL 阅读(167) 评论(0) 推荐(0)
MyBatis缓存
摘要：MyBatis缓存 MyBatis包含一个非常强大的查询缓存特性，它可以非常方便地定制和配置缓存。缓存可以极大的提升查询效率。 MyBatis系统中默认定义了两级缓存： 一级缓存 和 二级缓存 默认情况下，只有一级缓存开启。（SqlSession级别的缓存，也称为本地缓存） 二级缓存需要手动开启和配 阅读全文
posted @ 2020-05-02 13:22 Maple_XL 阅读(157) 评论(0) 推荐(0)
MyBatis动态SQL
摘要：动态SQL if EmpMapper接口 EmpMapper.xml where 有时候查询语句不一定会有where此时使用标签智能添加where choose 如果上面的查询只需要选择其中一个条件来执行，而不是所有满足条件的则可以使用标签 set set标签与where标签类似，它能智能的为upd 阅读全文
posted @ 2020-05-02 10:47 Maple_XL 阅读(269) 评论(0) 推荐(0)
MyBatis多对一和一对多关系的处理
摘要：多对一关系的处理 前期准备 1. 数据库关系 可以看到employee是参照department表的，是多对一的关系 2. 实体类 com.maple.pojo.Department com.maple.pojo.Employee com.maple.entity.Department com.ma 阅读全文
posted @ 2020-05-01 14:53 Maple_XL 阅读(366) 评论(0) 推荐(0)