自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(37)
  • 资源 (3)
  • 收藏
  • 关注

原创 javascripts防抖和节流函数

如何使用demo // 防抖 function debounce(fn,time=300) { let timer; return function(){ timer && clearTimeout(timer); timer = setTimeout(function() { fn.apply(this)

2021-07-18 18:09:11 116

原创 ajax知识总结

AJAXAJAX = Asynchronous JavaScript and XML(异步的 JavaScript 和 XML)。AJAX 不是新的编程语言,而是一种使用现有标准的新方法。AJAX 是一种在无需重新加载整个网页的情况下,能够更新部分网页的技术。什么是 AJAX ?AJAX = 异步 JavaScript 和 XML。AJAX 是一种用于创建快速动态网页的技术...

2018-07-23 17:40:32 162

原创 bootstrap 报错:Uncaught RangeError: Maximum call stack size

bootstrap弹窗里面再弹窗在弹窗里面再弹窗,浏览器console报错:Uncaught RangeError: Maximum call stack size exceeded,导致页面上一些奇怪的错误。 这是bootstrap多层弹窗导致的。搜了一下果然如此,解决方案有两种:1、注释了bootstrap.min.js的这一句代码即可。enforceFocus:function(){    ...

2018-07-02 19:06:27 1558 3

转载 Nodejs express 获取url参数,post参数的三种方式

12345express获取参数有三种方法:官网实例:    Checks route params (req.params), ex: /user/:id Checks query string params (req.query), ex: ?id=12 Checks urlencoded body

2017-03-01 17:58:53 660

转载 Sublime Text3(mac)一些插件和快捷键

下载地址http://www.sublimetext.com/3 一、安装Package Control 按Ctrl + ` 调出console,粘贴下列安装代码到底部命令行并回车:import urllib.request,os;pf='Package Control.sublime-package';ipp=sublime.installed_packages_path();url

2017-02-23 11:07:22 288

转载 sublime 一些好用的插件

sublime是前端很好用的编辑器,我们可以选择性安装插件以让我们快速开发,收集到下面一些好用的插件和大家分享,欢迎指正。没安装好sublime的小伙伴们可以先进链接:sublime text 2 神器 了解安装过程。安装好的小伙伴们可以直接打开sublime编辑器,然后使用Shift+Ctrl+P 输入:install package,按下Enter回车就会出现很多插件包(有可能需要

2017-02-18 17:12:22 445

转载 sublime快捷键操作技巧类

sublime是个很好用的前端开发工具,现收集到一些sublime text3快捷键技巧操作,和各位共同学习和进步,欢迎指正。1. 就近选择相同项: ctrl+d把光标放在一个单词上,按下ctrl+d,将选择这个单词。一直按住ctrl且按D多次,将选择当前选中项的下一个匹配项。通过按住ctrl,再按D三次,将选择三个相同的文本。2. 选择当前文件所有匹配项:

2017-02-18 14:32:22 329

转载 SublimeText3常用快捷键和优秀插件

首先是安装包管理器Package Control,SublimeText3的指令已经更新了,SublimeText2更新上来的童鞋注意下 Ctrl+`打开控制台或者View->Show Console菜单打开命令行import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed

2017-02-18 14:25:24 578

转载 前端工程师知识图谱

转自:http://www.runoob.com/w3cnote/front-end-engineers-required-skills.html

2017-02-17 14:43:33 424

原创 subline快捷键的使用

subline的使用常用快捷键:ctrl+nctrl+shift+p开启命令模式go to anything 、Ctrl+p找文件Ctrl+}增加缩进  Ctrl+{减小缩进 Alt + >  完成标签的闭合Ctrl+e生成元素Ctrl+Shift+Enter回车,在光标上一行添加新行选择标记,使用快捷键Alt+F3全选ctrl + g,然后输入行号,e

2017-02-17 14:34:59 1060

转载 WEB前端开发优化

优化一个网站的性能,首先要从前端+服务端+开发成本去考虑。前端方面:WEB端页面是由HTML+CSS+JS(结构层+样式层+行为层)这三层构成的,所以优化从三个层次去考虑。后端方面:服务器+带宽+浏览器缓存+资源大小1:减少HTTP请求原理:由于浏览器对同一个host有并行下载的限制,当HTTP请求越多时,总体下载的速度就越慢。解决方法:(1)使用雪

2017-01-25 17:07:44 231

原创 CSS3主要知识点总结+HTML5新增标签

目录:1、CSS 属性编写顺序2、CSS3属性(内核前缀)3、position相对/绝对定位4、overflow:scroll等的区别5、display属性应用6、盒模型计算方法和Bug7、CSS3新增加的结构标签8、蒙版,变形,过渡,动画等CSS3效果1、显示属性,自身属性,文本属性推荐样式编写顺序

2017-01-24 14:33:53 799

转载 dataTables-使用详细说明整理

转载:http://blog.csdn.net/mickey_miki/article/details/8240477本文共四部分:官网 | 基本使用|遇到的问题|属性表一:官方网站:[http://www.datatables.NET/]二:基本使用:[http://www.guoxk.com/node/jQuery-datatables]1、DataTables

2016-12-21 17:20:38 425

原创 引入js文件的几种方式

1. 页面中直接引用复制代码 代码如下:2.动态写入页面复制代码 代码如下:document.write('')document.write('')3.模拟包含函数复制代码 代码如下:function include(path){ var a=document.createElement("script")

2016-12-15 10:29:05 1339

原创 js验证身份证及身份证的命名规则

最近在做一个需要填身份证号的一个表单,想到会用到身份证的验证,由于小白不懂身份证的命名规则,便对关于身份证的命名和验证恶补了一番。现总结关于身份证号的验证和命名规则如下,欢迎指正。首先说下身份证的命名:省编号: var city = {"11":"北京","12":"天津","13":"河北","14":"山西","15":"内蒙古","21":"辽宁","22":"吉林

2016-12-05 11:38:25 1758

原创 js获取年月日及时间戳与日期转换

最近在做一些跟时间相关的内容,现在总结些关于js中年月日的获取,以及时间戳和日期的相互转换方法,总结知识,便于理解和记忆。1.js中获取当前时间和日期的函数如下: var now = new Date();//获取当前年月日: Tue Nov 22 2016 17:34:55 GMT+0800 (中国标准时间) var year_2 = now.getYear();//已过

2016-11-23 14:59:52 14014 1

原创 datepicker插件在模态框modal中不显示问题

最近在做bootstrap中模态框中选择日期,发现模态框中的日历插件不显示。由于在页面中不止一次使用datepicker插件,所以一直以为不显示的原因是同页面多次使用了datepicker,然后从网上了解到同页面是可以多次使用datepicker的,然后也找到了不显示的原因是日历插件被模态框遮住了,这是css的层模型产生的原因,可以使用z-index属性将日历插件浮在页面的最上面就可以了,z-in

2016-11-14 17:10:42 6980 4

原创 url中参数加密

最近在做url带参数跳转页面,发现url地址栏会显示请求的参数,用的是ajax中的post方式,但是貌似没有自动进行加密,这里找到一个解决方案,可以对url中的参数进行加密,在从url中获取参数时直接解密即可。具体实现方式如下:比如我需要请求的url未加密的地址为:加密后的地址栏为:

2016-10-31 17:58:42 10687 2

原创 事件绑定和取消绑定,重复弹出框问题

最近在做click的事件绑定,发现如果对事件绑定了两次click,就会弹出两次弹出框,最后找到了解决方案。1.首先,说下对元素进行事件绑定的方法$("#myId").on("click", function (event) { window.alert("hello");});此时会弹出hello,但是有时候我们发现不止弹出一次hello,原因可能是我们对这个id绑

2016-10-28 16:57:12 477

原创 阻止输入框中输入数据后回车自动刷新页面

问题:鼠标聚焦到TextBox输入框时,按回车键刷新页面原因:当 中只有一个TextBox输入框时,当输入完成后,按回车键会自动提交,便刷新了页面解决方法:1、处理form 在form中添加事件 onsubmit="return false;">.......

2016-10-11 16:55:39 1414

转载 bootstrap-datepicker 插件修改为默认中文

bootstrap-datepicker 是一个非常优秀的时间选择插件,默认是英文显示日期的,通过下面几个小修改让其支持默认中文1、首先将 bootstrap-datepicker.js 另存为 utf-8 格式保存先找到该js文件,然后打开方式选择记事本,点击文件中的另存为,选择utf8编码方式保存。2、增加 cn 语言选项 var dates = $.

2016-09-18 11:49:43 774

转载 FullCalendar日历插件说明文档

转自:http://www.helloweba.com/view-blog-231.htmlFullCalendar提供了丰富的属性设置和方法调用,开发者可以根据FullCalendar提供的API快速完成一个日历日程的开发,本文将FullCalendar的常用属性和方法、回调函数等整理成中文文档,以供参阅。当前版本1.6.4。普通显示设置属性描述

2016-09-14 11:08:58 610

原创 datatable隐藏列同时可以获取列数据

datatalbe中有些数据是不想显示出来的,使用"aoColumnDefs"属性能够实现隐藏列,但是这种方法不能获得隐藏列的数据

2016-09-13 16:51:52 10784

原创 datatable导出excel、word、png、pdf等样式

最近在添加了datatable导出excel的功能,下面内容包括了将datatable数据转为json、text、excel、word、png、pdf等格式的实现过程最终页面如下:导出excel、text及json显示效果如下:1.首先引入必须的js文件和css样式这些文件可在bootstrap官网中找到,tableExport.js可在网页中自行下载2

2016-08-19 17:21:54 5686 4

转载 webstrom常用快捷键

webstrom快捷键1. ctrl + shift + n: 打开工程中的文件,目的是打开当前工程下任意目录的文件。2. ctrl + j: 输出模板3. ctrl + b: 跳到变量申明处4. ctrl + alt + T: 围绕包裹代码(包括zencoding的Wrap with Abbreviation)5. ctrl + []: 匹配 {}[]6. ctr

2016-08-11 15:30:22 313

转载 webstrom的使用

webstorm简单介绍官网地址:http://www.jetbrains.com/webstorm/features/index.html参考地址:http://www.html5jscss.com/ide-webstrom-27.html欲先善其事,必先利其器,如题。看到网上一篇介绍webstrom的文章,觉得功能确实强大,也知道为什么阿里巴巴的前端传到github上的

2016-08-11 15:23:58 632

原创 多个HTML文件访问同一常量,将常量写入一个js文件中便于修改维护

如果我们有多个html页面,每个页面中都有一个常量要使用,但是以后这个常量可能会变化,如果我们这个常量写入每个html中的话,那么以后修改起来就要在每个页面进行修改,不利于维护。我们可以把这个常量写在js中,只要我们在每个页面中调用这个js文件即可使用这个常量,若要修改这个常量,只需在这个js文件中修改一次就可实现统一修改。这样大大的提高了开发的效率。网上大多都是利用cookie来实现的,这可

2016-08-02 15:26:45 10358 5

原创 使用正则表达式获取url中的中文参数值出现乱码问题

今天在使用网上的方法获取url中中文参数时出现了乱码,如下图所示:获取参数方法:解决方案:

2016-08-01 17:16:35 3057 1

原创 如何使用bootStrap中的dataTable插件

本文总结下bootStrap中的dataTable插件的使用方法,以供初学者学。我引用dataTable制作的表格效果如下:首先说下为什么使用插件,插件可以帮助我们快速开发,同时适合初学者完成一些复杂的操作,比如上传文件啊,日历啊什么的。bootstrap中有丰富的插件让开发这实现各种功能。1.首先引入样式文件本例用的是bootstrap中的ace-master插件

2016-08-01 16:12:55 6697 1

原创 根据搜索关键字动态显示表格数据

最近做了为dataTable表格添加一个模糊搜索框,在这里记录下我的实现过程。由于我的表格数据是已经加载完成的,所以在这里直接记录我是如何实现在搜索框中输入关键字点击回车后,自动根据关键字显示搜索结果的。这里我用的是bootstrap中的插件。1.前端html页面 2.js脚本 jQu

2016-07-29 17:03:38 5466

原创 dataTable 根据不同行数据动态显示行操作

mReader:function(data,type,full)其中的full就是这一列的所有信息,试验了一下,的却访问隐藏的那一列,那么通过这种变相的方法就可以访问隐藏的数据了

2016-07-26 17:39:19 3349

原创 jQuery插件AjaxFileUpload实现ajax文件上传

jQuery插件AjaxFileUpload用来实现ajax文件上传,本例是图片上传demo1、引入AjaxFileUpload插件相关的js2、实现上传功能部分代码 商品图片 保 存 3.实现上传功能的ajaxFileUpload

2016-07-26 13:16:05 1152 2

转载 get、post、ajax、getJSON四种请求方式

jQuery 中ajax异步调用的常用的方式有get、post、ajax、getJSON等 ,这几种方法的语法规则如下

2016-07-26 11:07:19 984

转载 使用jquery获取ur中指定参数值

??jquery??url????jquery??url?????????????1?jquery??url?????????window.location.href;???????javascript????window???????jquery????2?jquery??url????????????????????javascript??????????

2016-07-25 16:37:52 992

原创 数字相加而非字符串相加

Integer.parseInt 是一个方法,从String类型转成int数值 Float.parseFloat 是一个方法, 从String 类型转成float数值 Number() 不知道你指什么isNaN 是判断一个浮点数 是否是一个数字 (NaN代表Not a Number) 根据浮点数的标准,某些值不代表实际的数字,具体的可参考浮点数标准)使用parseIntd.data["good

2016-07-25 14:11:40 903

原创 bootstrap 中 dataTable 首页点击事件可用、下一页后点击事件无效

bootstrap 中 dataTable 点击下一页无效dataTable是很好的用的插件,使用它可以方便快捷的创建简洁大方的表格,其中分页有服务器分页和客户端分页,在服务器进行分页时可以自己写分页格式,然后对分页按钮设置事件向服务器进行请求数据;但是在客户端进行分页时,就要用到dataTable 中的”bPaginate”:true属性,实现前台页面查询表格数据显示。但是在我点击下一页的时候,不

2016-07-25 11:47:28 16808 4

原创 submit表单提交

表单提交时我们需要对表单中的数据进行判断,所以可以用submit和button提交表单。首先我们来看一下表单form的一些属性1、id:表单的唯一标识2、name:表单的名字3、method:定义表单提交的方法,有两种方法:Post方法和Get方法4、action:用于处理表单的服务器端页面(以URL 形式表示)       表单中的控件有两个属性是非常重要的:name属性

2016-07-20 22:36:46 2555

打印table表格数据

资源包含打印页面及两个所需的js文件,轻量级代码即可实现打印表格数据,方便快捷用于自学和嵌套自己页面中

2016-10-25

datatable导出json、text、excel、word等格式

本资源为动态加载datatable数据,同时将datatable数据导出json、text、excel、word等格式,

2016-08-19

ajax上传文件

本js文件为修正版,已经实现文件上传功能,本引入文件的使用及上传文件的方法可参考我的博客。参考地址:http://blog.csdn.net/qq_26747571/article/details/52034838

2016-08-10

空空如也

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

TA关注的人

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