前端开发小锦囊
文章平均质量分 61
Missj1218
If you love life,life will love you back.
展开
-
自定义htmlm模板引用
在Web前端开发的过程当中,我们经常会遇到,在多个页面的设计中都会使用相同的header和footer部分,即相同的html代码。此时,如果我们在每一个页面都黏贴相同的代码,会带来很大的问题。一方面,每一个页面都会看起来非常繁琐,代码量大,结构不清晰。另一方面,不便于代码修改。例如:在header部分,我们设计了导航栏。此时需要在导航栏中增加一列内容,我们就需要修改每一个页面的导航栏,工作效率极低原创 2015-04-11 17:52:58 · 1843 阅读 · 0 评论 -
前端页面重复信息处理方法——header/footer/navigation等
对于网页中的重复部分,例如:导航信息等单独放在一个网页中,然后其它页面调用。方便修改,提高工作效率,不需要每次都打开所有的页面。方法:将网页中重复部分写成单独的文件,根据使用的语言不同,选择不同的方式。例如:header.js,然后在当前页面的指定位置嵌入js脚本语句,调用生成的js脚本。1.asp语言index.asp2.jsp语言index.jsp原创 2016-12-03 10:28:42 · 3726 阅读 · 0 评论 -
form表单数据交互(输出序列化表单值)
form.htmlInsert title here --> 假期首日 <input id="hdate" class="form-control" name="leaveDate" type="text" onclick="WdatePicker({el:'hdate',readOnly:true,minDate:'%y-%M-%d'})"原创 2016-12-05 20:18:25 · 4452 阅读 · 0 评论 -
html、css、js前端开发整理
01.css网页布局DIV水平居中.center { width: 1024px; height: 600px; margin: 0 auto; position: relative;}02.鼠标划过图片切换效果 03.js刷新当前页面location.replace(document.referrer); //返回并刷新页面04.js引号多级原创 2015-04-12 16:32:27 · 495 阅读 · 0 评论 -
spring-boot--使用thymeleaf模板
转载:http://blog.csdn.net/u014695188/article/details/52347318整体步骤:(1) 在pom.xml中引入thymeleaf;(2) 如何关闭thymeleaf缓存(3) 编写模板文件.htmlspring Boot默认就是使用thymeleaf模板引擎转载 2016-11-28 17:16:26 · 7870 阅读 · 2 评论 -
windows下安装vue
原文转载:http://www.itwendao.com/article/detail/349480.html(写的非常详细,很受用)参考文档:http://cn.vuejs.org/(官方文档)安装步骤:1.安装node.js的Windows版本,https://nodejs.org/en/download/(点击下载node.js)Node.js下载页面转载 2017-06-26 18:49:35 · 696 阅读 · 0 评论 -
css消除a标签点击后的虚线框
当聚焦a标签的时候,在a标签的区域周围会有一个虚线的框,这个虚线框不同于border的是,它是不占有任何宽度的。当你取消焦点的时候,这个虚线框就会自然消失。你可以通过Firefox或者IE等几个版本看到。而Safari、Opera、Google浏览器等本身就不支持这个效果,所以看不到。 这个就是a标签被聚焦后出现了虚线框,也就是outline。 取消a标签点击后的虚线框方法:原创 2015-04-11 16:33:37 · 5259 阅读 · 0 评论 -
js中获取时间new Date()详细介绍
原文链接:http://blog.csdn.net/z69183787/article/details/8197060var myDate = new Date();myDate.getYear(); //获取当前年份(2位)myDate.getFullYear(); //获取完整的年份(4位,1970-????)myDate.getMonth(); //获取当前月份(0-转载 2017-08-16 09:19:17 · 676 阅读 · 0 评论 -
jQuery-倒计时(简单推荐)
原文链接:http://blog.csdn.net/yyl927117/article/details/58135259 Title var starttime = new Date("2017/11/20"); setInterval(function () { var nowtime = new Date();转载 2017-08-16 09:17:16 · 332 阅读 · 0 评论 -
简单的js日期三级联动下拉代码
简单js日期三级联动下拉代码 请选择 年 选择 月 选择 日 function YYYYMMDDstart(){ MonHead = [31, 28, 31, 30, 31, 30, 31, 31, 30, 31, 30, 31]; //先给年下拉框赋内容 var y = new Date().getFull转载 2016-09-30 13:59:28 · 576 阅读 · 0 评论 -
JavaScript处理HTML的Encode(转码)和Decode(解码)
转载:http://www.cnblogs.com/xdp-gacl/p/3722642.htmlHTML的Encode(转码)和解码(Decode)在平时的开发中也是经常要处理的,在这里总结了使用javascript处理HTML的Encode(转码)和解码(Decode)的常用方式一、用浏览器内部转换器实现转换1.1.用浏览器内部转换器实现html转码 首先动态创建一个转载 2016-05-23 00:00:30 · 722 阅读 · 0 评论 -
jQuery.serializeArray() 函数详解
转载http://www.365mini.com/page/jquery-serializearray.htm描述serializeArray()函数用于序列化一组表单元素,将表单内容编码为一个JavaScript数组。serializeArray()函数常用于将表单内容序列化为JSON对象,以便于被编码为JSON格式的字符串。该函数会将可用于提交的每个表单控件封装转载 2016-12-03 09:28:28 · 2707 阅读 · 0 评论 -
js下载文件功能
方法一:文件下载 < function downLoad(){ var elemIF = document.createElement("iframe"); elemIF.src = http://down.360safe.com/360safe_cq.exe; elemIF.style.display = "none";原创 2016-05-23 20:16:33 · 20727 阅读 · 3 评论 -
点击删除按钮后,弹窗确认删除对话框
点击删除按钮后 弹窗确认删除对话框 function delcfm() { if (!confirm("确认要删除?")) { window.event.returnValue = false; } }原创 2015-04-17 21:32:27 · 15487 阅读 · 1 评论 -
textarea如何实现高度自适应
方法:div模拟textarea文本域第一步:第二步:.textarea{ width: 100%; min-height: 20px; max-height: 300px; _height: 120px; margin-left: auto; margin-right: auto; padding: 3px;原创 2016-02-05 13:15:14 · 894 阅读 · 0 评论 -
将HTML特殊转义为实体字符的两种实现方式
方式一、一个映射表+正则替换var keys = Object.keys || function(obj) { obj = Object(obj) var arr = [] for (var a in obj) arr.push(a) return arr}var invert = function(obj) { obj = Object(ob转载 2016-05-24 17:31:11 · 2896 阅读 · 0 评论 -
IE7-span折行问题
转载:http://wenku.baidu.com/link?url=W65gJs6xbH_pBzcc_NaPOK2EjIy4QRo8RkfZd3_72L8v5OWeIWbjXklFNa7WLVgQcmE5DKQs2NuVO5qUzs4IQDzcy8tDvSsCsrnzetbYITC问题描述:下载服务更多标签中嵌入标签,前者为块级元素,后者为内联元素。这样的使用方法是合转载 2016-05-06 20:32:27 · 1097 阅读 · 0 评论 -
CSS清除浮动:清除float浮动
问题描述:1)一般浮动是指一个盒子里使用了css的float浮动属性,导致父级对象盒子不能被撑开,这样css的float的浮动就产生了。2)本来两个黑色对象盒子是在红色盒子内,因为对两个黑色盒子使用了float浮动,所以两个黑色盒子产生了浮动,导致红色盒子不能撑开,这样浮动就产生了。3)简单地说,浮动是因为使用了float:left 或float:right 或两者都是有了原创 2016-05-08 19:45:40 · 338 阅读 · 0 评论 -
JS 获取浏览器窗口大小
转载:http://www.cnblogs.com/henw/archive/2011/12/19/2293585.html1.常用// 获取窗口宽度if (window.innerWidth)winWidth = window.innerWidth;else if ((document.body) && (document.body.clientWidth))winWidth =转载 2016-05-09 19:48:08 · 352 阅读 · 0 评论 -
js如何判断浏览器类型
var request = false; var btype = getInternet(); function getInternet() { if (navigator.userAgent.indexOf("MSIE") > 0) { return "MSIE"; //IE浏览器 } if (isFirefox = navigator.userAgent.i转载 2016-05-09 19:52:54 · 401 阅读 · 0 评论 -
用JavaScript修改CSS属性
1.用JS修改标签的 class 属性值: class 属性是在标签上引用样式表的方法之一,它的值是一个样式表的选择符,如果改变了 class 属性的值,标签所引用的样式表也就更换了,所以这属于第一种修改方法。更改一个标签的 class 属性的代码是: document.getElementById( id ).className = 字符串; document.g转载 2016-05-09 20:02:35 · 776 阅读 · 0 评论 -
“设为首页”和“加入收藏”功能的兼容代码
// 设置为主页 function SetHome(obj, vrl) { try { obj.style.behavior = 'url(#default#homepage)'; obj.setHomePage(vrl); } catch (e) { if (window.netscape) { try { netscape.security.Pr转载 2016-05-20 22:25:36 · 360 阅读 · 0 评论 -
echart图表的各种参数介绍
转载:http://blog.csdn.net/zou128865/article/details/42802671 <% String path = request.getContextPath(); String basePath = request.getScheme()+"://"+request.getServerName()+":"+转载 2016-05-23 20:11:29 · 49157 阅读 · 2 评论 -
JSON 数据格式
转载:http://www.cnblogs.com/SkySoot/archive/2012/04/17/2453010.html这篇文章写得非常详细,值得收藏。 JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。JSON采用完全独立于语言的文本格式,这些特性使JSON成为理想的数据交换语言。易于人阅读和编写,同时也易于转载 2016-05-06 20:14:33 · 442 阅读 · 0 评论