青柠Q-优快云博客

转载 vue 拖拽功能

div id="box"> br>x:{{val.x}} br>y:{{val.y}} div v-drag="greet" id="drag" :style="style"> //注意这里要通过指令绑定函数将当前元素的位置数据传出来 div>div>

2017-11-21 14:46:27 3160

原创 vue 日期占某段日期的百分比

//str 传入的日期格式为xx年xx月xx日chDate2date (str) { return str.replace(/[年|月]/g, '-').replace('日', '')},//start为开始日期 end为结束日期getProcess (start, end) { start = +new Date(this.chDate2date(start))

2017-11-21 14:43:04 1001

转载浏览器版本过低判断

(function (window) { function getBrowserInfo () { var agent = navigator.userAgent.toLowerCase() var regStrff = /firefox\/[\d.]+/gi if (agent.indexOf('firefox') > 0) { return agent

2017-10-31 15:47:05 1339

转载 es6箭头函数

(x) => x + 6相当于function(x){return x+6;}var f = v => v;相当于var f = function (v){return v;}var f = () => 5;相当于var f = function(){return 5;}var sum = (num1,num2) =>

2017-09-26 20:54:25 505

转载 h5几种存储方式的区别

总体情况h5之前，存储主要是用cookies。cookies缺点有在请求头上带着数据，大小是4k之内。主Domain污染。主要应用：购物车、客户登录对于IE浏览器有UserData，大小是64k,只有IE浏览器支持。目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器1.本地存储localstora

2017-09-19 11:58:01 1784

原创 jQuery获取文本框数据

$(document).ready(function(){//change事件但不是实时刷新 $(".field").change(function(){ var ab=$(".field").val(); $(".aa").text(ab); });//和框架数据双向绑定效果一样 $('textarea').bind('input

2017-08-24 18:38:22 1550

原创大转盘游戏

.pointer{ position: absolute; top: 90px; left: 138px; z-index: 2; } 文字 // var model = { "1": -332, "2": -280,

2017-08-14 17:44:32 594

原创 vue tab切换

[v-cloak]{display: none;}.active { color: red; border-bottom: 1px solid red; } ul li { padding: 0 15px; float:lef

2017-08-14 17:43:19 751

转载 Ajax实现原理详解

Ajax：Asynchronous javascript and xml，实现了客户端与服务器进行数据交流过程。使用技术的好处是：不用页面刷新，并且在等待页面传输数据的同时可以进行其他操作。这就是异步调用的很好体现。首先得了解什么是异步和同步的概念。举个例子：比如你去图书馆借某种书，可惜图书馆此书被借完。这时可以采用两种做法。第一种做法：在图书馆一直等待，直到有

2017-08-09 17:32:18 526

原创 js数组遍历笔记

//数组少的遍历数组多的var arr1=[{name:'123',id:1},{name:'234',id:2},{name:'345',id:3},{name:'456',id:4},{name:'567',id:6}];var arr2=[{name_id:2,id:1},{name_id:1,id:2},{name_id:4,id:3}];var arr3=[];for

2017-07-23 16:20:19 402

原创减少倒计时误差

倒计时若直接用 setTimeout(function,ms) 函数，误差会越来越大，举个例子证明function f(){ console.log('x'); setTimeout(f,1000);}看控制台打印x的速度是否稳定保持在一秒的速度。活动倒计时，客户手机端时间可能和服务端时间有误，所以需要求出时间差。服务器当前时间=发请求时服务器时间+（客户

2017-07-14 10:30:50 668

原创浏览器调试匿名函数

当项目js 为单独js文件且是匿名函数，列如base.js'use strict';(function(window, document){ }）(window, document)这种情况下，我们是访问不到里面的数据的想在浏览器调试看函数里面的对象或数据，只需'use strict';var vm=(function(window, document){ r

2017-07-13 20:06:40 657

转载 SCSS入门

转自：http://www.jianshu.com/p/fa379a309c8a1. CSS预处理器定义了一种新的专门的编程语言，编译后成正常的CSS文件。为CSS增加一些编程的特性，无需考虑浏览器的兼容问题，让CSS更加简洁，适应性更强，可读性更佳，更易于代码的维护等诸多好处。CSS预处理器语言：scss（sass）、LESS等；2.Sass和SCSS的区别

2017-07-03 17:41:19 588

转载 scss

SASS是CSS3的一个扩展，增加了规则嵌套、变量、混合、选择器继承等等。通过使用命令行的工具或WEB框架插件把它转换成标准的、格式良好的CSS代码。SCSS即是SASS的新语法，是Sassy CSS的简写，是CSS3语法的超集，也就是说所有有效的CSS3样式也同样适合于SASS。———————————在SCSS中使用变量———————————$blue:

2017-07-03 17:02:00 808

原创 compass安装报错

安装compass前需要先安装rubycompass编译工具gem install compass（安装可能报错网上很多换镜像的方法如果换什么镜像都报错那就考虑ruby的版本是否过低）compass中引用的第三方库animationgem install animation --pre

2017-06-28 15:51:24 499

转载 promise

ES6 Promise 先拉出来遛遛复杂的概念先不讲，我们先简单粗暴地把Promise用一下，有个直观感受。那么第一个问题来了，Promise是什么玩意呢？是一个类？对象？数组？函数？别猜了，直接打印出来看看吧，console.dir(Promise)，就这么简单粗暴。这么一看就明白了，Promise是一个构造函数，自己身上有all、reject、resolve这几个

2017-05-27 12:02:22 543

原创前端题

用css样式实现：div宽度500px 高度300px。div里面有1到3个img元素。当只有一个img元素时，img元素的宽高为200px，img在div内上下左右居中；多余一个img元素时，img元素的宽高都是100px，img在div内上下居中，左右两端对齐答案：div { display:flex; justify-alig

2017-05-27 11:57:01 432

原创 nginx在Windows系统启动不了

这几天用到Nginx，第一次是win7系统下部署，一次性成功，第二次在win10系统下，部署失败。出现的情况：打开Nginx.exe，界面一闪而过，而且进程里面搜不到Nginx。1.端口占用问题，win10系统默认占用了80端口解决方法：1.把nginx改成其他端口2.打开注册表：regedit，找到HKEY_LOCAL_MACHINE\SYSTEM\CurrentControlS

2017-04-18 20:54:10 24807 1

原创关于优化问题

问：如果给你一千多个页面，怎么优化？答：一千多个页面从项目结构就要组件化，尽量做到工程化，然后编码方面要减少http 请求，尽量w3c规范，部署方面cdn加速，压缩。1.减少dom操作2.部署前，图片压缩，代码压缩3.优化js代码结构，减少冗余代码4.减少http请求，合理设置 HTTP缓存5.使用内容分发cdn加速6.静

2017-03-29 17:05:24 329

原创 css隐藏多余字

//页面部分代码 username-phone" >张三187****9990defult" >[默认]广东深圳市南山区广东深圳市南山区.... username-phone" >张三张三张三张三张三187****9990defult" >[默认]广东深圳市南山区广东深圳市南山区....

2017-02-15 16:41:10 1059

原创点击li获取文本内容

文本内容文本内容文本内容文本内容文本内容 //jquery方法 each循环 $("ul li").each(function(){$(this).click(function(){ alert($(this).text());})})$('li').cli

2017-01-13 16:38:04 8653

原创轮播效果

//css代码.banner{width:100%;height:768px;position:absolute;padding:0;margin:0;}.banner .list{width:100%;height:768px;overflow:hidden;position:absolute;z-index:1;list-style-type:none;padding:0;margi

2016-12-22 17:24:48 372

原创省市区三级联动数据库取数据js代码

//页面部分代码丢失地点省Input 市 Input 区/县//js代码$(document).ready(function(){$.ajax({ type: "post", dataType: "json",

2016-12-13 17:22:12 3227

原创 tab切换-- jquery代码

//主要代码流程标准细则1报名时请准确完整填写2报名时请准确完整填写3报名时请准确完整填写1报名时请准确完整填写2报名时请准确完整填写3报名时请准确完整填写1报名时请准确完整填写2报名时请准确完整填写3报名时请准确完整填写4报名

2016-12-08 10:26:56 526

原创点击图片出现图片(以弹框方式显示)

$(document).ready(function(){ //jquery方式$('#div1 img').on('click', function(){ layer.open({ type: 1, title: false, closeBtn: 0, shadeClose: true, skin: 'yourclass', cont

2016-12-08 09:46:41 14364

转载左边列表移到到右边列表

center { font-size:12px; color:red; font-weight:bold; } select { font-size:12px; color:green; }

2016-09-28 15:17:29 3401

原创手机页面图片占满屏幕问题

在做项目过程中遇到的问题：问题描述：1.图片当背景图插入的时候，iPhone5里图片占满屏幕，iPhone6和iPhone6plus 底部有空白； 2.图片直接用img方式插入的时候，iPhone5、iPhone6和iPhone6plus底部都有空白；解决办法：高度：100%是相对于父级高度，但是宽度就可以用100% 如果你的父级高度没有确定具体的高度直接设置100%是

2016-09-05 16:24:07 3269

转载 Eclipse离线安装Maven插件

1.离线安装Maven插件到Eclipse，最重要的是需要有m2eclipse插件包。2.在网上可以搜索到网友们分享的包。百度搜索 '下载m2eclipse' 关键字。3.下载m2eclipse插件包到本地之后解压，会出现features和plugins文件夹。把这个features和plugins文件夹下面的jar包放到Eclipse安装目录下对应的文件夹里，然后重启

2015-11-24 17:05:29 682

原创 maven设置中ERROR: JAVA_HOME is set to an invalid directory.

今天在配置maven中,发现一个问题,就是ERROR: JAVA_HOME is set to an invalid directory,看到网上的解决方法是：发现1:在JAVA_HOME的配置中多啦一个分号, 发现2:在JAVA_HOME中配置多啦\lib, 可是我的都没有出现这个问题。后面发现是jdk配置出错了，我DOS界面运行java 是可以成功的，仔细看JAVA_H

2015-11-24 15:58:20 5969

转载 Eclipse安装tomcat插件详解

首先你要去下载Eclipse for tomcat插件下载地址：http://www.eclipsetotale.com/tomcatPlugin.html我这里下载 tomcatPluginV33.zip 这个，你也可以点击上面网站自己选择也可以直接点我这个下载这个。下载解压后把com.sysdeo.eclipse.tomcat_3.3.0这个文件夹copy到Eclipse

2015-11-24 10:41:35 424

转载随机切换网页背景图片的JS代码

随机切换网页背景图片的JS代码now = new Date();erke = now.getSeconds();erke = erke - parseInt(erke/3)*3 + 1;//定义张数document.write("") body {margin: 0px;}-->

2015-09-15 15:23:39 1633

转载 poi导出excel表格

import java.util.ArrayList;import java.util.HashMap;import java.util.Iterator;import java.util.List;import java.util.Set;import javax.servlet.http.HttpServletRequest;import javax.servl

2015-08-17 16:06:02 580

原创 jxl导出excel表主要代码

import java.io.File;import java.io.FileInputStream;import java.io.FileOutputStream;import java.io.IOException;import java.io.InputStream;import java.text.SimpleDateFormat;import java.util.

2015-08-14 17:33:10 457

转载 mysql中You can't specify target table for update in FROM clause错误

mysql中You can't specify target table for update in FROM clause错误的意思是说，不能先select出同一表中的某些值，再update这个表(在同一语句中)。例如下面这个sql：delete from tbl where id in ( select max(id) from tbl a where EXI

2015-06-09 16:13:23 441

原创 java 部分复习题

多线程同步是什么？如何实现多线程同步？同步多线程(SMT)是一种在一个CPU 的时钟周期内能够执行来自多个线程的指令的硬件多线程技术。多线程有两种实现方法，分别是继承Thread类与实现Runnable接口同步的实现方面有两种，分别是synchronized,wait与notify、线程的基本概念、线程的基本状态以及状态之间的关系答：线程指在程序执行过程中，能够执行程序代码的一个执行

2015-03-03 19:49:20 588

原创三大数据库连接语句

MySQL： String Driver="com.mysql.jdbc.Driver"; //驱动程序 String URL="jdbc:mysql://localhost:3306/db_name"; //连接的URL,db_name为数据库名 String Username="username"; //用户名 Stri

2015-01-14 20:03:33 512

转载 left join， join， right join区别

left join(左联接) 返回包括左表中的所有记录和右表中联结字段相等的记录 right join(右联接) 返回包括右表中的所有记录和左表中联结字段相等的记录inner join(等值连接) 只返回两个表中联结字段相等的行举例如下： --------------------------------------------表A记录如下：

2015-01-12 21:34:29 526

原创过滤器、拦截器和监听器的区别

过滤器是小型的web组件。它负责拦截请求和响应，以便查看、提取或以某种方式操作正在客户机和服务器之间交换的数据。与过滤器相关的servlet共包含3个简单的接口，filter、filterchain及filterconfig。要实现过滤器功能，必须先实现filter接口。拦截器是基于java的反射机制的，而过滤器是基于函数回调。过滤器依赖与servlet容器，而拦截器不依赖与

2014-12-11 10:11:34 1261

原创 Linux常用命令大全

文件和目录 cd /home 进入 '/ home' 目录' cd .. 返回上一级目录 cd ../.. 返回上两级目录 cd 进入个人的主目录 cd ~user1 进入个人的主目录 cd - 返回上次所在的目录 pwd 显示工作路径 ls 查看目录中的文件 ls -F 查看目录中的文件 ls -l 显示文件和目录的详细资料 ls -a 显示隐藏文件

2014-11-26 18:48:16 381

转载 Java学习笔记11——数据库编程

文件之上，再进一步对数据简单而有效的存储（方便读写）便是数据库了，显然，程序与数据库的交互也必是重点！当然，对于基于桌面的程序，那么，主要还是关系数据库。一、关系数据库简介 1.关系数据库模型关系模型由Codd提出，它是考虑数据和数据间关系而得到的数据逻辑模型一个关系型数据库通常由一个或多个表格的对象组成，数据库中的所有数据都被保存在这些表中。

2014-11-07 09:37:20 446

1、 dbke是一个实际使用中的项目，可查看效果及功能，后台需要登录后才能使用（出于安全性考虑这里就不给大家介绍了）。 2、此项目整合了目前主流和最前源的web开发技术：采用ehcache实现二级缓存（包含查询缓存）；用sf4j及logback（log4j的升级版）记录日志； proxool（据说是dbcp和c3p0三者中最优秀的）做连接池；使用jquery的ajax实现仿google人名自动补全；头像上传剪切压缩处理。 3、包含有完整的jar包和源代码，可以直接下载编译部署和运行，这是专门为我们实验室定制开发的。虽然后台逻辑并不复杂，但已经包含了架构基于s2sh技术型系统的全部基础部分：如分页，缓存，文件上传，连接池等。很适合学习使用，希望对初学JavaEE WEB开的人有所帮助。 4、本版本全面更新了jar包，全部使用了当前最新版本的jar包，struct2.1.8 spring3 hibernate3.5，全面使用注解取代xm的l配置。 5、另外增加了一个ant构建脚本，支持使用hudson完成每日构建，持续集成，自动测试，代码规范检查，代码审查等功能（与此相关的jar包由于上传文件大小限制未导入）

2015-12-16