自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

kongjiea笔记

热爱前端的家伙...

  • 博客(285)
  • 资源 (30)
  • 收藏
  • 关注

转载 css 实现水平垂直居中

仅居中元素定宽高适用absolute + 负margin absolute + margin auto absolute + calc居中元素不定宽高absolute + transform lineheight writing-mode table css-table flex gridabsolute + 负margin为了实现上面的效果先来做些准备工作,假设H...

2018-09-14 09:36:24 789

转载 js 模拟浏览器f11 全屏显示

<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <button

2018-05-30 09:51:46 5220

转载 js实现点击复制功能

一、实现点击按钮,复制文本框中的的内容<script type="text/javascript">function copyUrl2(){var Url2=document.getElementById("biao1");Url2.select(); // 选择对象document.execCommand("Copy"); // 执行浏览器复制命令alert("已复制好,...

2018-05-30 09:06:21 51536 2

原创 生成指定数量、指定范围、不重复的随机数

生成不重复的数  包含最大值 :取 min function randNum2(min,max,num){ if(num > max - min){ console.error('范围太小'); return false; } var range = max - min, minV = min +1, //实际上可以取的最小值 arr = [], tmp =

2018-01-05 16:19:42 6269

原创 生成指定数量、指定范围内的随机数

1、min /** 包含最小值 但不包含最大值 :取 min <= value < max 如: 0 <= val < 10 解题关键: min <= value 用 minV = min; value < max 用 range = max - min; Math.floor(rand*range + minV);*/function randNum(min,

2018-01-05 15:02:03 4888

原创 数组常见的遍历循环方法、数组的循环遍历的效率对比

1、遍历数组的方法:1-1、for / while  最普通的循环 效率最高 兼容ie6tips:for循环更适用于循环的开始和结束已知,循环次数固定的场合;while循环更适合于条件不确定的场合1-2、for in  兼容ie6,效率最差(效率可看最下面的对比) for in 会把继承链的对象属性都会遍历一遍,所以会更花时间.var arr = ['red', 'green'

2017-12-25 12:02:42 9876

原创 js原生判断对象是否为空对象

1、JSON.stringify  兼容ie82、Object.getOwnPropertyNames 或者 Object.keys 兼容ie93、循环判断 isEmptyObj 全兼容4、利用其他库判断如:jq类似var obj = {name:1};//兼容ie8if(JSON.stringify(obj) == "{}"){ console.log('JS

2017-12-20 11:25:09 5693

原创 判断数组对象中是否包含某个对象,判断2个对象是否相等

var arr =[ {name:'zhangsan'}, {name:'lisi'}, {name:'wangwu'}];var json1 = {name:"zhangsan"};// 方法一:console.log(JSON.stringify(arr).indexOf(JSON.stringify(json1)));// 方法二: (前提是匹配和被匹配的存在赋值关系

2017-12-20 10:44:45 24270

原创 cnpm 安装报错

npm set registry https://registry.npm.taobao.org # 注册模块镜像npm set disturl https://npm.taobao.org/dist # node-gyp 编译依赖的 node 源码镜像npm cache clean # 清空缓存

2017-10-26 13:29:50 1134

原创 wamp添加多个端口 多个站点

1、确保http.conf 打开了 以下类似的服务(有可能搜索不到 先不管)LoadModule php5_module "d:/wamp/bin/php/php5.5.12/php5apache2_4.dll"PHPIniDir d:/wamp/bin/php/php5.5.12Include conf/extra/httpd-vhosts.conf 2、在http.co

2017-09-22 10:57:41 2379

转载 Git速查手册

配置git笔者使用的是v2.1.0,推荐大家使用v1.8以上的版本。 查看git版本:1$ git --version配置命令git config分为三个级别:123--system : 系统级,位于 /etc/gitconfig .--global : 用户级,位于 ~/.gitc

2017-04-01 11:48:34 903

转载 vuejs 常用ui组件

vux github ui demo:https://github.com/airyland/vuxMint UI项目主页:http://mint-ui.github.io/#!/zh-cndemo:http://elemefe.github.io/mint-ui/#/github地址:https://github.com/ElemeFE/mint-ui中文文档地址:h

2017-03-08 10:27:17 6527

原创 解决移动端特别是ios滑动卡屏 滑动卡顿

css属性解决-webkit-overflow-scrolling:touch;插件解决iscrolljroll2

2017-02-10 11:07:22 11929 1

转载 javascript实现java的map对象,js实现new map()

/* * MAP对象,实现MAP功能 * * 接口: * size() 获取MAP元素个数 * isEmpty() 判断MAP是否为空 * clear() 删除MAP所有元素 * put(key, value) 向MAP中增加元素(key, value) * remove(key) 删除指定KEY的元素,成功返回True,失败返回False *

2017-01-20 17:21:09 9522

原创 对json数组进行排序和filter过滤

对json数组进行排序和filter过滤var data = [ {recordId: 10, recordNo: "PPCZ_", userId: 1, recordType: 9, recordCode: "", recordInMoney: 1111}, {recordId: 5, recordNo: "PPCZ_20170105170203", userId: 1, re

2017-01-19 15:17:04 16857

转载 ie与firefox 的区别以及event的区别

window.event IE:有window.event对象 FF:没有window.event对象。可以通过给函数的参数传递event对象。如onmousemove=doMouseMove(event) 鼠标当前坐标 IE:event.x和event.y。 FF:event.pageX和event.pageY。 通用:两者都有event.clientX和even

2016-12-12 18:02:16 441

原创 根据本地/服务器时间获取指定时区时间 new Date指定时区时间

1、代码function getTimeByTimeZone(timeZone){ var d=new Date(); localTime = d.getTime(), localOffset=d.getTimezoneOffset()*60000, //获得当地时间偏移的毫秒数,这里可能是负数 utc

2016-12-09 11:48:28 16928 2

原创 移动端某些浏览器cookie无法识别中文encodeURI 、 encodeURIComponent 、escape

问题描述比如qq浏览器无法识别中午 ,getcookie的时候为空那么在setcookie的时候进行编码,然后在getcookie的时候再解码编码的三个方法encodeURI 、 encodeURIComponent 、escape 他们的区别encodeURI主要用于直接赋值给地址栏时候:location.href=encodeURI("http:

2016-12-08 17:24:03 2322

原创 zepto tap事件阻止事件冒泡

showTypeList:function(){ $('#search-box').on('tap','.input-tab-txt',function(event){ $('.input-tab-nav').toggle(); event.stopPropagation();

2016-11-25 13:53:47 7295

转载 JS用斜率判断鼠标进入DIV四个方向的方法 判断鼠标移入方向

JS用斜率判断鼠标进入DIV四个方向的方法            .box{            width: 200px;            height: 200px;            background-color: #3295F2;        }                   window.onload = funct

2016-11-16 09:57:06 2456

原创 给div设置blur事件

Document .box{ width: 200px; height: 200px; background-color: #3295F2; } document.getElementById('box').onblur = funct

2016-11-15 17:31:57 7099

原创 git 实战

先来个分区介绍设置 git config--global设置贡献者 git config --global user.name 和 git config --global user.email查看所有配置项 git config --list设置公钥 ssh-keygen -t rsa -C “您的邮箱地址” 在c相对应的路劲找到用记事本打开,粘贴到github上才能git cl...

2016-10-21 23:18:21 3401

原创 react基础知识

1、react 0.14版本 package 被拆分为 react 及 react-dom 两个 package。ReactReact with Add-OnsReact DOM 其中 react package 中包含 React.createElement、 .createClass、 .Component, .PropTypes, .Children 这些 API,而 r

2016-09-24 15:13:56 821

原创 less的基础入门学习笔记,less基础教程

编译工具koala:http://koala-app.com/index-zh.html1、注释@charset utf-8;/*====注释=====*///不被编译的注释/*会被编译的注释*/2、变量/*====变量=====*/在编译时候变量不会显示出来,引用时才会显示,变量也有局部变量和全局变量,在规格内定义的变量

2016-09-07 10:45:35 2074

原创 注意编码:html代码预览中多出一行””引号,而源码里找不到

今天同学问我他的网站里多出来一行,f12查看发现代码里多出了个引号,而在程序源码里是看不到这行代码,也看不到引号 如下图是转编码出的问题解决办法,就是检查编码。去掉“unicode 签名(BOM)”如下图去掉“unicode 签名(BOM)”前面的勾 然后保存一下使用sublime写代码的时候也会有不注意编码的问题。 注意查看下面2个

2016-09-06 22:15:09 1810

原创 css制作实心、空心arrow箭头

使用纯CSS,你只需要很少的代码就可以创作出各种浏览器都兼容的三角形箭头! CSS代码效果图:代码: lang="en"> charset="UTF-8"> Document type="text/css"> /*实心箭头*/ .sx-arrow-down{ border-style:s

2016-09-06 22:10:58 11085

原创 jquery-ui学习笔记

组件和插件的区别 :       组件和理解为一组的插件1、引入jq-ui.js  和css 2、如何定制下载3、分为几个大模块:    UI核心,UI交互,UI控件,UI特效,CSS主题    3-1、UI特效(是独立的不依赖其他模块) effect效果分为:         a、easing函数:     

2016-09-06 22:09:39 1022

原创 jq插件做圆形进度条,兼容ie7、ie8

1、插件名字jQuery-Knob-master下载地址https://github.com/aterrien/jQuery-Knob2、常用参数说明:script> $(function() { $(".dial").knob({ width:100,//宽度

2016-09-06 22:09:18 6539 3

原创 html5学习笔记(-),html5新特性介绍教程

一、html5语义化二、HTML5新特性 1、HTML5新特性的浏览器支持情况 http://www.caniuse.com/#index 2、新的选择器 querySelector 获取单个元素 如: var obj=document.querySelector('.box');var obj1=document.querySele

2016-09-06 22:08:03 2112

原创 grunt+seajs构建笔记

1、步骤,配置package.json,然后cd 进入相应的目录 npm install 安装依赖的插件{ "name": "webqq", "version": "0.1.0", "devDependencies": { "grunt" : "~0.4.2", "grunt-cmd-transport" : "~0.3.0", "grunt-cmd-conca

2016-09-06 22:06:49 650

原创 myeclipse修改默认启动空间

打开myEcplise,选中项目栏上的“window”,选择“perference”,在弹出框中,依次找到“General”,“ Startup and Shutdown”,“ Workspace”,将Promote for workspace on startup前的选择项勾上,然后点击OK如下图;

2016-09-06 22:06:15 408

原创 .gitignore设置git忽略特殊文件

1、创建.gitignore文件创建一个文件,文件名为:“.gitignore.”,注意前后都有一个点。保存之后系统会自动重命名为“.gitignore”。或者用git bash创建 touch .gitignore 在文件夹就生成了一个“.gitignore”文件。2、配置语法:  以斜杠“/”开头表示目录;  以星号“*”通配多个字符; 

2016-09-02 11:46:07 4670

原创 nginx安装、配置、和基本命令

1、下载地址http://nginx.org/2、基本配置说明nginx-1.11.3\conf\nginx.conf#运行用户user nobody;#启动进程,通常设置成和cpu的数量相等worker_processes 1;#全局错误日志及PID文件#error_log logs/error.log;#error_log logs/error.log

2016-08-30 23:14:51 1249

原创 hibernate.cfg.xml的参数详解

属性名用途hibernate.dialect一个Hibernate Dialect类名允许Hibernate针对特定的关系数据库生成优化的SQL. 取值 full.classname.of.Dialecthibernate.show_sql输出所有SQL语句到控制台. 有一个另外的选择是把org.hibernate.SQL这个log category设为

2016-04-13 15:36:58 1444 1

原创 hibernate注解报错注解方式下报java.lang.UnsupportedOperationException: Clobs are not cacheable

注解方式下报java.lang.UnsupportedOperationException: Clobs are not cacheable在hibernate Annotation中,实体BLOB、CLOB类型的注解与普通的实体属性有些不同,具体操作如下:BLOB类型,类型声明为byte[]: private byte[] content; 注解: @Lob @B

2016-03-30 15:24:07 1745

转载 hibernate注解详解

基本注解声明实体Bean [java] view plain copy@Entity "font-family: Arial;">    public class Flight implements Serializable {      Long id;      @Id      public Long getId() {

2016-03-30 12:27:27 2856

转载 js小数运算精度问题,js浮点数运算时出现精度问题

js中进行浮点数运算时容易出现精度问题,以下方法可以解决 1) 除法函数,用来得到精确的除法结果 //说明:javascript的除法结果会有误差,在两个浮点数相除的时候会比较明显。这个函数返回较为精确的除法结果。 //调用:accDiv(arg1,arg2) //返回值:arg1除以arg2的精确结果 function accDiv(arg1,arg2){

2016-03-23 14:40:44 7071 1

原创 解决移动端a:active伪类无效的方法

看来在iOS系统的移动设备中,需要在按钮元素或body/Html上绑定一个touchstart事件才能激活:active状态。document.body.addEventListener('touchstart', function () { //...空函数即可});

2016-03-21 10:29:54 4194

原创 鼠标滚轮的兼容写法

var addMouseWheelHandler = function(){ if (document.addEventListener) { document.addEventListener('mousewheel', MouseWheelHandler, false); //IE9, Chrome, Safari, Oper document.addE

2016-03-10 18:04:00 2181

原创 在jsp中用JSP和JSTL获取服务器参数

JSP方式 <% String SERVER_NAME = request.getServerName(); String SERVER_SOFTWARE = getServletContext().getServerInfo(); String SERVER_PROTOCOL = request.getProtocol(); Integer SERVER_PORT =

2016-02-23 18:02:17 906

cmder | Console Emulator - Cmder--Windows下命令行利器

Cmder--Windows下命令行利器 cmdercmder是一个增强型命令行工具,不仅可以使用windows下的所有命令

2017-11-08

Git-2.6.2-64-bit下载

Git-2.6.2-64-bit下载 git6.2.2下载,官方下载太慢

2015-11-24

myeclipse10安装emmet插件

在myeclipse安装目录的MyEclipse 10\dropins\emmet中粘贴下载解压的文件即可,如路劲:D:\Program Files\Myeclipse\MyEclipse 10\dropins\io.emmet.eclipse_1.0.0.201304090013.jar 或者路劲:D:\Program Files\Myeclipse\MyEclipse 10\dropins\plugins\io.emmet.eclipse_1.0.0.201304090013.jar

2015-10-15

myeclipse安装emmet插件

在myeclipse安装目录的MyEclipse 10\dropins\emmet中粘贴下载解压的文件即可,如路劲:D:\Program Files\Myeclipse\MyEclipse 10\dropins\emmet\io.emmet.eclipse_1.0.0.201304090013.jar

2015-10-15

用gulp amd-optimize插件构建requriejs模块

用gulp amd-optimize插件构建requriejs模块

2015-09-11

gulp构建seajs模块案列

使用gulp-cmd-pack自动提取依赖、合并压缩seajs模块案例

2015-09-09

MyEclipse2015Stable2.0破解补丁 注册机 步骤

此补丁仅适用于MyEclipse 2015 Stable 2.0,其他版本请绕行,内附破解步骤,新的算号器支持Bling版本MyEclipse2015Stable2.0补丁 注册机 步骤.rar

2015-09-01

tomcat-6.0.37-windows-x86下载

apache-tomcat-6.0.37-windows-x86.zip

2015-05-25

MyEclips10破解文件+破解说明

1、运行myeclipse-10.7-offline-installer-windows.exe进行安装,安装完成后先不要运行MyEclipse。 2、如果已运行了MyEclipse,请关闭推出。打开文件夹“MyEclipse 破解文件+破解说明”,双击“run.bat”运行破解程序。 3、打开“Myeclipse 10 激活详解过程.pdf”查看激活步骤(支持激活MyEclipse 10.7版本)。 注意事项:

2015-05-12

angualrJs中文手册,AngularJS参考手册

AngularJS 参考手册 AngularJS 指令 本教程中使用的 AngularJS 指令: 指令 描述 讲解 ng_app 定义应用程序的根元素。 指令 ng_bind 绑定 HTML 元素到应用程序数据.

2015-04-21

angular中文API手册,angular中文api电子书chm格式

API手册目录angularjs API文档,指令部分大部分汉化\最新angularjs 1.3.0中文API,中文教程\angularjs API文档,

2015-04-21

h5+css3实例分享:实现VCD包装盒个性幻灯片

参考网址:http://17dev.sinaapp.com/h5_css3_vcd_huan_deng.html h5+css3实例分享:实现VCD包装盒个性幻灯片

2015-03-12

h5+css3实例分享:无插件拖拽上传图片

http://17dev.sinaapp.com/h5_css3_tuo_zhuai_shang_chuan.html h5+css3实例分享:无插件拖拽上传图片

2015-03-12

html5+css3实例分享:百度贴吧的3D翻牌效果

html5+css3实例分享:百度贴吧的3D翻牌效果

2015-03-12

h5+css实例分享:3D旋转木马效果相册

h5+css实例分享:3D旋转木马效果相册

2015-03-12

h5+css3实例分享:3D展示商品信息

h5+css3实例分享:3D展示商品信息

2015-03-12

HTML5+CSS3实例 :canvas模拟实现彩票刮刮乐

HTML5+CSS3实例 :canvas模拟实现彩票刮刮乐

2015-03-12

HTML5+CSS3实例 :3D立方体旋转动画

HTML5+CSS3实例 :3D立方体旋转动画

2015-03-11

html5+css3实例:网页加载进度条的实现,下载进度条等

html5+css3实例:网页加载进度条的实现,下载进度条等

2015-03-11

编写可维护的JavaScript中文完整版

编写可维护的JavaScript中文完整版

2015-01-14

discuz论坛点击图片,滚轮缩放图片

discuz论坛点击图片,滚轮缩放图片,精简版压缩、合并版本,含demo案例

2015-01-13

Web前端开发规范手册

为提高团队协作效率, 便于后台人员添加功能及前端后期优化维护, 输出高质量的文档, 特制订此文档. 本规范文档一经确认, 前端开发人员必须按本文档规范进行前台页面开发. 本文档如有不对或者不合适的地方请及时提出, 经讨论决定后可以更改此文档.

2014-12-31

node开发指南pdf带书签,node开发中文教程

node开发指南pdf带书签,node开发中文教程

2014-12-30

iScroll5中文API,iscroll5PDF文档带目录书签,iscroll5帮助文档

iScroll5中文API,iscroll5PDF文档带目录书签,iscroll5帮助文档;最近项目上需要使用iScroll,在中文圈里找了找,只找到了iScroll 4的中文版API。于是先挑一个简单点儿的,把iScroll 5的API翻译一下,方便中文用户使用。

2014-12-30

Git 快速入门和最佳实践

Git是一款免费、开源的分布式版本控制系统,用于敏捷高效地处理任何或小或大的项目,这里的教程是:Git 快速入门和最佳实践,pdf文档的,高清版本

2014-12-29

阿里圣诞节雪花css3效果,css3雪花效果

阿里圣诞节雪花css3效果,css3雪花效果

2014-12-26

angular权威指南(最新中文版)带目录

angular权威指南,angular中文教程,带目录

2014-12-26

锋利的jquery2,锋利的jquery第二版源码下载

  《锋利的jQuery第2版》出版了。3年前,《锋利的jQuery》问世,它不仅增加了我学习JavaScript的信心,同时也让更多爱好JavaScript的朋友加入了Web开发的大家庭。第1版完全是个人爱好的结晶,而第2版更多的是对自己3年来技术的一个总结和升华。   首先,我要向广大读者道歉出版社一直找我出第2版,但我的时间确实安排不开,第2版的交稿时间被一推再推,心中也不禁时生愧意。   第2版不仅在内容方面进行了更新,而且还在上一版的基础上做了大量的修订和扩展。涵盖了如下几个方面。 例子全部改用最新的jQuery库。 例子使用了全新的UI,并且代码更符合语义化。 修订了上一版已发现的所有印刷错误。 增加了jQuery Mobile的章节。 增加了jQuery版本变化的章节。 增加了jQuery性能优化和技巧的章节。   相比之下,第2版的内容又扩充了不少,其中最让我高兴的就是,第2版中新增加的三个章节的内容。 本书结构   第一版:jQuery介绍→选择器→DOM操作→事件和动画→Ajax应用→插件→完整DEMO。   第二版添加:jQuery Mobile→jQuery各个版本变化→jQuery性能优化和技巧。 本书循序渐进地对jQuery的各种方法和使用技巧进行介绍,读者可以系统地掌握jQuery中关于DOM操作、事件监听和动画效果、表单操作、Ajax以及插件方面的知识点,并结合每个章节后面的案例演示进行练习,达到掌握各章节知识点,更好地进行开发实践的目的。

2013-12-11

zepto.js的中文手册,中文api说明,zepto中文注释

zepto.js的中文手册,中文api说明,zepto中文注释

2013-09-08

php+js实现瀑布流代码

php+js实现瀑布流代码 瀑布流代码 php瀑布流要有PHP运行平台 下载过后自己研究 有的地方换成自己需要的就好了

2013-01-08

空空如也

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

TA关注的人

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