前端开发专栏
主要总结开发过程中前端遇到的问题,和一些好的前端知识分享,方便大家学习
菜鸟笔记
java成长笔记
展开
-
使用PULL解析XML文件
XmlPull和Sax类似,是基于流(stream)操作文件,然后根据节点事件回调开发者编写的处理程序。因为是基于流的处理,因此Xmlpull和 Sax都比较节约内存资源,不会象Dom那样要把所有节点以对橡树的形式展现在内存中。 但Xmlpull比Sax更简明,而且不需要扫描完整个流。 下面来看一个pull解析xml的例子: student.xml:转载 2016-04-12 15:06:35 · 498 阅读 · 0 评论 -
使用SAX解析XML文件
SAX是Simple API for XML的缩写,它并不是由W3C官方所提出的标准,虽然如此,使用SAX的还是不少,几乎所有的XML解析器都会支持它。 与DOM比较而言,SAX是一种轻量型的方法。我们知道,在处理DOM的时候,我们需要读入整个的XML文档,然后在内存中创建DOM树,生成DOM树上的每个Node对象。当文档比较小的时候,这不会造成什么问题,但是一旦文档大起来,处理D转载 2016-04-13 15:03:19 · 564 阅读 · 0 评论 -
用console.table()调试javascript
昨天我了解到Chrome调试工具一个小巧的调试方法,在WDCC期间, Marcus Ross(@zahlenhelfer) 介绍了,chrome调试工具各种调试方法,这个只是其中一种,现在我来给大家秀下。用CONSOLE.LOG()展示数组想象下你构造了如下数组var languages = [{ name: "JavaScript", fileExtension: ".js转载 2016-10-31 08:40:45 · 567 阅读 · 0 评论 -
html禁止清除input文本输入缓存的两种方法
有时候浏览器有很多缓存,我们就执行不了某种操作,必须要清除缓存才可以运行,其实多数浏览器默认会缓存input的值,只有使用ctl+F5强制刷新的才可以清除缓存记录。如果不想让浏览器缓存input的值,有两种方法,请如下文转载 2016-09-28 10:42:54 · 3872 阅读 · 0 评论 -
无刷新修改页面的浏览器地址栏显示地址的方法
作为一个Web程序员,我经常会到网上去看别人是如何做网站,如何开发Web应用的。这样的好处有很多,一是开阔你的眼界,你能看到很多书本上没有的东西,二是看别人的代码是如何写的,取人之长、补己之短。像纯CSS3实现光芒旋转四射的头像动画和用CSS制作出绚丽燃烧的火狐狸的方法都是研究别人网站上的技术的收获。经常访问Facebook,或github.com,或plus.google.com的人会发转载 2016-09-28 14:42:57 · 1608 阅读 · 0 评论 -
js将long日期格式转换为标准日期格式
"javascript"> //扩展Date的format方法 Date.prototype.format = function (format) { var o = { "M+": this.getMonth() + 1, "d+": this.getDate(),转载 2016-06-01 18:18:43 · 1839 阅读 · 0 评论 -
一探前端开发中的JS调试技巧
有请提示:文中涉及较多Gif演示动画,移动端请尽量在Wifi环境中阅读前言:调试技巧,在任何一项技术研发中都可谓是必不可少的技能。掌握各种调试技巧,必定能在工作中起到事半功倍的效果。譬如,快速定位问题、降低故障概率、帮助分析逻辑错误等等。而在互联网前端开发越来越重要的今天,如何在前端开发中降低开发成本,提升工作效率,掌握前端开发调试技巧尤为重要。本文将一一讲解各种前端JS调转载 2016-06-13 11:22:25 · 17756 阅读 · 5 评论 -
学习Javascript闭包(Closure)
闭包(closure)是Javascript语言的一个难点,也是它的特色,很多高级应用都要依靠闭包实现。下面就是我的学习笔记,对于Javascript初学者应该是很有用的。一、变量的作用域要理解闭包,首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种:全局变量和局部变量。Javascript语言的特殊之处,就在于函数内部可以直接读取全转载 2016-06-27 10:44:02 · 544 阅读 · 1 评论 -
js数组与字符串的相互转化
数组与字符串的相互转化================================================js数组的操作1、数组的创建var arrayObj = new Array(); //创建一个数组var arrayObj = new Array([size]); //创建一个数组并指定长度,注意不是上限,是长度var arrayObj = new Array([element转载 2016-07-26 14:40:14 · 723 阅读 · 0 评论 -
select2学习
$('#e3').select2({ placeholder: "请输入", minimumInputLength: 1, separator: ",", // 分隔符 maximumSelectionSize: 5, // 限制数量 initSelection: function(element, call转载 2016-07-26 14:47:40 · 29849 阅读 · 1 评论 -
jQuery选择器总结
1234567891011121314151617181920212223242526272829303132333435转载 2016-09-23 17:36:24 · 450 阅读 · 0 评论 -
jquery插件jquery.confirm弹出确认消息
本文为大家介绍了插件jquery.confirm弹出确认消息的实现方法,具有一定的参考价值,特分享给大家供大家参考,具体内容如下实现效果:具体代码:1、插件默认参数// 默认参数$.confirm.defaults = { // 样式 css: "http://static.qianduanblog.com/css/jquery.confirm/d转载 2016-12-28 22:05:44 · 11612 阅读 · 0 评论 -
IE9.0或者360下js(JavaScript、jQuery)不能正确执行(加载),按F12后执行正常;Firefox下ajax的success返回数据data(json、string)无法获取
兼容问题1:页面的分享等插件加载不全,并无法点击。兼容问题2:IE下页面选择器(#id、.class.etc.)绑定click事件无法访问到,后台springmvc方法,也无法获取ajax的success方法返回值data。兼容问题3:在IE和Google下能够获取,ajax的success返回的数据data,但firefox下获取不到。兼容问题4:转载 2017-01-11 14:13:32 · 729 阅读 · 0 评论 -
日期校验、身份证校验、电话校验的正则表达式方法
日期校验:// 校验时间文本框function checkdate(source) {var datetype = /^((((1[6-9]|[2-9]\d)\d{2})-(0?[13578]|1[02])-(0?[1-9]|[12]\d|3[01]))|(((1[6-9]|[2-9]\d)\d{2})-(0?[13456789]|1[012])-(0?[1-9]|[12]\d|30)原创 2017-03-06 16:22:20 · 914 阅读 · 0 评论 -
bootstrap表格
bootstrap实现表格功能:1.下载导入需要的文件2.中的标签3.bootstrap中的js var $table = $('#table'), $remove = $('#remove'), selections = []; functi原创 2016-05-31 14:00:16 · 14851 阅读 · 1 评论 -
Bootstrap列表分页及查询(数据与页面分离形式)
Bootstrap两种分页形式: 全部加载数据,然后在js中分页和查询;后台分页,通过后台加载一页的数据;后台发送json格式的数据到前台,前台通过js处理,生成table等,html或者jsp页面显示。 两种方式都通过【$(‘页面table的ID’).bootstrapTable{()};】函数来处理数据。下面说下里面的参数 1.method:请求转载 2016-05-31 14:52:41 · 14498 阅读 · 0 评论 -
Bootstrap Modal遮罩弹出层
下面这段代码并非是Bootstrap的遮罩,只是简单版的遮罩效果,Bootstrap那个太啰嗦了。如果你钟情Bootstrap的那个遮罩,来看看这篇文章“完全版:Bootstrap弹出层遮罩”。×登录 是一种态度你必须先登录!用户名:密码:重要的CSS,里面的内容样式可以根据自己需求修改:.theme-popover-mask {z-index:转载 2016-06-24 15:17:11 · 11218 阅读 · 0 评论 -
freemark和bootstrap中页面布局,页签,左右菜单
freemark和bootstrap布局页面1.页面效果2.需要的文件其中list.ftl是整个页面,menuList.ftl是右边的表格数据显示,menuTree是左右的菜单树原创 2016-06-30 11:06:00 · 2925 阅读 · 0 评论 -
freemarker学习笔记---assign标签
assign assign指令在前面已经使用了多次,它用于为该模板页面创建或替换一个顶层变量, assign指令的用法有多种,包含创建或替换一个顶层变量,或者创建或替换多个变量等, 它的最简单的语法如下: , 这个用法用于指定一个名为name的变量,该变量的值为value, 此转载 2016-07-05 14:25:45 · 9382 阅读 · 1 评论 -
JS组件系列——表格组件神器:bootstrap table(二:父子表和行列调序)
前言:上篇 JS组件系列——表格组件神器:bootstrap table 简单介绍了下Bootstrap Table的基础用法,没想到讨论还挺热烈的。有园友在评论中提到了父子表的用法,今天就结合Bootstrap table的父子表和行列调序的用法再来介绍下它稍微高级点的用法。bootstrap table系列:JS组件系列——表格组件神器:bootstrap tableJS组转载 2016-08-08 16:56:31 · 4046 阅读 · 6 评论 -
JS组件系列——表格组件神器:bootstrap table
前言:之前一直在忙着各种什么效果,殊不知最基础的Bootstrap Table用法都没有涉及,罪过,罪过。今天补起来吧。上午博主由零开始自己从头到尾使用了一遍Bootstrap Table ,遇到不少使用方面的问题,也做了一部分笔记,在此分享出来供需要使用的园友参考。还记得前两天有园友加群问我Bootstrap Table的使用问题,呵呵,巧了,今天博主也遇到同样的问题了,在此还是要表示抱歉,没有转载 2016-08-08 16:58:44 · 4796 阅读 · 13 评论 -
bootstrap table父子表
前台代码如下<%@ page language="java"import="java.util.*"pageEncoding="UTF-8"%><%@ taglib uri="http://java.sun.com/jsp/jstl/core"prefix="c"%>String path = request.getC转载 2016-09-06 14:41:07 · 17021 阅读 · 1 评论 -
bootstrap的向导式插件:bootstrap-wizard
从今天开始学习bootstrap的导航向导插件bootstrap-wizard。以下链接是该插件的帮助文档和简单的demohttp://vadimg.com/twitter-bootstrap-wizard-example/#先给大家看一下效果图:之后我会贴出demo的代码部分,原创 2016-09-06 16:06:08 · 24645 阅读 · 3 评论 -
bootstrap导航插件wizard--源码demo
最近一段时间一直忙于工作,没有时间整理bootstrap导航插件。今天把用到的导航插件demo,贴出来和大家一起学习。1. ftl页面部分代码,贴出主要代码form">1 主题12 主题2subjec3" data-toggle="tab" class="step">3 主题3原创 2016-09-13 11:17:18 · 6897 阅读 · 0 评论 -
bootstrap设置table的样式
用bootstrap时,不需要table的边框样式,并且不想还想继续使用bootstrap table的分页功能,需要清除table的边框样式,设置自己需要的;1.bootstrap中清除table样式前的表格2.清除table样式后的表格样式清除table自带的样式之后就可以设置自己想要的样式,不影响bootstrap的其他功能 清除bootstr原创 2016-10-14 12:43:09 · 28172 阅读 · 2 评论 -
JS组件系列——BootstrapTable 行内编辑解决方案:x-editable
阅读目录一、x-editable组件介绍二、bootstrapTable行内编辑初始方案三、bootstrapTable行内编辑最终方案1、文本框2、时间选择框3、下拉框4、复选框5、“阴魂不散”的select2四、总结 正文前言:之前介绍bootstrapTable组件的时候有提到它的行内编辑功能,只不过为了展示功能,将此一笔带过了,罪过罪过!最近转载 2016-12-29 09:10:19 · 23649 阅读 · 3 评论 -
bootstrap中table的行拖拽实现
在项目中遇到了bootstrap行拖拽的问题,查询了很多资料,终于实现了拖拽。拖拽效果:整理一下具体的实现方法:1.首先在项目中引入需要的js,jQuery和Boostraptable的文件请自行引入script src="~/Content/jquery-ui-1.11.4.custom/external/jquery.tablednd.js">script>原创 2017-01-12 16:58:30 · 30572 阅读 · 59 评论 -
bootstrap中日期时间控件datatimepicker的用法
bootstrap中日期时间控件datatimepicker设置开始时间结束时间的用法:$(id).datetimepicker({ language: 'zh-CN', weekStart: 1, startDate:‘2017-03-06’, //开始时间 endDate:‘2017-09-09’,//结束时间原创 2017-03-06 16:17:27 · 2493 阅读 · 0 评论