自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

  • 博客(62)
  • 资源 (1)
  • 收藏
  • 关注

原创 js数组去重总结

删除数组条目中重复的条目(可能有多个),并返回去重后的新数组。思路1:定义一个新数组,并存放原数组的第一个元素,然后将原数组一一和新数组的元素对比,如果在新数组中不存在则存放在新数组中。function unique(arr){ var res = [arr[0]]; for(var i=1; i<arr.length; i++){ var repeat = false...

2019-01-30 17:19:49 250

原创 input禁止自动填充

1、在form表单或者input中使用autocomplete=”off”2、不让页面读取缓存数据<meta   http-equiv= "Pragma"   content= "no-cache" /> <meta   http-equiv= "Cache-Control"   content= "no-cache" /> <meta   htt

2018-07-26 21:43:32 18870

原创 解决谷歌浏览器中的input背景色默认是黄色

input:-webkit-autofill { -webkit-box-shadow: 0 0 0px 1000px white inset !important;} 去除 input 焦点 边框 outline:none;

2018-07-26 21:23:28 1882

原创 移动端兼容性问题

简单记录一下平时遇到的兼容性问题:1.ios8及以下不支持flex布局解决:safari使用webkit内核,在相关属性上加webkit兼容。display: flex;display: -webkit-flex;justify-content: center;-webkit-justify-content: center;align-items:center;-w...

2018-07-10 15:30:27 948

原创 css3实现锯齿边框(用于优惠券或邮票等)

<div class="sawtooth-bor"><div class="pt10 bor_r_dashed clearfix pr10 pb8 flex-item pl10 bg-cffb937"><h3 class="fs36">¥50</h3><div class="fs

2018-06-25 11:19:44 10844

原创 git保存用户名和密码

tortoiseGit(小乌龟git)图形化了git,但在拉取项目时,每次都要输入用户名和密码,以下配置可避免此操作。1、首先在(C:\Users\用户)下打开.gitconfig文件,2、配置以下内容,用户名和邮箱有的话就不用配置了[user] name = xxx email = [email protected][credential]     helper = store3、保存退出,然后pull,pu...

2018-06-19 18:04:05 2218

原创 CSS3实现三角步骤条

 html: <div class="stepBox clearfix lhh40 mt40"><div class="stepItem fl fs16 c_fff textc lhh40 active" style="width: 382px;"><i class="">1</i>&l

2018-06-13 18:19:15 2437

原创 使用CSS修改HTML5 input placeholder颜色

.moneyBox input::-webkit-input-placeholder { /* WebKit browsers */color: #F22E00;}.moneyBox input:-moz-placeholder { /* Mozilla Firefox 4 to 18 */color: #F22E00;}.moneyBox input::-moz-plac...

2018-06-13 15:11:42 3103

原创 使用原生js和css实现下拉框

   因为原始select的option默认样式无法被改变,自己试着写了一个下拉框,应该还有更好的办法,以后再总结,代码如下: html<ul class="select"><li class="drop-down" onclick="selectShow()"><span id="reasontxt" class="

2018-06-13 15:03:45 8362 1

原创 去掉输入框type为number时的上下箭头

  /* 谷歌 */input::-webkit-outer-spin-button,input::-webkit-inner-spin-button {-webkit-appearance: none;}/* 火狐 */input[type="number"]{-moz-appearance: textfield;}   <input...

2018-06-13 14:44:20 1287

原创 npm重装

npm被玩坏了,试过各种方法还是无果,最后想卸载重装算了,结果连npm -v都报错。无奈╮(╯▽╰)╭最后只能直接进入C:\Users\admin\AppData\Roaming下手动删除npm和npm-cache文件夹(要以管理员身份删除)然后将node卸载,再重装node,npm也就一起重装了......

2018-05-13 00:20:41 30383 7

转载 浏览器同源政策及其规避方法

http://www.ruanyifeng.com/blog/2016/04/same-origin-policy.html

2018-03-08 17:32:18 174

转载 盘点8种CSS实现垂直居中水平居中的绝对定位居中技术

转自:http://blog.csdn.net/freshlover/article/details/11579669 Ⅰ.绝对定位居中(Absolute Centering)技术 我们经常用margin:0 auto来实现水平居中,而一直认为margin:auto不能实现垂直居中……实际上,实现垂直居中仅需要声明元素高度和下面的CSS:[css] view plain c...

2017-07-07 14:42:34 355

转载 sublime text3 安装ctags实现函数跟踪跳转

来源:http://blog.csdn.net/menglongfc/article/details/51141084在source insight中有一个很好用的功能,就是函数的跟踪跳转,在阅读别人的代码的时候轻松的浏览原函数。我们知道,在使用vim的时候有个插件叫ctags,同理,在sublime text中也能是使用ctags实现相同的功能。下面介绍下如何在sublime t

2017-07-05 15:01:29 4848

转载 CSS样式中字体大小,建议font-size使用em

转自:http://blog.csdn.net/u010874036/article/details/51582241 在如今这个提倡可用性设计以及用户体验设计的网络时代,CSS也是要一同参与其中的。大部分人在CSS代码编写中总是先对整体定义字体尺寸,中文情况下一般为12px,而其实这样以来在通过IE顶部菜单中的“察看-文字大小”设置已无任何作用。对字体感觉太小的浏览者而言无疑是种很不好的...

2017-06-29 16:59:12 2343

转载 js字符串截取函数slice()、substring()、substr()以及split()、John() 、indexOf()的用法

摘要在js中字符截取函数有常用的三个slice()、substring()、substr()了,下面我来给大家介绍slice()、substring()、substr()函数在字符截取时的一些用法与区别吧。 取字符串的三个函数:slice(start,[end]),substring(start,[end])和substr(start,[length]) 相关属性: slice() 第一个参数...

2017-05-22 14:22:03 2005

原创 bootstrap popover简单用法

//添加$('#freqsComboCheckbox').addClass('has-popover').attr('data-content', "Please Select Frequency!")                        .popover({                            placement: 'bottom',         

2017-05-22 13:59:48 1471

转载 伪数组和真数组

/** 什么是伪数组:* 1、伪数组是一个对象* 2、这个对象必须要有length属性* 3、如果这个对象的length不为0,那么必须要有按照下标存储的数据* */// 不是伪数组var obj = {};var obj2 = { length: 3 };// 是伪数组var obj3 = { length: 0 };var obj4 = { 0: '888', len...

2017-03-30 15:08:29 7291 1

转载 js中通过Object.prototype.toString方法----精确判断对象的类型

来源:http://blog.csdn.net/icanlove/article/details/43702879在 JavaScript 里使用 typeof 来判断数据类型,只能区分基本类型,即 “number”,”string”,”undefined”,”boolean”,”object” 五种。对于数组、函数、对象来说,其关系错综复杂,使用 typeof 都会统一返回 “objec...

2017-03-30 10:50:46 510

转载 你所不知的 CSS ::before 和 ::after 伪元素用法

 CSS 有两个说不上常用的伪类 :before 和 :after,偶尔会被人用来添加些自定义格式什么的,但是它们的功用不仅于此。前几天发现了 Creative Link Effects 这个非常有意思的介绍创意链接特效的页面,里面惊人的效果大量使用到的特性除了 transform 属性进行变形之外,就是接下来要介绍的这两个伪元素了。Creative Button Styles ...

2017-03-30 10:14:29 244

转载 createElement与createDocumentFragment的点点区别

来源:http://www.cnblogs.com/xesam/archive/2011/12/19/2293876.html 在DOM操作里,createElement是创建一个新的节点,createDocumentFragment是创建一个文档片段。网上可以搜到的大部分都是说使用createDocumentFragment主要是因为避免因createElement多次添加到docu...

2017-03-30 10:05:01 236

转载 call()与apply()区别

来源:http://www.cnblogs.com/qzsonline/archive/2013/03/05/2944367.html一、方法的定义 call方法: 语法:call(thisObj,Object)定义:调用一个对象的一个方法,以另一个对象替换当前对象。说明:call 方法可以用来代替另一个对象调用一个方法。call 方法可将一个函数的对象上下文从初始的上下文改变为由 ...

2017-03-30 10:03:19 221

转载 angular ng-click获取触发事件对象this

来源:http://hbiao68.iteye.com/blog/2286434ng-click="shareGoods({{item.goods_id}},$event)" 传递一个$event对象通过事件对象 $event.target  获取事件源 Html代码  div class="float_left width_50 b

2017-03-14 11:13:34 19086

原创 css制作向下的三角形

利用border,需要成角的那边设置了宽跟颜色,它的2个邻边设置了透明度,然后通过调整宽度来确定三角形的角度、边长。.arrow_down {    width: 0;    height: 0;    border-left: 4px solid transparent;    border-right: 4px solid transparent;    border-top:...

2016-09-01 10:02:56 4460

转载 css中display:inline,display:block;display:inline-block; 区别

display:inline; 内联元素,简单来说就是在同一行显示。display:block; 块级元素,简单来说就是就是有换行,会换到第二行。display:inline-block; 就是在同一行内的块级元素。说概念太模糊,来个真实案例吧。<a href="#" style="display:inline;width:100px;height:100px;background:#ccc...

2016-08-12 14:54:11 410

原创 取消除前三个其他所有勾选,再默认选中前三个。

取消除前三个其他所有勾选,再默认选中前三个。 $(".checkbox").each(function(index, item){ if(index > 2) { $(item).prop('checked',false); } }); $("#check-1").prop('checked',true); ...

2016-07-19 10:18:40 276

转载 CSS定位中的必须深究的常用技法

[css] view plain copy  print?<span style="font-family: Arial, Helvetica, sans-serif; background-color: rgb(255, 255, 255);">   </span><span style="font-family: Arial, Helvetica, sans-...

2016-07-10 11:50:34 331

转载 JQuery对CheckBox的一些相关操作

转自:http://for-dream.iteye.com/blog/1570434一、通过选择器选取CheckBox:  1.给CheckBox设置一个id属性,通过id选择器选取:    input type="checkbox" name="myBox" id="chkOne" value="1" checked="checked" />  

2016-06-30 09:32:13 253

转载 jQuery获取checkbox选中项等操作及注意事项

转自:http://www.cnblogs.com/babycool/p/3302904.html今天在做一个项目功能时需要显示checkbox选项来让用户进行选择,由于前端不是很熟练,所以做了一个简单的Demo,其中遇到一些小问题,特记录下来,希望能帮到遇到类似问题的同学们。1. 获取checkbox的选中项2. checkbox选项的全选 反选操作用于测试的

2016-06-30 09:29:35 319

原创 css改变复选框样式

input[type="checkbox"]{ -webkit-appearance: none; top: 5px; float: left; position: relative; vertical-align:middle; margin-top:0; background:#fff; border:#999 solid 1p...

2016-06-29 14:58:38 1215

原创 复选框与文字对齐的问题

来源:http://www.zhangxinxu.com/wordpress/2009/12/checkbox%E5%A4%8D%E9%80%89%E6%A1%86%E7%9A%84%E4%B8%80%E4%BA%9B%E6%B7%B1%E5%85%A5%E7%A0%94%E7%A9%B6%E4%B8%8E%E7%90%86%E8%A7%A3/ 完整代码如下:<style ty...

2016-06-28 20:01:31 301

原创 省略超出文章部分 超出部分加“…” 展开收起

方法一:加CSS样式text-overflow:ellipsis;overflow:hidden;white-space:nowrap;方法二:js获取字数$(document).ready(function(){ var absStr = ""; var len=$("#articleAbstract").text().length; if($("#articleAbs...

2016-06-14 17:07:33 1720

转载 CSS实现背景透明,文字不透明,兼容所有浏览器

来源:http://www.cnblogs.com/PeunZhang/p/4089894.html#solve11.11是公司成立的日子,16岁啦,我呢3岁半,感谢公司给了这样一个平台,让我得以学习和成长,这里祝愿公司发展越来越好~进入主题,每年11月11号是光棍节,产生于校园,本来只是一流传于年轻人的娱乐性节日,以庆祝自己仍是单身一族为骄傲,而如今是各大商家以脱光为由打折促销的时期,成...

2016-06-07 16:11:16 23799 1

原创 ajax 点赞收藏功能

<%@ page language="java" contentType="text/html; charset=utf-8" pageEncoding="utf-8"%> <%@include file="/include.jsp"%><%@page import="java.util.Date"%&gt

2016-05-31 19:31:24 7099

原创 list嵌套显示

.dept-content{ width: 790px; float: left; margin: 20px 0 0 10px;}.dept-table{ margin-top: 20px;}.dept-title{ width:100%; border:1px solid #00c9cb; padding: 10px...

2016-05-24 17:38:40 1256

转载 left join on 和where条件的放置

转自:http://blog.csdn.net/muxiaoshan/article/details/7617533select * fromtd  left join (select case_id as sup_case_id , count(*) supervise_number from  td_kcdc_case_sup_info  group by 

2016-05-23 14:46:23 298

原创 自定义字典表的使用

数据库:表sys_dict表t_departmentDictTag.javapublic class DictTag extends BodyTagSupport{ /** * 创建日志对象 */ private static final Logger logger = Logger.getLogger(DictTag.class);

2016-05-20 17:34:57 6854

原创 Could not find result map com.rmyy.web.model.Department] with root cause

一:第一种可能:MaBatis-Config.xml检查配置和配置应该是缺少配置,或配置有误二:第二种可能:sqlmap配置文件里面检查xxx的名字是否对应三:第二种可能:sqlmap配置文件里面select标签内部的resultMap属性 指向不正确

2016-05-19 17:39:49 1341

原创 Could not resolve type alias 'DepartmentResultMap'.

异常信息:org.springframework.web.servlet.DispatcherServlet 2016-05-19 16:24:13,359 http-apr-8080-exec-5 -- ERROR -- Context initialization failedorg.springframework.beans.factory.BeanCreationException

2016-05-19 16:32:06 6778

转载 关于使用jsp:include标签及<%@ include标签时要注意的事项

http://blog.csdn.net/angus_17/article/details/7878937 先回忆一下二者的区别(对于此篇文章而言,二者在用法上没有区别) jsp:include是先编译一下included.jsp文件,然后再包含 先编译,后包含@ include是先把文件包含就来,然后统一编译 先包含,后编译...

2016-05-18 16:51:50 1796

sublime text3--3170最新破解文件

安装解压后,将破解文件复制到sublime text根目录,右键以管理员身份运行,点击Patch即可,亲测版本3170,2018.5.13日有效

2018-05-13

空空如也

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

TA关注的人

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