自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(28)
  • 资源 (1)
  • 收藏
  • 关注

原创 vue axios 统一请求封装

importaxiosfrom'axios';importElementUIfrom'element-ui';axios.defaults.headers.post['Content-Type']='application/x-www-form-urlencoded';axios.defaults.retry=2;axios.defaults....

2020-04-21 12:48:12 295

原创 vue 富文本图片懒加载

main.js:importVueLazyloadfrom'vue-lazyload';Vue.use(VueLazyload,{error:'dist/error.png',loading:'dist/loading.gif'});组件内使用:<spanv-html="replaceAllImg(dat...

2020-02-24 17:26:14 1456 1

原创 vue chaptcha 滑块验证功能

<template><div class="mask_layer_model" v-if="visible" style="z-index: 9;"> <div class="captcha_model"> <div class="header"> <span>请完成安全验证</sp...

2019-11-25 12:40:34 850

原创 vue 自定义发送验证码识别插件

封装自定义验证插件实现效果新建index.js代码如下:import Vue from 'vue'let ClicaptchaConstructor = Vue.extend(require('./Clicaptcha.vue').default)let instance;const Clicaptcha = (options) => { optio...

2019-10-30 13:26:43 512 1

原创 微信授权获取openid

constwxUtil={//获取base64编码getBase64:function(str){varc1,c2,c3;varbase64EncodeChars='ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz0123456789+/';...

2019-10-24 14:54:23 571

转载 node 搭建简单的服务器

转载自:https://www.cnblogs.com/chris-jia/articles/9885946.html仅供参考,学习使用。首先需要安装 node 环境,不要问我为什么,做前端的都知道node。新建server.js 搭建HTTPServer代码如下:varPORT=8099;//端口varDIR='test';//...

2019-10-23 17:35:33 150

转载 vue-AudioComponent 音频播放组件

本文参考https://blog.csdn.net/weixin_40404336/article/details/84570070感谢上面博主分享,为了方便前端开发人员查阅,提供新的连接。~_~.下面代码有个细节,slider滑块这里采用的vant,原理同上。定义vue 文件 :vueAudio.vue,代码内容如下:(引用代码后,在其他页面导入该组件即可,不懂的可以看上面博主分享...

2019-10-14 11:28:19 3765

原创 vue h5 上下拉拖拽功能的实现

<template><divclass="cloze-filling-drag-popup"ref="popup"><divclass="title"@touchstart.stop.prevent="touchStart"@touchmove.stop.prevent="touchmove"...

2019-10-12 16:43:02 1407

原创 vue图片裁剪功能的实现

ps vue 裁剪框功能分享。 使用vuecropperjs插件首先 安装插件: cnpm icropperjs -S -D然后使用插件实例代码封装如下:(不懂留言,css和HTML相关代码根据业务需求编写,可以忽略)浏览效果:新建组件:pImg。<template><divid="cropper"><divs...

2019-10-08 13:40:42 1737 3

原创 git -- 代码统计

$ git log--since=2018-01-01--until=2019-09-30--author="xiaokai"--pretty=tformat:--numstat | gawk '{ add += $1 ; subs += $2 ; loc += $1 - $2 }END { printf"added lines: %s removed lines : %s...

2019-09-29 16:36:03 101

原创 文章整理

gitlab docker 持续集成搭建https://blog.csdn.net/weixin_33898876/article/details/91393059

2019-09-04 17:11:32 130

原创 js audio 音频文件播放

let audio = null;let playStatus = false;export function createAudio(audioUrl) {audio = new Audio();audio.src = audioUrl;audio.loop = false;}export function playAudio() {...

2019-08-28 16:22:08 5939

原创 vue - store 状态管理

整理vuex 的基本使用。目录结构如下:index.js 代码如下:import Vue from 'vue';import Vuex from 'vuex';import app from './modules/app';import getters from './getters';Vue.use(Vuex);const store = new Vue...

2019-05-17 15:14:48 312

原创 vue - picture-viewer 图片查看器组件

<template><div class="picture-viewer"><template v-for="(img,index) in fileList"><img:key="index":src="img.url"width="100"height="100"style="margin-left :15px;"@c...

2019-05-17 14:59:35 2765

原创 vue - scroll-list 组件

<template><div class="data-scroll"><div class="options2"><div class="title" v-if="showTitle">回访记录:</div><div class="scroll-content" ref="content"><div ...

2019-05-17 14:28:27 2764

原创 vue - common-table组件

<template><div class="table"><el-table:data="dataList":stripe="true":row-class-name="tableRowClassName":default-expand-all="expand":header-cell-style="tableHeaderColor"@...

2019-05-17 14:26:55 2600

原创 vue组件拖拽-矩形自由拖拽

    最近公司有个需求,需要实现组件拖拽,实现方式:主要通过vue组件实现,通过在网上查找资料,发现没有真正符合需求的例子,但是有一些功能可以参考,无奈之下打算自己封装一个,一方面也想证明一下自己的能力,此篇博文只是记录一下,方便以后遇到此类问题,有个参考。  经过一段时间的研究需求发现需要实现组件的自由拖拽,以及放大缩小等功能,需要脚踏实地的一点一点的封装,下面列举一下主要实现的功能点:...

2018-11-08 09:05:45 5985 2

原创 junit 4单元测试

仅供参考学习;下面是Junit单元测试代码,希望给您带来一定的启发。package com.oa.dao;import org.junit.After;import org.junit.Before;import org.junit.Test;import org.junit.runner.RunWith;import org.springframework.beans.fact...

2018-11-08 08:29:50 143

原创 vue组件拖拽-创建正方形

    最近公司有个需求,需要实现组件拖拽,实现方式:主要通过vue组件实现,通过在网上查找资料,发现没有真正符合需求的例子,但是有一些功能可以参考,无奈之下打算自己封装一个,一方面也想证明一下自己的能力,此篇博文只是记录一下,方便以后遇到此类问题,有个参考。  经过一段时间的研究需求发现需要实现组件的自由拖拽,以及放大缩小等功能,需要脚踏实地的一点一点的封装,下面列举一下主要实现的功能点:...

2018-11-05 14:11:11 1727

原创 vue组件拖拽 -创建坐标点

    最近公司有个需求,需要实现组件拖拽,实现方式:主要通过vue组件实现,通过在网上查找资料,发现没有真正符合需求的例子,但是有一些功能可以参考,无奈之下打算自己封装一个,一方面也想证明一下自己的能力,此篇博文只是记录一下,方便以后遇到此类问题,有个参考。  经过一段时间的研究需求发现需要实现组件的自由拖拽,以及放大缩小等功能,需要脚踏实地的一点一点的封装,下面列举一下主要实现的功能点:...

2018-11-05 13:28:13 2073

原创 SSM框架整合Spring Security(二)

                               实现数据库验证首先做一些准备工作:必备知识:spring   springMVC    mybatis  mysql  gradle 。。。。。了解 :Security ;如果您对ssm环境不了解,可以参考我的之前更新的博文,gradle-分模块开发搭建SSM框架 SSM框架整合Spring Security(一...

2018-08-23 11:50:13 1954

原创 SSM框架整合Spring Security(一)

    研究了好长的一段时间,终于可以开始更新了,只是个学习的过程,后期将持续更新Spring Security敬请期待。首先做一些准备工作:必备知识:spring   springMVC    mybatis  mysql  gradle 。。。。。了解 :Security ;如果您对ssm环境不了解,可以参考我的上一篇博文,gradle-分模块开发搭建SSM框架;下面开始配...

2018-08-22 11:46:14 6190

原创 配置事务管理

&lt;!--声明式事物管理器--&gt;&lt;bean id="transactionManager" class="org.springframework.jdbc.datasource.DataSourceTransactionManager"&gt; &lt;property name="dataSource" ref="dataSource" /&gt;&

2018-07-24 14:30:52 182

原创 gradle-分模块开发搭建SSM框架

    网上这样的例子真的是不计其数了,好多好多,这篇文章也是参考了网上的一个例子,这篇文章的目的,就是为了给那些不知如何下手兄弟们多一篇参考的文章。博客参考地址:https://blog.csdn.net/u011422624/article/details/72778773废话不多说了,开始我们的搭建之旅。   (看图说话)项目目录展示:首先我们创建project     ...

2018-07-20 15:24:18 853

原创 h5- iframe完美嵌套的使用

没啥可讲的直接上代码吧。&lt;!DOCTYPE html&gt;&lt;html&gt;  &lt;head&gt;    &lt;meta charset="utf-8"&gt;    &lt;meta name="viewport" content="width=device-width,initial-scale=1.0"&gt;    &lt;titl

2018-07-10 15:33:22 13828 2

原创 vue-封装高德地图组件

最近在做vue项目,研究了高德地图,感觉不错在这里发布一下,只为了整理和记录,方便后期的查阅,废话不多说了。首先在vue项目中安装高德地图插件。指令: npm install vue-amap --save插件安装完成后,在main.js将插件引入,方式如下:...import AMap from 'vue-amap';Vue.us...

2018-06-29 16:05:43 7423 3

原创 vue-学习之路

        上一篇讲述了微信服务器端的配置,好多的坑。这篇博客应该讲述微信客户端和服务端的交互,由于博文拖更了好久,其实有了后台的支持,客户端的交互将会变的非常简单,暂时不打算继续更新微信客户端的交互了。最近在学习VUE,随心所欲的整理了一下做VUE项目所需掌握的技术,和大家分享下,有缺少或者部队的地方还请大神指教。我们做VUE项目主要还是通过vue-cli 创建项目,在这个项目骨架的基础上添...

2018-06-21 11:22:24 157

原创 移动开发之手机微信开发java版 —— 配置微信服务器环境

没有开场白,直接步入正题,首先呢兄弟们听我白话一段,这个表情。。。     明确下我们要做的微信公众号开发,服务器的环境我们使用java环境,框架为 springmvc+mybatis,说好的微信开发怎么变成了java环境了呢?    说了好多的废话,其实微信开发 java能做的事情很少,但是所做的事情是非常强大的,原因是我们在与微信做任何交易的时候都需要做验证,真的是一件很烦的事情,所以

2018-01-21 19:40:14 1230

MintUI tab-container.vue左右切换

前端移动开发, 主要采用 vue +Mint-UI 框架, 主要通过 Mint-ui 前端框架实现页面左右切换,有点内容高度不固定,根据页面内容自动计算。 代码示例如下:如需要查看详细代码,请下载完整示例。 cnpm i mint-ui -S -D // 按需引入部分组件 import { TabContainer, TabContainerItem, Cell } from "mint-ui"; export default { name: "exam-paper", components: { mtTabContainer: TabContainer, mtTabContainerItem: TabContainerItem, Cell }, data() { return { active: "tab-container2" }; }, } 。。。。。。

2019-07-19

空空如也

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

TA关注的人

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