01 2015 档案
摘要：摘要： 今天分享的是使用jquery来处理session。我们将使用sessionStorage对象，它类似与localStorage对象，只是sessionStorage是用来储存session数据的。当用户关闭浏览器这个数据会被清除掉。简介： JquerySession是一个基于jquery...
阅读全文
摘要：摘要： 在项目开发中我们经常会遇到弹窗，有的是通过div模拟弹窗效果，有的是通过iframe，也有通过window自带的open函数打开一个新的窗口。今天给大家分享的是最后一种通过window.open()函数打开页面进行数据交互。首先看下效果图：原理： 父窗口给子窗口传递数据是通过url的参数...
阅读全文
摘要：摘要： 最近在制作手册的时候遇到了一个问题'文档乱码'，查看文件之后发现文件编码不对，总共100多个文件，如果用编辑器另存为utf8，那就悲催了。所以自己就写了个程序，批量修改文件编码格式。代码：/** * 修改文件编码格式，例如：GBK转UTF8 * 支持多级目录 * @param {Strin...
阅读全文
摘要：摘要： 响应式设计已经流行很久了，今天分享一个借助transition来实现动态切换布局的效果。代码： Document > Resize your navigator's window to see this awesome responsive ...
阅读全文
摘要：摘要： jQuery已经成为项目中最常见的js库，也是前端开发最喜欢使用的库。下面是在项目中封装了jQuery的Ajax，分享给大家。代码：// ajax 请求参数var ajaxSettings = function(opt) { var url = opt.url; var hre...
阅读全文
摘要：摘要： 在HTML中，某些字符是预留的。在HTML中不能使用小于号（），这是因为浏览器会误认为它们是标签。如果希望正确地显示预留字符，我们必须在HTML源代码中使用字符实体。如需显示小于号，我们必须这样写：<或< HTML中的常用字符实体是不间断空格()。浏览器总是会截短HTML页...
阅读全文
摘要：摘要： 前面分享了用js将json数据下载为csv文件，方便后期管理。但是对于测试人员更希望能够以页面的形式展现任务，所以就做了一个将csv文件展现在页面上的例子。代码： csv CSV转JSON ...
阅读全文
摘要：摘要： 最近有一个非项目的小需求，就是将项目开发分工文件化，方便后期管理维护。但是开发时，分工安排都是以json格式记录的，所以就做了一个将json数据以csv格式下载到本地。代码： download csv ...
阅读全文
摘要：摘要： 对于前端开发我们最重要的工作就是兼容性，系统的兼容性，浏览器的兼容性等等。今天分享一个我在项目中封装的判断操作系统与浏览器的方法。操作系统：var os = (function() { var UserAgent = navigator.userAgent.toLowerCase()...
阅读全文
摘要：摘要： css3已经被应用到很多网站了，对于创建动态交互的网站是非常有益的。今天就分享一个使用transition实现的鼠标悬停淡阴淡出的效果。代码： Document ...
阅读全文
摘要：摘要： 多列布局在网站应用中也是经常见到的，今天就分享4中多列布局。display:table one two ...
阅读全文
摘要：摘要： 在我们制作页面的时候经常会遇到内容垂直居中的需求，今天分享5种垂直居中的方法，每种方法都有自己的优缺点，可以选择自己喜欢的方式。以下代码都经过本人亲自测试。line-height： vertical-align:middle; :before： ...
阅读全文
摘要：摘要： tagsinput是一款基于jQuery的插件。具有组织输入内容、校验、backspace删除等功能。当你在输入框输入结束按下enter键，tagsinput会将你输入的内容用标签封装，每个输入的内容用逗号分隔。实例：附录： https://github.com/xoxco/jQue...
阅读全文
摘要：摘要： 前面已经分享了三种方法制作tooltips，今天再来分享一个借助a标签来实现tooltips的方法。效果如下：
阅读全文
摘要：摘要： 在团队开发中，统一的代码格式是必要的。但是不同开发人员使用的编辑工具可能不同，这样就造成代码的differ。今天给大家分享一个很好的方法来使不同的编辑器保持一样的风格。 不同的编辑器也有设置代码风格的，例如我们前端人员最喜欢使用的sublime text 2编辑器。你可以在prefere...
阅读全文
摘要：摘要： JointJS是一个javascript图表库。你可以使用它制作静态或者动态的图表、关系表、流程图。效果图：
阅读全文
摘要：摘要： 前面已经分享过图表插件，今天在来将下如何使用highcharts来绘制图表。highcharts支持在线定制，你可以选择你所需要的模块，然后点击build就会生成一个js文件链接，右键保存到本地酒可以在项目中使用了。highcharts支持多种图表，如折线、饼状、柱状等等，可以去官网查看(...
阅读全文
