前端汇总
Dr.Zhu
keep calm and carry on
展开
-
Javascript之匿名函数
详细研究过Javascript代码库(如Jquery、YUI)的人,一定会看到过很多如下形式的函数: (function(){...}()) 或 (function(){})() 对于很多初学者来说,遇到它们经常会产生一系列问号:这是编程吗,用它做什么,怎么我没在其他语言里见过呢? 接下来我就详细地解释一下: 它可以解释成为“匿名函数自调用”,也就是说,定义一个匿名函数,然后马上转载 2016-12-07 15:27:00 · 496 阅读 · 0 评论 -
【解决】html2canvas.js截图只截取当前可视区域
前面写过Echarts图表生成PDF文件http://blog.csdn.net/zt_fucker/article/details/71601362只是一个简单的demo示例,包含图片和文字,然后最近需求则是大范围的文字和ajax动态获取的嵌套数据。版本:html2canvas 0.4.1.原页面代码非常复杂,无法完全还原代码。页面代码中涉及到了iframe、easyUI,tab标签原因:当时使用原创 2017-08-02 16:22:47 · 28359 阅读 · 10 评论 -
Echarts图表之插件生成PDF下载
需要用到的插件:<script src="js/html2canvas.min.js" type="text/javascript" charset="utf-8"></script><script src="js/jspdf.min.js" type="text/javascript" charset="utf-8"></script><script src="js/echarts3.js"原创 2017-05-11 10:30:52 · 7137 阅读 · 6 评论 -
JavaScript之正则表达式去除换行符
var key = params.name.replace(/<\/?.+?>/g,"").replace(/[\r\n]/g, "");原创 2017-05-17 16:15:32 · 2587 阅读 · 0 评论 -
页面端导出Excel&csv插件(ExcellentExport)
index.html<html> <head> <meta charset="utf-8"> <title>Export to excel test</title> <script src="js/excellentexport.js"></script> <style> table,原创 2017-04-05 13:29:15 · 9162 阅读 · 1 评论 -
JS之格式化日期函数
获取当前时间的格式化字符function getNowFormatDate() { //“yyyy-MM-dd HH:MM:SS” var date = new Date(); var seperator1 = "-"; var seperator2 = ":";原创 2017-04-17 17:03:09 · 2289 阅读 · 0 评论 -
DateTimePicker之格式化年月日&计算日期差
新建一个html页面:然后引入: jquery.datetimepicker.js jquery.datetimepicker.full.js jquery.datetimepicker.css<!DOCTYPE HTML><html> <head> <title>datetimepicker</title> <link rel="styl原创 2017-03-15 11:28:00 · 4640 阅读 · 0 评论 -
DataTables之传递自定义属性(上传除draw,search等自定义的参数)
DataTables打开服务器模式,请求的方式是GET请求,请求的同时携带若干参数: 修改之前代码$('#fillInfo').DataTable({ 'order': [[0, "desc"]], 'lengthChange':false, 'bdestroy' : true,原创 2017-03-15 09:26:02 · 5524 阅读 · 0 评论 -
echarts之bootstrap选项卡不能显示其他标签echarts图表
在echarts跟bootstrap选项卡整合的时候,默认第一个选中选项卡可以正常加载echarts图表,但是切换其他选项的时候不能渲染出其他选项卡echarts图表。 解决办法:在scripts中:var Echart_01 = echarts.init(document.getElementById("chart"));$('a[data-toggle="tab"]').on('show原创 2017-03-22 10:57:34 · 4092 阅读 · 6 评论 -
省市区级联查询(插件版&无插件版)
实现方式千差万别,满足自己需求的才是最好的。 插件版提供了两种方式: distpicker版<!DOCTYPE html><html><head><meta charset="utf-8"><link href="css/city.css" rel="stylesheet" type="text/css" /><script src="js/jquery-2.2.0.mi原创 2017-03-21 11:59:04 · 1907 阅读 · 0 评论 -
主流浏览器内核之发展史
内核首先得搞懂浏览器内核究竟指的是什么。浏览器内核又可以分成两部分:渲染引擎(layout engineer 或者 Rendering Engine)和 JS 引擎。它负责取得网页的内容(HTML、XML、图像等等)、整理讯息(例如加入 CSS 等),以及计算网页的显示方式,然后会输出至显示器或打印机。浏览器的内核的不同对于网页的语法解释会有不同,所以渲染的效果也不相同。所有网页浏览器、电转载 2017-02-06 10:25:33 · 1525 阅读 · 0 评论 -
JavaScript之判断客户端访问类型(PC端?移动端)
var bForcepc = query("dv") == "pc"; function fBrowserRedirect(){ var sUserAgent = navigator.userAgent.toLowerCase(); var bIsIpad = sUserAgent.match(/ipad/i) == "ipad";原创 2016-12-30 11:56:06 · 458 阅读 · 0 评论 -
response.setContentType()的作用及参数
response.setContentType(MIME)的作用是使客户端浏览器,区分不同种类的数据,并根据不同的MIME调用浏览器内不同的程序嵌入模块来处理相应的数据。例如web浏览器就是通过MIME类型来判断文件是GIF图片。通过MIME类型来处理json字符串。Tomcat的安装目录\conf\web.xml 中就定义了大量MIME类型 ,可以参考。response.se转载 2016-12-19 08:46:50 · 351 阅读 · 0 评论 -
JQuery之禁用radio、select、checkbox
$(document).ready(function(){ var input = $("#appDIV").find("input:radio"); input.attr("disabled","disabled"); input.each(function(){ if($(this).val()==2){ $(this).attr("c转载 2016-12-23 16:45:22 · 1394 阅读 · 0 评论 -
JS之处理数字千位分隔符
在做前台页面显示的时候,对于数据量级高的数据会很难分辨;网上搜索了很多前台的处理方法,都挺复杂的;都是将数字打散再重排;这里提供了一种懒人方法---正则表达式;非常高效;只需要两行代码 function toThousands(num) { return (num || 0).toString().replace(/(\d)(?=(?:\d{3})+$)原创 2016-04-12 15:55:06 · 2341 阅读 · 0 评论 -
移动端页面禁用长按选中功能
在页面的head里面填写如下内容:<!--* { -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none;}-->原创 2016-11-23 10:57:52 · 3314 阅读 · 0 评论 -
JS之判断json对象中是否含有某个key值
var json = {"key1":"val1","key2":"val2","key3":"val3"};if(json.hasOwnProperty("key1")){console.log(json["key1]);}resoult:>>val1原创 2016-11-29 19:39:45 · 9775 阅读 · 0 评论 -
【解决】jsPDF之长图片生成PDF(分页,失真)
为了减轻后端压力,尽量在前端页面实现,同时减轻服务器负载。 上接:http://blog.csdn.net/zt_fucker/article/details/76583032版本:jsPDF.js 1.3.2在获取到页面截取的base64位的长长图片之后,添加到pdf中。 $("#downpdf").on("click", function() { //获取原创 2017-08-02 16:51:24 · 22635 阅读 · 7 评论