07 2020 档案

摘要:1.首先新建一个 Maven 项目2.项目整体框架如下:3.pom.xml 4.0.0 org.example MySQLCURD 1.0-SNAPSHOT jar ... 阅读全文
posted @ 2020-07-31 23:00 IT蓝月 阅读(138) 评论(0) 推荐(0)
摘要:一、需要用到的工具类1.字段名转换类驼峰文件名和下划线文件名相互转换的工具类package com.git.easyloan.netloan.entity.util;public class FormatConv... 阅读全文
posted @ 2020-07-29 19:40 IT蓝月 阅读(332) 评论(0) 推荐(0)
摘要:一、vue-router命名路由1.什么是命名路由给路由规则起一个别名,即为 “命名路由”const router = new VueRouter({ routes: [ { pa... 阅读全文
posted @ 2020-07-23 21:05 IT蓝月 阅读(84) 评论(0) 推荐(0)
摘要:一、动态路由1.作用通过动态路由参数的模式进行路由匹配2.定义与使用let router = new VueRouter({ routes: [ // 动态路径参数 以冒号开头 { path: ... 阅读全文
posted @ 2020-07-23 20:10 IT蓝月 阅读(91) 评论(0) 推荐(0)
摘要:一、路由重定向1.定义用户在访问地址 A 的时候,强制用户跳转到地址 C ,从而展示特定的组件页面2.解决方案通过路由规则的 redirect 属性,指定一个新的路由地址,可以很方便地设置路由的重定向let ro... 阅读全文
posted @ 2020-07-23 14:54 IT蓝月 阅读(96) 评论(0) 推荐(0)
摘要:一、路由1.后端路由概念:根据不同的用户 URL 请求,返回不同的内容本质: URL 请求地址与服务器资源之间的对应关系2.前端路由概念:根据不同的用户事件, 显示不同的页面内容本质: 用户事件与事件处理函数之间... 阅读全文
posted @ 2020-07-23 11:33 IT蓝月 阅读(108) 评论(0) 推荐(0)
摘要:组件插槽 slot1.作用父组件向子组件传递内容(这里的内容指模板,而并非数据)2.示例代码 Document 出现BUG 出现警告 3.具名插槽 ===> 有名字... 阅读全文
posted @ 2020-07-22 21:19 IT蓝月 阅读(114) 评论(0) 推荐(0)
摘要:一、父组件向子组件传值步骤1.父组件通过属性将值传递给子组件//静态传递//动态绑定获取步骤2.子组件内部通过props接收父组件传递过来的值Vue.component(‘子组件名称', { props: ... 阅读全文
posted @ 2020-07-22 20:16 IT蓝月 阅读(225) 评论(0) 推荐(0)
摘要:一、组件注册1.全局组件注册Vue.component(组件名称, { data: 组件数据, template: 组件模板内容})(1)简单使用 Document ... 阅读全文
posted @ 2020-07-22 14:02 IT蓝月 阅读(170) 评论(0) 推荐(0)
摘要:1.组件化思想图中,各个方块代表组件,左右代表兄弟关系,上下代表父子(或祖孙)关系2.组件化规范: Web ComponentsWeb Components 通过创建封装好功能的定制元素解决以下问题我们希望尽可能... 阅读全文
posted @ 2020-07-22 11:03 IT蓝月 阅读(106) 评论(0) 推荐(0)
摘要:async 和 awaitasync该关键字放到函数前面、任何一个 async 函数都会隐式返回一个 promiseawait 该关键字只能在使用 async 定义的函数中使用await后面可以直接跟一个 Pro... 阅读全文
posted @ 2020-07-22 10:40 IT蓝月 阅读(108) 评论(0) 推荐(0)
摘要:axios1.特性基于promise用于浏览器和node.js的http客户端 支持浏览器和node.js 支持promise 能拦截请求和响应 自动转换JSON数据 能转换请求和响应数据2.支持库文件下载地址h... 阅读全文
posted @ 2020-07-21 21:33 IT蓝月 阅读(104) 评论(0) 推荐(0)
摘要:Fetchfetch = ajax + Promisefetch默认是get请求 Fetch API是新的ajax解决方案 Fetch会返回Promise fetch不是ajax的进一步封装,而是原生js,没有使... 阅读全文
posted @ 2020-07-21 11:42 IT蓝月 阅读(109) 评论(0) 推荐(0)
摘要:一、接口调用方式原生ajax 基于jQuery的ajax fetch axios二、Url地址格式1.传统 url 地址格式schema://host:port/path?query#fragment-schem... 阅读全文
posted @ 2020-07-20 21:05 IT蓝月 阅读(238) 评论(0) 推荐(0)
摘要:一、生命周期挂载(初始化相关属性)① beforeCreate ② created ③ beforeMount ④ mounted更新(元素或组件的变更操作)① beforeUpdate ② updated销毁(... 阅读全文
posted @ 2020-07-18 22:57 IT蓝月 阅读(92) 评论(0) 推荐(0)
摘要:一、过滤器的作用是什么格式化数据,比如将字符串格式化为首字母大写,将日期格式化为指定的格式等二、自定义过滤器1.过滤器的定义Vue.filter(‘过滤器名称’ , function(value){ // ... 阅读全文
posted @ 2020-07-18 22:48 IT蓝月 阅读(98) 评论(0) 推荐(0)
摘要:一、什么是侦听器二、侦听器的应用场景数据变化时执行异步或开销较大的操作三、侦听器的使用watch: { 监听的变量名: function(val){ // val表示 被监听变量的最新值 ... 阅读全文
posted @ 2020-07-18 19:05 IT蓝月 阅读(129) 评论(0) 推荐(0)
摘要:1.为何需要计算属性?表达式的计算逻辑可能会比较复杂,使用计算属性可以使模板内容更加简洁2. 计算属性的用法1.定义computed: { 自定义函数名称: function () { 具体业... 阅读全文
posted @ 2020-07-18 18:32 IT蓝月 阅读(98) 评论(0) 推荐(0)
摘要:自定义指令的语法规则(获取元素焦点)Vue.directive('自定义指令名称' { inserted: function(el) { el.自定义指令名称(); }})自定义指令用法... 阅读全文
posted @ 2020-07-18 16:12 IT蓝月 阅读(113) 评论(0) 推荐(0)
摘要:表单域修饰符number:前端输入默认都为字符串,为了业务需求可以使用该指令将输入转化为数值 trim:去掉开始和结尾的空格 lazy : 将input事件切换为change事件 示例 ... 阅读全文
posted @ 2020-07-18 15:42 IT蓝月 阅读(121) 评论(0) 推荐(0)
摘要:一、分支结构v-if v-else v-else-if v-showv-if与v-show的区别v-if控制元素是否渲染到页面 v-show控制元素是否显示(已经渲染到了页面) 这是我的第一个v... 阅读全文
posted @ 2020-07-18 14:43 IT蓝月 阅读(85) 评论(0) 推荐(0)
摘要:一、属性绑定v-bind ===> Vue动态处理属性指令用法跳转缩写形式跳转 这是我的第一个vue页面 跳转 v-mode ===> 双向数据绑定 这是我的第一个vue页... 阅读全文
posted @ 2020-07-17 22:33 IT蓝月 阅读(145) 评论(0) 推荐(0)
摘要:一、何为指令?指令的本质就是自定义属性指令的格式:以v-开始(比如: v-cloak)二、指令诞生原因插值表达式存在的问题:“闪动”如何解决该问题:使用v-cloak指令解决该问题的原理:先隐藏,替换好值之后再显... 阅读全文
posted @ 2020-07-17 13:45 IT蓝月 阅读(105) 评论(0) 推荐(0)
摘要:一、国产框架Vue属于国产框架!与2014年2月诞生二、我的第一个Vue页面 这是我的第一个vue页面 // 差值表达式 {{}} ===> 将数据填充到HTML标签中 // 插值表达式... 阅读全文
posted @ 2020-07-17 13:28 IT蓝月 阅读(102) 评论(0) 推荐(0)
摘要:一、三层架构1.表现层:也就是我们常说的web层。它负责接收客户端请求,向客户端响应结果,通常客户端使用http协议请求web 层, web 需要接收 http 请求、完成 http 响应表现层包括展示层和控制层... 阅读全文
posted @ 2020-07-04 17:55 IT蓝月 阅读(115) 评论(0) 推荐(0)
摘要:1.将下载的Vue.js文件放入 js 目录下2.在页面填写如下代码 快速入门 {{message}}3.系统架构如下:4.效果如下 ... 阅读全文
posted @ 2020-07-02 20:13 IT蓝月 阅读(136) 评论(0) 推荐(0)

Live2D