ywb201314的专栏

项目中要使用日期时间范围选择对数据进行筛选；精确到年月日 时分秒；起初,使用了layui的时间日期选择插件；但是在IIE8第一次点击会报设置格式错误；研究了很久没解决，但能确定不是layui的问题；因为自己写的demo可以在IE8运行；只是在我的项目环境下某些代码冲突了；所以换用了bootstrap插件daterangepicker；看了很多资料;结合官网了文档；基本算是搞定了；把我的总结代码分享给大家；希望对使用daterangepicker插件的初学者有帮助。总结分为四个部分：日期范围选择实现，日期

方法一：这个很不错，好像是 csdn 的 Meizz 写的：// 对Date的扩展，将 Date 转化为指定格式的String // 月(M)、日(d)、小时(h)、分(m)、秒(s)、季度(q) 可以用 1-2 个占位符， // 年(y)可以用 1-4 个占位符，毫秒(S)只能用 1 个占位符(是 1-3 位的数字) // 例子： // (new Date()).Format("yyyy-MM-dd hh:mm:ss.S") ==> 2006-07-02 08:0.

概念再mdn中detele的概念如下。delete 操作符用于删除对象的某个属性；如果没有指向这个属性的引用，那它最终会被释放。对于文字的理解我们有时有点不解其意，直接上代码更适合我们的style.eg:var parsent = { son: 'jim', children:['jim', 'bob']}console.log(parsent.son,'删除前')delete parsent.son// 清空parsent先注释//for (let key in pa...

JS如何删除对象中的某一属性var obj={ name: 'zhagnsan', age: 19 }delete obj.name //truetypeof obj.name //undefined通过delete操作符, 可以实现对对象属性的删除操作, 返回值是布尔可以删除其他东西吗1.变量var name ='zs' //已声明的变量delete name //falseconsole.log(typeof name) //Stringage = 19

第一种： for......inconst obj = { id:1, name:'zhangsan', age:18} for(let key in obj){ console.log(key + '---' + obj[key]) }输出结果：第二种：1）、Object.keys（obj）2）、Object.values（obj）参数：obj：要返回其..

前提：sessionStorage浏览器的tab页切换的时候，是不共享的原理：window的storage事件（H5），localStorage的tab页是可以共享的为什么不用localStorage：因为localStorage在关闭浏览器后重新打开，还会存在，不符合需求(function() {　　　　　//这里面的token是你存在sessionStorage里面的用户标识的key值 if (!sessionStorage.length) { /

export default 和 export 区别：1.export与export default均可用于导出常量、函数、文件、模块等2.你可以在其它文件或模块中通过import+(常量 | 函数 | 文件 | 模块)名的方式，将其导入，以便能够对其进行使用3.在一个文件或模块中，export、import可以有多个，export default仅有一个4.通过export方式导出，在导入时要加{ }，export default则不需要1.export//a.jsexport .

export命令用于规定模块的对外接口。一个模块就是一个独立的文件。该文件内部的所有变量，外部无法获取。如果你希望外部能够读取模块内部的某个变量，就必须使用export关键字输出该变量。下面是一个 JS 文件，里面使用export命令输出变量。// profile.jsexport var firstName = 'Michael';export var lastName = 'Jackson';export var year = 1958;上面代码是profile.js文件，保存了用户

这些都是HTML5针对html tag增加的属性，一般是为不方便的人士提供的功能，比如屏幕阅读器。role的作用是描述一个非标准的tag的实际作用。比如用div做button，那么设置div 的 role="button"，辅助工具就可以认出这实际上是个button。aria的意思是Accessible Rich Internet Application，aria-*的作用就是描述这个tag在可视化的情境中的具体信息。比如：<div role="checkbox" aria-checked="c

ES6标准新增了一种新的函数：Arrow Function（箭头函数）。为什么叫Arrow Function？因为它的定义用的就是一个箭头：x => x * x上面的箭头函数相当于：function (x) { return x * x;}箭头函数相当于匿名函数，并且简化了函数定义。箭头函数有两种格式，一种像上面的，只包含一个表达式，连{ ... }和return都省略掉了。还有一种可以包含多条语句，这时候就不能省略{ ... }和return：x ..

当前端应用越来越复杂时，我们想要将代码分割成不同的模块，便于复用、按需加载等。require 和 import 分别是不同模块化规范下引入模块的语句，下文将介绍这两种方式的不同之处。1. 出现的时间、地点不同 年份 出处 require/exports 2009 CommonJS import/export 2015 ECMAScript2015（ES6） 2. 不同端(客户端/服务器)的使用限制CommonJS 模块化方案 requir.

区别1：模块加载的时间require：运行时加载import：编译时加载（效率更高）【由于是编译时加载，所以import命令会提升到整个模块的头部】test();import { test} from '/test';上面的代码不会报错，正常执行区别2：模块的本质require：模块就是对象，输入时必须查找对象属性import：ES6 模块不是对象，而是通过 export 命令显式指定输出的代码，再通过 import 命令输入（这也导致了没法引用 ES6 模块本身，因为它不是对

首先我们要明白一个前提，CommonJS模块规范和ES6模块规范完全是两种不同的概念。CommonJS模块规范Node应用由模块组成，采用CommonJS模块规范。根据这个规范，每个文件就是一个模块，有自己的作用域。在一个文件里面定义的变量、函数、类，都是私有的，对其他文件不可见。CommonJS规范规定，每个模块内部，module变量代表当前模块。这个变量是一个对象，它的exports属性（即module.exports）是对外的接口。加载某个模块，其实是加载该模块的module.expo

打开google 搜索 ‘ajaxFileupload’ ‘多文件上传’ 可以搜到许许多多类似的，那我为什么还要写一下呢？一个是对之前大神的贡献表示感谢；二个是自己知识的总结；三个是自己在原有的基础上改动了下，在此记录，可能帮助其他朋友。用过这个插件的都知道这个插件的基本用法，我就不废话，直接上代码。我需要实现多个文件上传，之前的做法是定义多个不同id的input，然后把a

jQuery插件ajaxFileUpload可以实现ajax文件上传，使用非常简单。下面做一个简单的demo(以上传图片为例)，实现图片上传，图片显示，图片下载注：以下的代码是在项目的基础上进行开发。css样式文件、包路径等未做修改。1、 ajaxFileUpload文件下载地址http://www.phpletter.com/Demo/AjaxFileUpload-Demo/

获得和设置以及移除元素属性在操作dom的过程中会经常遇到吧,为了提高工作的效率本文整理了一些快捷操作方法和大家一起分享，感兴趣的朋友可以参考下哈以下面的html为例 复制代码代码如下:  百度  1.通过HTMLElement类型（对象）的属性获得和设置元素特性 复制代码代码如下:var div = document.ge

在做项目 的时候用ajaxFileUpload上传文件的时候服务器返回了json或是捕获不到数据,用百度google搜索了下,没有找什么答案,这就奇怪了,明明服务器返回了json数据,但为什么会捕获不到呢?我把ajaxFileUpload源码拿过来了研究了一下,结果在这里发现了一点问题,代码如下:uploadHttpData: function( r, type ) {

本文介绍了js刷新页面函数location.reload()的用法，有关js location.reload()函数的例子，有需要的朋友参考下。在javascript编程中，多使用location.reload实现页面刷新。例子： 复制代码代码示例:window.location.href=window.location.href; window.loc

本文介绍下，用js刷新当前页面的几种方法，包括reload方法、replace方法、自动刷新方法等。有需要的朋友参考下吧如何实现刷新当前页面呢？借助js你将无所不能。1，reload 方法，该方法强迫浏览器刷新当前页面。语法：location.reload([bForceGet])   参数： bForceGet， 可选参数， 默认为 false，从客户端缓存里取当

1. 通过属性来设置选中和读取值  checked  selected 2. 通过值来设置选中3. 通过:checked , :selected 伪类来获取选中的值4. select是两层关系 select option， checkbox和radio是一层关系例如：$("#test option:selected").val();   $("#test option:se

闭包（closure）是Javascript语言的一个难点，也是它的特色，很多高级应用都要依靠闭包实现。一、变量的作用域要理解闭包，首先必须理解Javascript特殊的变量作用域。变量的作用域无非就是两种：全局变量和局部变量。Javascript语言的特殊之处，就在于函数内部可以直接读取全局变量。Js代码　　var n=999;

作者：igetit链接：https://www.zhihu.com/question/34147508/answer/63068656来源：知乎著作权归作者所有，转载请联系作者获得授权。这是个Meta级别的好问题！如果你想把web前端性能优化到极致，一定要认真地去了解这个原则背后的原理，而非表面的技巧。（已完结，转载请署名，否则保留追究的权利）事实上，如果对we

var s1 = '2012-05-12';s1 = new Date(s1.replace(/-/g, "/"));s1= new Date(Date.parse(s1)); s2 = new Date();var days = s2.getTime() - s1.getTime();var time = parseInt(days / (1000 * 60

1. ()  [ ]  :  -   /  ,注意：拿正则表达式跟字符串一个字符一个字符的比较2.  /  正则表达式的开始和结束字符。   \ 转义字符，   这两个字符要匹配都必须转义。     在正则表达式中：\ /  匹配 /                                     \ \  匹配 \     在字符串中： /   代

JS正则表达式大全(整理详细且实用)。需要的朋友可以过来参考下，希望对大家有所帮助正则表达式中的特殊字符字符 含意\ 做为转意，即通常在"\"后面的字符不按原来意义解释，如/b/匹配字符"b"，当b前面加了反斜杆后/\b/，转意为匹配一个单词的边界。 -或- 对正则表达式功能字符的还原，如"*"匹配它前面元字符0次或多次，/a*/将匹配a,aa,aaa，加了

贪婪量词：先看整个字符串是不是一个匹配。如果没有发现匹配，它去掉最后字符串中的最后一个字符，并再次尝试。如果还是没有发现匹配，那么    再次去掉最后一个字符串，这个过程会一直重复直到发现一个匹配或者字符串不剩任何字符。简单量词都是贪婪量词。　　惰性量词：先看字符串中的第一个字母是不是一个匹配，如果单独着一个字符还不够，就读入下一个字符，

正则的思想都是一样的，但是具体的写法会有所不同，在这里提到的/g,/i,/m在其他的地方也许就不能用了。一，js正则标志/g,/i,/m说明1，/g 表示该表达式将用来在输入字符串中查找所有可能的匹配，返回的结果可以是多个。如果不加/g最多只会匹配一个2，/i  表示匹配的时候不区分大小写3，/m 表示多行匹配，什么是多行匹配呢？就是匹配换行符两端的潜在匹配。影响正

正则表达式可以: •测试字符串的某个模式。例如，可以对一个输入字符串进行测试，看在该字符串是否存在一个电话号码模式或一个信用卡号码模式。这称为数据有效性验证 •替换文本。可以在文档中使用一个正则表达式来标识特定文字，然后可以全部将其删除，或者替换为别的文字 •根据模式匹配从字符串中提取一个子字符串。可以用来在文本或输入字段中查找特定文字 正则表达式语法 一个正则表达式就是由

一分钟理解js闭包，关于js闭包的内容介绍了很多，本文带着大家快速理解什么是js闭包，感兴趣的小伙伴们可以参考一下什么是闭包？先看一段代码：?12345678910functiona(){  varn = 0; 

今天学习了用Jquery获取File input里面的数据。我写了一个爪哇服务，用来在网页或命令行中通过表单上传文件。在网页中使用的表单方式为 multipart/form-data ,在爪哇里面通过 MultipartHttpServletRequest 获取文件，很好用啊。可是写命令行的小朋友捣乱，使用的表单方式为 application/x-www-form-urle

caller返回一个函数的引用，这个函数调用了当前的函数;callee放回正在执行的函数本身的引用，它是arguments的一个属性callercaller返回一个函数的引用，这个函数调用了当前的函数。使用这个属性要注意:1 这个属性只有当函数在执行时才有用2 如果在JavaScript程序中，函数是由顶层调用的，则返回nullfunctionName.caller:

这篇文章主要介绍了js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别,需要的朋友可以参考下没有区别。你需要明白 IIFE 的原理，我简单说一下：复制代码代码如下:function foo() {...}     // 这是定义，Declaration；定义只是让解释器知道其存在，但是

对于javascript事件扩展，所有的lib都差不多。和jquery和prototype,yui和Ext，其要解决的首要问题是兼容性，所有 lib都会对event进行包裹，统一其属性解决其兼容性。对于事件的操作无非是addEvent,fireEvent,removeEvent这三个事 件方法。一般lib都会对浏览器的提供的函数做一些扩展，解决兼容性内存泄漏等问题。第三个问题就是如何得

&lt;script type="text/javascript"&gt;/*with语句:有了 With 语句，在存取对象属性和调用方法时就不用重复指定对象。格式：with(对象){}*/with(document){for(var i = 0 ; i&lt;5; i++){for(var j =0 ; j&lt;=i ; j++){write("*&amp;n...

不建议使用with语句，因为它可能是混淆错误和兼容性问题的根源。有关详细信息，请参阅下面“说明”一节中的“歧义对比”部分。with语句扩展一个语句的作用域链。语法节&lt;span style="color:#333333"&gt;with (expression) { &lt;em&gt;statement&lt;/em&gt;}&lt;/span&gt;expr...

js计算精度问题(浮点数误差，大数计算出错)JavaScript 浮点数运算时经常遇到会 0.000000001 和 0.999999999 这样奇怪的结果，如:0.1+0.2 //0.300000000000000041-0.9 //0.099999999999999989007199254740993-9007199254740992 //0Math.pow(2,10...

一、toFixed能做什么？ 以下是摘自网络的toFixed的介绍： toFixed 方法： 返回一个字符串，代表一个以定点表示法表示的数字。 numObj.toFixed([fractionDigits]) 参数 numObj 必选项。一个 Number 对象。 fractionDigits 可选项。小数点后的数字位数。其值必须在 0 – 20 之间，包括 0 和 20。 说...

在javascript OOP中，我们经常会这样定义： function cat(){}cat.prototype={ food:"fish", say: function(){ alert("I love "+this.food); }}var blackCat = new cat;blackCat.say(); 但是如果我们有一个对象whit...

IE的script 元素只支持onreadystatechange事件，不支持onload事件。FF的script 元素不支持onreadystatechange事件，只支持onload事件。如果要在一个&lt;script src="xx.js"&gt; 加载完成执行一个操作，FF使用onload事件就行了，IE下则要结合onreadystatechange事件和this.readySt...

以前写 JavaScript 脚本时，事件都是采用object.event = handler;的方式初始化。这种方式对于 Internet Explorer、Mozilla/Firefox 和 Opera 来说很通用。但是有一个问题就是，这种方式只能一个事件对应一个事件处理过程。如果希望一个事件可以依次执行多个处理过程就不好用了。 但是 Internet Explorer 从 5.0 开始提供了...