4 Just丶九月

尚未进行身份认证

真相只有一个。。。 水平有限,所写blog的目的就是方便自己回头查看,当然能够帮助到同我一样的小白,也是件很开心的事情

等级
TA的排名 6w+

一篇文章就彻底弄懂建造者模式(Builder Pattern)

转载:https://www.jianshu.com/p/3d1c9ffb0a28背景当一个类的内部数据过于复杂的时候(通常是负责持有数据的类,比如Config、VO、PO、Entity...),要创建的话可能就需要了解这个类的内部结构,还有这些东西是怎么组织装配等一大坨乱七八糟的东西,这个时候就会增加学习成本而且会很混乱,这个时候就想啊想一种什么法子来管理一下这个类中的数据呢,怎么在创建的...

2019-12-26 11:19:13

单例模式——静态内部类实现(推荐使用)

转载:https://blog.csdn.net/chuangsun/article/details/77368683Java中单例模式是一种常见的设计模式,单例模式的写法有好几种,这里主要介绍三种:懒汉式单例、饿汉式单例、登记式单例。特点:1、单例类只能有一个实例。2、单例类必须自己创建自己的唯一实例。3、单例类必须给所有其他对象提供这一实例。使用场景:    单例模...

2019-12-26 11:05:25

Retrofit +OKHttp简单封装使用

本文只是为了方便自己使用,是根据慕课网上的《Android通用框架设计与完整电商App开发》编写的引用://网络依赖 api 'com.squareup.okio:okio:1.14.1' api 'com.squareup.okhttp3:okhttp:3.10.0' api 'com.squareup.retrofit2:retrofit:2.4.0' ap...

2019-12-26 09:33:56

Java静态内部类——重点是精妙的demo

转载:https://blog.csdn.net/cd18333612683/article/details/79129503 Java静态内部类——重点是精妙的demo ...

2019-12-17 11:49:01

element的日期选择插件,@change方法传递自定义参数

方式一:在@change事件里用一个箭头函数来传递两个参数给函数 changeRuleDate<el-table-column label="*规则执行开始时间" align="center" width="200"> <template slot-scope="scope"> <el-form-item :prop="'berthsTicketPolicy....

2019-12-16 17:11:17

Vue slot的使用

插槽内容ComponentA组件<template> <div> <a v-bind:href="url" class="nav-link" > <slot></slot> </a> </div></template>引用<component-a...

2019-12-13 20:56:20

Vue :class以及:style的使用

:class对象语法<div :class="{ active: isActive, 'text-danger': hasError }"></div>data: { isActive: true, hasError: false}渲染为<div class="active"></div>结果和上面一样,推荐下面的写法&...

2019-12-13 17:34:12

Vue 计算属性和侦听器

计算属性设计的初衷是为了简化模板中的逻辑,可以将简单的计算赋值给一个新的元素基础例子<div> <p>{{ message }}</p> <p>{{ reversedMessage }}</p> <p>{{ message.split('').reverse().join('') }}</p>...

2019-12-13 17:00:48

固定header和footer,中间main超出自动滚动条布局两种实现方式

需求:1.方式一<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit...

2019-12-13 16:02:42

Vue中Form表单校验以及对Table的校验

一、Form表单校验以下是From表单的核心代码,主要是对<el-form-item>添加prop属性<el-form ref="ruleForm" :rules="rules" :model="cabinInfo"> <el-row :gutter="0"> <el-col :span="2" class="col-2" style="bor...

2019-12-13 14:59:58

as 常用快键键

1.快速的set,get或者生成构造函数,生成toString方法windows : Alt+Insert2.提取局部变量:windows:Ctrl+Alt+V3.提取全局变量:windows:Ctrl+Alt+F4.提取方法:windows:Shit+Alt+M...

2019-12-06 09:41:29

sticky-footer使用

sticky-footer的几种实现方式<template> <div class="header-detail" v-if="showDetail"> <div class="detail-wrapper clearfix"> <div class="detail-main"> ...

2019-11-29 10:11:52

cube-ui createAPI使用

cube-ui createAPI文档createAPI 函数,可以实现以 API 的形式调用自定义组件。并且既可以在 Vue 实例上下文中调用,也可以在普通 js 文件中调用。需求:header头部点击后出现店家的详情,在body中展示详情页1.首先需要有detail.vue以及header.vue,略2.编写js,使用createAPI(),将组件以API的形式注册3.在mai...

2019-11-07 11:14:34

Vue获取上个路由

使用钩子函数beforeRouteEnterbeforeRouteEnter(to, from, next) { console.log('beforeRouteEnter第一个参数to',to); console.log('beforeRouteEnter第二个参数from',from); console.log('beforeRouteEnter第三个参数next'...

2019-10-31 16:06:51

vuex和localstorage,sessionStorage存储方式,及区别

转载:https://blog.csdn.net/weixin_43848576/article/details/100545537sessionStoragesessionStorage 方法针对一个 session 进行数据存储。当用户关闭浏览器窗口后,数据会被删除。用法: 存: //1. 点(.)运算符 sessionStorage.lastname...

2019-10-30 16:10:07

点击事件冲突解决

点击事件冲突clickItem(e,index,item) { if(e.target.tagName.toLowerCase() === 'a'){ this.readHistory(index,item) }else{ this.list[index].checked = !this.list[index].checked ...

2019-10-28 16:00:48

git基本操作

一、什么是git?是一个开源的分布式版本控制系统。可以有效、高速地处理从很小到非常大的项目版本管理。其实就是一个代码的管理工具二、git的下载与安装官方网址:Download Git 具体安装流程太多:Git安装三、Git的基本操作clone远程仓库:1.配置用户名以及邮箱2.使用git clone 克隆远程仓库首先我们可以登录GitHub官网:https:...

2019-10-18 10:36:59

Vue2.5开发去哪网App项目实战记录(根据慕课网课程编写)

目的:只是为了记录自己学习过程中遇到的问题以及整个项目的收获,方便回头复习,以及今后编写项目的一个教程规范,文中基础知识并没有详细介绍,但是附上了相关的学习链接首先先说下这个项目涉及到的知识点,以及整个开发过程的流程整个项目中数据的请求主要涉及到Axios,页面路由的控制主要由Vue-Router来实现,另外页面的样式编写是依赖了Stylus,整个项目的主要思想是组件化开发,其中包含页面...

2019-10-16 10:13:37

Vue创建项目

转载:https://www.jianshu.com/p/02b12c600c7bvue创建项目(npm安装→初始化项目)第一步npm安装首先:先从nodejs.org中下载nodejs图1双击安装,在安装界面一直Next 图2图3图4直到Finish完成安装。打开控制命令行程序(CMD),检查是否正常图5使用淘宝NPM 镜像大家都...

2019-10-09 15:24:22

Vuex 状态管理

一、什么是Vuex?Vuex就是一个状态管理的库,这个状态我们可以理解为在data中的属性,需要共享给其他组件使用的部分。也就是说,是我们需要共享的data,使用vuex进行统一集中式的管理,主要解决的问题就是方便组件之间的传值。上图就是Vuex的一个交互图二、vuex核心概念1.state:存储状态(变量),即共享的数据,通过this.$store.state获取由于 Vuex 的...

2019-09-24 18:25:12

查看更多

勋章 我的勋章
  • 持之以恒
    持之以恒
    授予每个自然月内发布4篇或4篇以上原创或翻译IT博文的用户。不积跬步无以至千里,不积小流无以成江海,程序人生的精彩需要坚持不懈地积累!
  • 勤写标兵Lv2
    勤写标兵Lv2
    授予每个自然周发布4篇到6篇原创IT博文的用户。本勋章将于次周周三上午根据用户上周的博文发布情况由系统自动颁发。