自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

萍踪侠影

天道酬勤

  • 博客(251)
  • 收藏
  • 关注

原创 动态表单验证

问题:我们想在form表单中进行遍历input、select等多种选择,那么我们需要的数据结构就是: formList: [ { value: '', label: '门诊号', prop: 'clinicNo', type: 'input' }, { value: '', label: '住院号', prop: 'hospitalNo', type: 'input' }, {

2021-12-07 19:13:12 993

原创 跨源通信--postMessage用法

发送方:function toEDC () { var edcObj = { adminUserVo: sessionStorage.getItem('userInfo'), token: sessionStorage.getItem('Admin-Token'), englishNameList: sessionStorage.getItem('englishNameList'), deseaseItem: sessionStorage.getItem('deseas

2021-11-11 15:24:09 447

原创 浏览器灵魂拷问一:浏览器缓存

浏览器缓存在web缓存中主要有前端:浏览器缓存,页面缓存; 后端:服务器缓存和数据库缓存。今天我们主要学习浏览器缓存。网络请求一般分为三个步骤:请求–>处理–>响应,当下我们初步了解下浏览器的请求和响应部分。缓存是我们性能优化中最重要的一环,也是经常使用的,接下来我们主要从强缓存中的expire是和Cache-control以及协商缓存以及缓存位置讲解。失效策略:强缓存浏览器中一般分为需要发送http请求和不需要发送的,首先是我们要检查强缓存,这个阶段不需要发送http请求。在ht

2020-10-05 12:11:33 316 2

原创 var/let/const最佳实践讲解

var/let作用域区别:1. 全局作用域访问不同var可以被顶级window访问 <script> var a = 12; function f() {}; console.log(window.a); // 12 console.log(window.f); // f(){} </script>let/const不可被顶级window访问 <script> let a1 = 1; let b1 = 2; con.

2020-09-01 15:51:54 241 2

原创 git最佳实践--命令篇

初建项目第一步:创建项目一:找到我们需要存放项目的Groups(就是服务器文件夹)二:新建项目点进去我们自己的项目,并点击右上角附近的“+”号,然后选择This group下的 New project三:输入信息我们进入到如下页面 ,我们按照顺序:填写Project name → 填写说明Project description(optional)→ 下面的框框默认选择Private即可,最后点击Create project特别注意 :当前新项目默认 Jenkins@jen

2020-07-26 16:47:00 433 1

原创 jenkins构建前后端

说明jenkins构建步骤大致分为三步:将从源代码拉取代码,此处我们使用的git哦将拉取后的代码进行打包。将打包好的包放到我们的目标服务器中即可。前端建立试图相当于建立一个文件夹,里面包含了很多的项目然后我们写上项目名字,一个视图下面包含我们的项目的所有视图哦:新建任务此项目为具体的某一个项目,我们将它放到我们刚才新建的视图中填写项目名称和构建一个自由风格的项目,然后点击确定即可新建任务——general填写描述丢弃旧的构建选择构建节点.

2020-07-26 10:00:27 527 1

原创 仿v-moudle实战

我们先看一下效果图实战我们先建立一个html,和vue实战一样:<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8"> <title>simulate-vue</title> </head> <style> #app { text-align: center; }</styl.

2020-07-22 11:49:38 216

原创 nginx中反向代理与负载均衡

什么是nginxnginx是一个基于C实现的自由的、开源的、高性能HTTP和反向代理服务器,同时也是IMAP/POP3/SMTP代理服务器。Nginx以事件驱动方式编写,所以有很好的性能,同时也是一个非常高效的反向代理、负载均衡服务器。为什么使用nginx性能上:nginx占用极少的系统资源,能支持更多的并发连接,达到更高的访问效率;功能上:nginx是优秀的代理服务器和负载均衡服务器;安装配置上:nginx安装简单,配置灵活部署:nginx支持热部署,启动速度特别快,还可以不间断服

2020-07-21 15:27:03 160 1

原创 前端自动生成目录结构

自动生成目录结构1. 安装插件mddir(本次介绍全局)npm install mddir -g 2. 使用命令生成结构:mddir结果生成一个文件:内容如下结构:预览md文件安装i5ting_tocnpm install -g i5ting_toc使用在.md文件中使用快捷键Ctrl + shift +v 即可...

2020-07-20 11:27:23 1666

原创 Springboot如何使用一个module返回树状图数据

前端需要的返回数据格式数据库查询内容 SELECT t.id, c.id as template_component_id, c.component_id, c.com_sequence as componentIndex, c.is_required, cc.title, cc.`value`, cc.field_required FROM tin_template_component_content cc LEFT JOIN tin_template_componen

2020-07-07 15:50:09 667

原创 NodeJs--回调函数

说明阻塞:一定按照从上到下的顺序执行,即文件读取完后才执行程序非阻塞:不需要按照顺序执行,即不需要等待文件读取完毕,读取文件同时执行接下来代码,不耽误功夫真正的提高程序性能。先建立一个input.txt文件夹填写内容创建一个main.js文件,代码如下阻塞式:main.jsvar fs = require("fs");var data = fs.readFileSync('input.txt');console.log(data.toString());co.

2020-06-25 17:56:35 161

原创 NodeJs--REPL(交互式解释器)

说明其实和java一样,我们可以在控制台进行一些操作可以进行简单计算可以进行简单的赋值输出可以使用表达式“_" 下划线获取值REPL命令退出两次Ctrl+C

2020-06-25 17:35:20 149

原创 NodeJs--Hello World

交互模式脚本模式新建文件HelloWorld.js控制台执行后输出创建第一个应用创建server.js文件,引入代码如下:// 引入required模块,使用require指令来载入http模块var http = require('http');// 使用createServer()方法创建服务器,监听8888端口// 通过request/response函数来接收和相应数据http.createServer(function (request, re.

2020-06-25 16:03:51 222

原创 vue-sytle样式抽离

效果源代码<template> <div class="divClass"> <!-- 使用集合形式,style则对应集合,当前可应用于redClass中 --> <div :style="divStyle" class="redClass"></div> <!-- 使用单个变量,style则对应单个, 当前可应用于blueClass中--> <div :style="{'--bl.

2020-06-09 21:21:27 607

原创 vue-正则写法形式

简介:我们可以使用三种正则形式https://blog.csdn.net/qq_35525955/article/details/93386406当前使用:html: <div style="margin-top:30px" v-for="(item,i) in templateRuleData" :key="i" v-if="templateRuleData[i].isUsable ==0 &&amp

2020-06-09 20:48:07 1169

原创 vue-悬浮球

小球效果小球移动效果图源码<template> <transition> <div ref="breathing_lamp" class="breathing_lamp" @click="onclick()" @touchstart.stop="handleTouchStart" @touchmove.prevent.stop="handleTouchMove($event)" @.

2020-06-09 16:34:20 1431 1

原创 css-flex布局

div竖排 display:flex<!DOCTYPE html><html> <head> <meta charset="utf-8"> <title></title> <div class="flex"> <div class="flex1">Flex1</div> <div class="flex2">Flex2</div> &.

2020-06-02 21:56:17 893 1

原创 nginx实战篇

首先我们跳转到nginx安装的地方cd usr/local下载nginx: 测试使用1.16.1wget http://nginx.org/download/nginx-1.16.1.tar.gz 其他版参照官网地址:http://nginx.org/en/download.html解压到当前目录下:tar -zxvf nginx-1.16.1.tar.gz执行命令:如果以上三个步骤出现了问题,基本是一些插件编辑器没有安装,安装如下:安装插件:在根.

2020-06-01 21:21:29 308

原创 vue--module架构

前言今天我们聊一下前端如何使用三层框架呢,由于本人之前开发过.net项目和java项目,但是在当前大前端的情势下,前端的B层和后端的B层基本相差无几,后端注重于接口和数据库,那么前端更注重灵活页面和设计,由于逻辑性的提高,未来前后端还是并和一路,变得更加简单而已!动机前端结构:组件=>module=>逻辑B =>页面比如说一个功能:核心功能要封装为组件,与后端的交互写在module,控制此功能写在逻辑B中,如果就一个方法特别小的这个也可以不用写,直接写到module即可.

2020-06-01 15:09:17 583 1

原创 vue-axios

axios请求问题问题:axios请求发送请求后先执行下面内容,然后执行完毕后再加载then的内容使用:我们在当前页面使用axios发送请求,如果在其他页面我们需要解决:js需要解决异步问题js需要解决拦截问题then直接返回了Promise ,then下面执行不在返回查看原因:我们先在js中做发有一个get请求:const queryComponent = 'Componentlibrary/queryComponent' // 初始化export default { .

2020-05-26 11:23:33 192

原创 vue --press

长按拖动:vuedraggable安装vuedraggable包: yarn add vuedraggable npm i -S vuedraggablepackage.json文件截图如下:备注:参考github:https://www.npmjs.com/package/vuedraggable页面进行注册:<script>import vue...

2020-05-10 20:49:00 346

原创 vue-loading

步骤一:使用vuex设置全局变量步骤二:制作一个加载动画的组件步骤三:在App.vue文件中引入此组件步骤四: 在拦截器添加

2020-05-02 10:38:39 174 1

原创 高性能网站二

期待更新中。。。

2020-02-23 18:24:37 97

原创 javascript高级

暂定内容

2020-02-02 15:16:57 89

原创 解决vscode输入内容没有提示

出现的问题如图:vscode不提供快速提示:解决办法:在vscode最下面一行找到此内容,可能不是vue点击这个标签,然后选择html已解决:

2020-01-18 14:46:03 5569 2

原创 java代码规范

字段和变量 private、protected 使用 Camel 大小写。 禁止使用public。 字段命名规范:驼峰命名 比如:studentName,studentId 对于主键字段, id命名:如:studentId,需要加上与实体类相关的名称。 对于时间类型的字段,采用dateTime, 格式:YYYY-MM-dd HH:mm:ss 布尔变量名应该包含 Is,这意...

2020-01-16 21:48:05 127 1

原创 高效能七习惯/人不成熟5特征

无论是学习企业管理的学生还是正在从事管理工作的人都不太会像史蒂芬〃柯维那样对组织与管理的首要原则进行如此细致和深入的思考。他在《高效能人士的七个习惯》中给了我们一个机会,而不仅仅是一种指导。他以其卓越的洞察力为我们提供了一个了解自己和了解自己对他人的影响的机会。这是一本能改变你命运的奇书。...

2020-01-16 21:46:57 226 1

原创 vue.js正则限制

限制方式//一不能输入方式: 不能输双引oninput="value=value.replace(/[\&quot;]/g,'')"//二只能输入方式: 只能输双引oninput="value=value.replace(/[^&quot;]/g,'')"转义字符/** * 把html转义成HTML实体字符 * @param str...

2019-12-29 21:54:44 459 9

原创 vue实现计算器封装

前言:根据计算器可增添加减乘除的封装可扩展,大家请参照效果如下:文件目录我们导入了四个js包,在下面有源代码,当前计算器页只有一个valculator.vue文件。valculator.vue:<html代码>template> <div class="about"> <h1>这是个计算器你信吗</h1> ...

2019-12-21 17:47:46 548 6

原创 java基础

ava基础总体思维导图java基础内容导图.java 开发环境思维导图java 数据处理导图java 面向对象特性导图java 体系结构学习总结:5-6天的学习,需要将所有内容敲 一遍达到熟悉的地步,如果敲过了几个项目我想来这里只为了学习原理,一定要为所学习的内容从整体-局部画完整个导图再到思维导图。...

2019-12-21 16:20:11 142 3

原创 封装vue组件

2019-12-14 13:50:22 135 2

原创 VUE与MVVM关系

VUE一款用于构建用户界面的渐进式js框架,vue被设计为自底向上逐层应用,它的核心库只关注图层,方便与第三方库或者已有项目整合。vue.js的核心是一个允许采用简洁的模板语法来声明式将数据渲染进DOM (DocumentObjectModel)的系统,vue特性之一是响应式原理。MVVM实质是MVC的改进版,将之前的Model-View-Controller 变换到现在的Model...

2019-12-09 12:02:29 1773 2

原创 gitlab服务器常用命令

防火墙systemctl stop firewalld.service #停止firewallsystemctl disable firewalld.service #禁止firewall开机启动sudo systemctl status firewalld ##查看防火墙状态,是否是runningsudo lsof -i:9090 #查看占用...

2019-12-04 14:29:18 704 3

原创 Vue搭建脚手架

前提:我们需要node环境用powershell打开我们在哪个文件夹下创建项目vue create dynamic-settings注意:不能有大写的名字选择Manually select features勾选我们需要的服务,按下空格表示勾选,按下enter表示选择好下一步输入y,按下enter,然后选择less选择检测ESlint代码规范选择在...

2019-11-25 17:04:23 143 7

原创 gitlab设置定时备份

手动备份:gitlab-rake gitlab:backups:create定时备份:sudo vim /etc/crontab重启crond服务sudo systemctl restart crond当前停止gitlab服务,然后重启sudo gitlab-ctl stopshutdown -r now设置定时清理即可sudo vim /etc...

2019-11-24 21:56:58 829 8

原创 vue生成唯一id

注意:需要声明一个字符串来接受这个生成的唯一id createUniqueId(n) { n = 1; // 生成一个唯一id,包含数字和字母 var random = function() { // 生成10-12位不等的字符串 return Number( Math.random() .to...

2019-11-17 20:18:42 7283 12

原创 js中var/const/let区别

最常用的区别:var不管是重复变量还是不重复的都会允许声明,开辟内存空间const: 用于声明常量,对于重复的常量名不允许声明let:用于声明变量,对于重复变量名不允许声明。...

2019-11-10 22:00:28 169 5

原创 gitlab搭建

4. 安装防火墙sudo yum install firewalld systemd -y5. 开启防火墙,安装命令:service firewalld start6.添加http服务到firewalld,pemmanent表示永久生效,若不加–permanent系统下次启动后就会失效。sudo firewall-cmd --permanent --add-service=h...

2019-11-03 23:44:16 196 7

原创 git--建立分支(idea)

建立分支分支说明图分支命名说明:Sprint版本 + test/dev/prod + 姓名/功能 + 日期// Sprint1建立开发总分支dev:SprintV1.0_dev_20191016// Sprint1建立开发功能分支:E-shop代表我要开发这个功能或者写人SprintV1.0_dev_E-shop_20191016SprintV1.0_dev_baiaimin...

2019-10-20 17:16:14 245 6

原创 ionic4Modal--底部支付弹框

第一步:建立一个component组件注意:最好建立在需要弹框的底部或者同一个目录下// 切换到我们的目录下cd src/app/home-main/sidebar/e-shop// 创建一个component类型的name组件,name可以穿换成自己需要的名字:cartridge-frameionic g c name第二步:在我们需要弹框的页面创建此组件import ...

2019-10-10 17:05:58 411 2

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除