俊人呀的博客

原创 前台压缩图片在上传vue+element-ui

【代码】前台压缩图片在上传vue+element-ui。

原创 css文本溢出隐藏

【代码】css文本溢出隐藏。

原创 vue2拖拽改变div高度+上防抖

【代码】vue2拖拽改变div高度。

原创 canvas画20坐标点

【代码】canvas画20坐标点。

原创 css画坐标点

【代码】css画坐标点。

原创 导航栏模糊

滚动时候把滚动的东西虚化。

原创 动态增加行列

1211

原创 延时执行函数

setTimeout(()=>{}, 1000);

原创 element-ui 弹窗拖拽

创建drag.js放在config路径下drag.js文件内容为import Vue from 'vue';//使用Vue.directive()定义一个全局指令//1.参数一：指令的名称，定义时指令前面不需要写v-//2.参数二：是一个对象，该对象中有相关的操作函数//3.在调用的时候必须写v-const getAttr = (obj, key) => ( obj.currentStyle ? obj.currentStyle[key]

原创 element-ui周选择器选择第几周

<template> <div class="test-box"> <span>每周</span> <el-date-picker :clearable="false" v-model="valuetime" :format="'yyyy-MM 第' + startdata + '周'" @change="weekChange" value-format="yyyy-MM-.

原创 background-attachment用法

background: #D9378B url(../images/video-bg.jpg) center center no-repeat fixed; background-size: cover !important; position: relative; padding: 80px 0; background-attachment: fixed !important; background-position: center center !imp...

原创 Electron+vue的使用

.现如今前端框架数不胜数，尤其是angular、vue吸引一大批前端开发者，在这个高新技术快速崛起的时代，自然少不了各种框架的结合使用。接下来是介绍electron+vue的结合使用。2.Electron是什么？？ 对于我来说Electron相当于一个浏览器的外壳，可以把网页程序嵌入到壳里面，可以运行在桌面上的一个程序，可以把网页打包成一个在桌面运行的程序，通俗来说就是软件，比如像QQ、优酷、网易音乐等等。功能的强大超出你的想象，可以构建跨平台桌面程序，本身支持node.js，可以使用nod...

原创 vue过滤器金额大写

<template> <div class="liuone"> <el-row v-if="seen"> <el-col :span="24" ><div class="grid-content bg-purple-dark">1</div></el-col > <el-col :span="24" ><div class=.

原创 直接在页面上删减

document.body.contentEditable='true';

原创 鼠标移上改变png格式的img颜色

.img_header:hover img{ transform: translateY(-80px); filter: drop-shadow(#92e862 0 80px); }

原创 日历插件Fullcalendar使用

<div class="layui-body-header"> <div id='calendar'></div></div>$(function() { var data_ri = []; var calendarEl = document.getElementById('calendar'); var ca...

原创 重编辑ajax请求回来的数据

$.ajax({ type: "POST", dataType: "json", url: "xxxxxxxxx, data: "", success: function(data) { data_ri = []; for (var i = 0; i < d...

原创 一些不常用的正则

// 长度2-7字母和数字 // var FlightId = /^(?![0-9]+$)(?![a-zA-Z]+$)[0-9A-Za-z]{1,8}$/; // 长度4 // var Departure = /^([0-9]{4})$/; // 长度4 // var Destination = /^([0-9]{4...

原创 修改layer使其支持传递参数

加上这个代码，data这个东西是自己定义的想取什么名字都行，然后这样传值

原创 css让input垂直输入

<input type="text" class="rotate ma" />.ma{ margin-top:100px; border:1px solid #ccc;}.rotate { transform: rotate(90deg); /* http://www.outofmemory.cn */ /* Safari...

原创 飞机

原创 简易时钟

<div class="clock"> <p class="nagep"><span id="clock"> </span></p></div><script> var timer; var last = new Date().getTime(); function settime() { ...

原创 页面存储计数器，刷新页面继续计数

<span id="span1" class="footer_left"></span>function sitnumber() { var t = setInterval(function () { if (typeof (Storage) !== "undefined") { if (sessionStorage.clickcou...

转载 mui传值接收

MUI 页面跳转（传值+接收）官方：做web app，一个无法避开的问题就是转场动画；web是基于链接构建的，从一个页面点击链接跳转到另一个页面，如果通过有刷新的打开方式，用户要面对一个空白的页面等待；如果通过无刷新的方式，用Javascript移入DOM节点（常见的SPA解决方案），会碰到很高的性能挑战：DOM节点繁多，页面太大，转场动画不流畅甚至导致浏览器崩溃；mui的解决思路...

原创 移动端右下角按钮

#fabu {     height：3rem;     宽度：3rem;     位置：固定！重要;     右：5％;     底部：5％;     z-index：9999;     填充：1px;     边框：实心1px＃169BB4;     border-radius：50％; } #fabu&gt;div {    width: 100%;    height: 100...

原创 css字体动态渐变

@media all and (-webkit-min-device-pixel-ratio:0) and (min-resolution: .001dpcm) {            .zhezhaoceng {                background-image: -webkit-linear-gradient(left, #45c1d8, #000000 25%, #45c...

原创 java数据类型

基本类型：byte 二进制位数：8包装类：java.lang.Byte最小值：Byte.MIN_VALUE=-128最大值：Byte.MAX_VALUE=127基本类型：short 二进制位数：16包装类：java.lang.Short最小值：Short.MIN_VALUE=-32768最大值：Short.MAX_VALUE=32767基本类型：int 二进制位数：32包装类...

原创 【java】private关键字

private关键字(1)修饰成员：可以修饰成员变量和成员方法(2)特点：被private修饰的后的成员只能在本类中被访问(3)private的应用：定义类的时候，当把成员变量给private修饰时，需提供对应的getXxx()和setXxx()方法 ,这样提高了数据的安全性。...

原创 时间戳转换成年月日

var date = new Date();var year = date.getFullYear();var month = date.getMonth() + 1;var day = date.getDate();if (month &lt; 10) {    month = "0" + month;}if (day &lt; 10) {    day = "0" + day;}var now...

原创 判断扫码的客户端是微信还是支付宝

根据UserAgent中的关键字来判断 如果有 MicroMessenger 为微信 如果有 ApliPayClient 则为支付宝 否则，不是这两家function IsWeixinOrAlipay(){ var ua = window.navigator.userAgent.toLowerCase(); //判断是不是微信 if ( ua.match(/Micro...

原创 vue过滤器的用法

通过一个实际的例子说明2.0版本中过滤器的用法。代码如下：&lt;div id="app"&gt; &lt;span&gt;SearchByName: &lt;/span&gt; &lt;input v-model="searchQuery"&gt; &lt;table&gt; &lt;thead&gt;

原创 浏览器兼容问题与解决方法总汇（一行代码解决浏览器兼容问题）

众所周知，浏览器的兼容性问题是开发人员经常会遇到的问题，它是由于不同浏览器的不同对代码的解析不同，而产生的在页面上显示的效果不同。那么，现在我把从工作当中发遇到的有关兼容性问题及解决方案做个简单总结，供各位参考：强行使用ie7来解决兼容性问题，加上一串代码就可以 &lt;meta http-equiv=X-UA-Compatible content=IE=EmulateIE7&gt;如果一个特定版...

原创 vue2.0父子组件以及非父子组件之间通信

1.父组件传递数据给子组件父组件数据如何传递给子组件呢？可以通过props属性来实现父组件：&lt;parent&gt; &lt;child :child-msg="msg"&gt;&lt;/child&gt;//这里必须要用 - 代替驼峰&lt;/parent&gt;data(){ return { msg: [1,2,3] };}子组件通过pro...

原创 vue向后端发送数据并得到返回值

window.onload = function(){ var vm = new Vue({ el:'#box', data:{ msg:'Hello World!', }, methods:{ get:function(){ //发送get请求...

原创 json

什么是jsonJSON 指的是 JavaScript 对象表示法（JavaScript Object Notation）JSON 是轻量级的文本数据交换格式JSON 独立于语言 *JSON 具有自我描述性，更易理解

原创 vue-动态路由传参

在vue点击跳转时，需要带着当前页面的参数id一起跳转&lt;router-link :to="'/url/' + item.id"&gt;跳转到url中 带着当前的item.id例如下个页面的数据需要这个页面跳转时的id来判断显示哪条。&lt;!-- 字符串 --&gt;&lt;router-link to="home"&gt;Home&lt;/router-link&gt;&lt;!--

原创 vue（6）vue-代码风格

原创 vue（5）vue-axios

引入方式：$ npm install axios$ cnpm install axios //taobao源$ bower install axios// 或者使用cdn：&lt;script src="https://unpkg.com/axios/dist/axios.min.js"&gt;&lt;/script&gt; get请求// 向具有指定ID的用户发出请求axios.get...

原创 vue（4）生命周期

下面试各个生命周期中应该写什么函数Vue提供的可以注册的钩子都在上图片的红色框标注。 他们是：beforeCreate在实例初始化之后，数据观测(data observer) 和 event/watcher 事件配置之前被调用。created实例已经创建完成之后被调用。在这一步，实例已完成以下的配置：数据观测(data observer)，属性和方法的运算， watch/event 事件回调。然而...

原创 vue（3）vue组件

何时需要组件我们点击《授权协议》和 开始授权按钮 的时候，都需要一个modal弹出框来提示用户相应的信息。这个modal就是我们需要做的组件。modal：注册组件，并抽取到 .js 文件中1、注册需要注意的是 vue 可以全局注册和局部注册组件，我们可以根据实际情况的不同分别采取不同的注册方式。 这里的 modal 在多处需要用到，我们采用全局注册的方式。利用代码 Vue.component(ta...