
JavaScript
Houzhyan
What is insistence? That is,day after day,you tell yourself to go on for another day.
展开
-
js的对象赋值问题:值传递还是引用传递?
ECMAScript中有5种简单数据类型(也称为基本数据类型):Undefined、Null、Boolean、Number和String。还有1种复杂数据类型——Object,Object本质上是由一组无序的名值对组成的。ECMScript不支持任何创建自定义类型的机制,而所有值最终都将是上诉6中数据类型之一。乍一看,好像只有6种数据类型不足以表示所有数据;但是,由于ECMScript数据类型具有...转载 2019-10-03 23:25:05 · 2593 阅读 · 0 评论 -
vue.js中v-for的使用及索引获取
原文:https://www.cnblogs.com/xulei1992/p/6015416.html1.v-for 直接上代码。 示例一:DOCTYPE html>html>head> meta charset="utf-8"> meta name="viewport" content="initial-scale=1.0, maxim转载 2017-11-14 01:35:53 · 8591 阅读 · 0 评论 -
工具类_js移动端时间戳转日期格式-将一个时间转换成x小时前、y天前
/** * 格式化时间的辅助类,将一个时间转换成x小时前、y天前等 */ var dateUtils = { UNITS: { '年': 31557600000, '月': 2629800000, '天': 86400000, '小时': 3600000, '分钟': 60000, '秒': 1000原创 2017-11-13 00:21:59 · 970 阅读 · 0 评论 -
自己做工具--js 时间戳转为日期格式封装方法date(format, timestamp)
什么是Unix时间戳(Unix timestamp): Unix时间戳(Unix timestamp),或称Unix时间(Unix time)、POSIX时间(POSIX time),是一种时间表示方式,定义为从格林威治时间1970年01月01日00时00分00秒起至现在的总秒数。Unix时间戳不仅被使用在Unix系统、类Unix系统中,也在许多其他操作系统中被广泛采用。目前相当一部分操作转载 2017-03-29 00:13:07 · 3032 阅读 · 1 评论 -
js时间戳转为日期格式
转自:http://wyoojune.blog.163.com/blog/static/57093325201131193650725/这个在PHP+mssql(日期类型为datetime)+ajax的时候才能用到,js需要把时间戳转为为普通格式,一般的情况下可能用不到[php] view plain copy function转载 2017-03-28 23:44:54 · 587 阅读 · 0 评论 -
从Js 计时器的工作原理谈js单线程
转自:http://www.daqianduan.com/1112.html看下面内容之前,看一小段代码,如果读者能说出代码的用意,那就没必要往下看了,因为你都懂。setTimeout(function(){/* Some long block of code… */setTimeout(arguments.callee, 10);}, 10);转载 2017-10-19 14:25:02 · 674 阅读 · 0 评论 -
自己做工具--用原生js封装一个AJAX插件
采用面向对象的思想封装,兼容get/post方式1.get和post区别(1)get方式通过url地址栏传递参数,post通过表单形式传递数据(2)传输的数据大小,get方式:普通浏览器只能传输2K数据,chrome浏览器传输8K,post方式:原则上不受限制,但是可以在php.ini里面配置 (3)安全性,post以表单的形式传输,安全性比get高原创 2017-03-26 02:36:14 · 2771 阅读 · 0 评论 -
ES6 JavaScript Promise的感性认知
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=3975一、Promise是一种形式春节假期看了一部电影,《超人-钢铁之躯》,我媳妇没睡着,说明这部电影还不错。其中有句台词印象深刻:“对于没有见过的东西,人会排斥,因为内心会恐惧”。于是,就有这转载 2017-08-21 01:50:21 · 304 阅读 · 0 评论 -
JavaScript闭包详解
1.闭包概念及闭包作用域链 闭包是指有权访问另外一个函数作用域中的变量的函数。创建闭包的常见的方式,就是在函数内部创建另外一个函数。 function closure(arg){ return function(){ //闭包 var value=arg; return value;转载 2017-08-21 01:01:14 · 300 阅读 · 0 评论 -
JavaScript 箭头函数(Lambda表达式)
原文:http://blog.youkuaiyun.com/cuit/article/details/53200335简介JavaScript 中,函数可以用箭头语法(”=>”)定义,有时候也叫“lambda表达式”。这种语法主要意图是定义轻量级的内联回调函数。例如:// Arrow function:[5, 8, 9].map(item => item + 1); // -> [6,转载 2017-08-17 14:58:50 · 676 阅读 · 0 评论 -
Javascript通过匿名包装器创建命名空间
只有一个全局作用域导致的常见错误是命名冲突。在 JavaScript中,这可以通过 匿名包装器 轻松解决。(function() { // 函数创建一个命名空间 window.foo = function() { // 对外公开的函数,创建了闭包 };})(); // 立即执行此匿名函数匿名函数被认为是 表达式;因此为了可调用性,转载 2017-08-17 14:56:53 · 304 阅读 · 0 评论 -
js如何实现在监测页面关闭和刷新事件
原文:https://segmentfault.com/q/1010000007685607有一个需求,当用户在页面中进行刷新和关闭页面的时候显示一个弹框提示用户功能。于是自己就想到onbeforeunload、onunload、onload这几个事件,但是在使用的过程中有种心累的感觉。。。onbeforeunload:在页面刷新和关闭的时候触发事件,表示正要去服务器读 取新的页面转载 2017-07-18 17:46:01 · 11164 阅读 · 0 评论 -
HTML5 [data-]属性——使用HTML标签的data属性初始化JS组件
前言:最近使用bootstrap组件的时候发现一个易用性问题,很多简单的组件初始化都需要在JS里面写很多的初始化代码,比如一个简单的select标签,因为仅仅只是需要从后台获取数据填充到option里面,可是从后台取数据就需要js的初始化,所以导致页面初始化的时候js的初始化代码里面出现很多重复的代码,看着很闹心。于是想起bootstrap table里面的data属性来,如果能够直接在html里转载 2017-06-09 17:51:19 · 1777 阅读 · 0 评论 -
Web 前沿——HTML5 FormData 对象的使用
XMLHttpRequest Level 2 添加了一个新的接口——FormData。利用 FormData 对象,我们可以通过 JavaScript 用一些键值对来模拟一系列表单控件,我们还可以使用 XMLHttpRequest 的 send() 方法来异步的提交表单。与普通的 Ajax 相比,使用 FormData 的最大优点就是我们可以异步上传二进制文件。您可能感兴趣的相关文章转载 2017-06-08 18:35:54 · 827 阅读 · 0 评论 -
JSON.parse()和JSON.stringify()--json对象<=>字符串
1.parse 用于从一个字符串中解析出json 对象。例如var str='{"name":"cpf","age":"23"}'经 JSON.parse(str) 得到:Object: age:"23" name:"cpf" _proto_:Objectps:单引号写在{}外,每个属性都必须双引号,否则会抛出异常转载 2017-11-21 11:37:44 · 390 阅读 · 0 评论 -
JS和Jquery获取和修改label的值的示例代码
JS和Jquery获取和修改label的值的示例代码一、label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值,下面有个不错的示例,希望大家可以学习下二、获取值: label标签在JS和Jquery中使用不能像其他标签一样用value获取它的值: 复制代码代码如下:var label=document.getElemen转载 2017-12-12 21:53:25 · 516 阅读 · 0 评论 -
ES6 -- Node.js的 exports、module.exports 和 export、export default到底有什么区别
在写代码的时候,总是被各式各样的模块规范所迷惑,来看看这些方式有什么区别吧require: node 和 es6 都支持的引入export / import : 只有es6 支持的导出引入module.exports / exports: 只有 node 支持的导出Nodemodule.exports / exports 是遵循CommonJS规范的一套规范,其实在node编...转载 2019-05-25 01:26:12 · 344 阅读 · 0 评论 -
js 浮点数与整数比大小
JS在比较数字的时候一定不要直接比较。而是要转换,因为JS里面的是var 这种是弱的类型,默认是string,所有比较的时候会出现错误。JS里面有两种转换的,parseFloat和parseInt。比较的时候想下面这样整数如下:if(parseInt(xxx)>parseInt(xxxx)){}小数可以这样。if(parseFloat(xxx)>par...转载 2019-04-08 13:55:35 · 6085 阅读 · 3 评论 -
js 三种声明变量的区别
三种声明变量的方式:var、let、const。var:声明全局变量,换句话理解就是,声明在for循环中的变量,跳出for循环同样可以使用。for(var i=0;i<=1000;i++){ var sum=0; sum+=i; } alert(sum);声明在for循环内部的sum,跳出for循环一样可以使用,不会报错正常弹出结果 。let:声明块级变...原创 2018-08-25 10:52:47 · 691 阅读 · 0 评论 -
js 删除数组指定元素的方法
//首先需要找到元素的下标:var arr = [2, 5, 9];var index = arr.indexOf(5);//使用splice函数进行移除:if (index > -1) { arr.splice(index, 1);}splice函数的第二个参数指删除的数目。splice直接修改原数组,并把删除的所有元素以另一个新数组的方式返回。 ...原创 2018-08-25 10:49:24 · 7920 阅读 · 1 评论 -
js事件委托
在JavaScript中,事件委托Event delegation是一种事件的响应机制,当需要监听不存在的元素或是动态生成的元素时,可以考虑事件委托。事件委托得益于事件冒泡(有关事件冒泡可以参考事件冒泡与事件捕获),当监听子元素时,事件冒泡会通过目标元素向上传递到父级,直到document,如果子元素不确定或者动态生成,可以通过监听父元素来取代监听子元素。举个例子:假设页面从存在一个ul...转载 2018-08-27 11:58:28 · 290 阅读 · 0 评论 -
js 二维数组 添加json数据及js数组与json字符串
JSON(JavaScript Object Notation )是一种轻量级的数据交换格式,采用完全独立于语言的文本格式,JSON是JavaScript原生数据格式。下面给大家介绍js数组添加json数据的两种方式。// 第一种方式? 1 2 3 4 5 6 7 personInfo : [],...转载 2018-08-27 11:49:51 · 5790 阅读 · 0 评论 -
js-二维数组和多维数组
js-二维数组和多维数组一、二维数组的表示 myarray[][]二、二维数组的定义 方法一: 1 2 3 4 5 6 7 var a = new Array(); for(var i=0;i<3;i++){ //一维长度为3 ...转载 2018-08-27 11:44:25 · 103553 阅读 · 0 评论 -
小程序动态添加class 以及 点击捕获currentTarget和target的区别
简述由于微信小程序开发不同于以往的普通web开发, 因此无法通过js获取wxml文件的dom结构, 因此从js上直接添加一个类名应该不可能了. 可是我们可以通过微信小程序数据绑定以及view标签的”data-“自定义属性去更改标签类名.说明通过数据绑定在3个标签上绑定相同的变量_num, 当点击不同标签时, 在js逻辑层中通过event.target.dataset.num来获取标签d...转载 2018-08-27 11:16:20 · 2856 阅读 · 0 评论 -
jq获取表单值与赋值代码
jq获取表单值与赋值代码jq获取表单值与赋值代码jq获取表单值与赋值代码 $("#keyword")[0].value = ""; /*获得TEXT.AREATEXT的值*/ var textval = $("#text_id").attr("value"); //或者 var textval = $("#text_id").val(); /*获取...转载 2018-07-23 01:33:49 · 733 阅读 · 0 评论 -
html页面跳转常用函数-返回
window.parent.location.reload() 让打开这个窗口的父窗口刷新,然后本子窗口关闭!window.parent.HideThisDiv() 应该是让打开这个窗口的父窗口的某个DIV影藏javascript:history.back() 就是后退啊!和浏览器里面的后退按钮一样!javascript:history.back(-1)就是后退一页转载 2018-01-06 17:30:22 · 2047 阅读 · 0 评论 -
js模板引擎art-template.js使用方法
art-template是款性能卓越的 js 模板引擎 https://aui.github.io/art-template/特性拥有接近 JavaScript 渲染极限的的性能调试友好:语法、运行时错误日志精确到模板所在行;支持支持在模板文件上打断点(Webpack Loader)支持压缩输出页面中的 HTML、CSS、JS 代码支持 Express、Koa、Webpack支转载 2017-12-06 07:47:46 · 1736 阅读 · 0 评论 -
js sort方法根据数组中对象的某一个属性值进行排序
转自:http://www.cnblogs.com/yuwenjing0727/p/6856991.htmlsort方法接收一个函数作为参数,这里嵌套一层函数用来接收对象属性名,其他部分代码与正常使用sort方法相同.var arr = [ {name:'zopp',age:0}, {name:'gpp',age:18}, {name:'yjj',age转载 2017-12-05 04:25:19 · 1494 阅读 · 0 评论 -
使用FormData对象提交表单及上传图片
FormData 对象,可以把form中所有表单元素的name与value组成一个queryString,提交到后台。在使用Ajax提交时,使用FormData对象可以减少拼接queryString的工作量。使用FormData对象1.创建一个FormData空对象,然后使用append方法添加key/value[javascript]转载 2017-06-08 18:16:25 · 792 阅读 · 0 评论 -
jsonp详解跨域请求
jsonp详解json相信大家都用的多,jsonp我就一直没有机会用到,但也经常看到,只知道是“用来跨域的”,一直不知道具体是个什么东西。今天总算搞明白了。下面一步步来搞清楚jsonp是个什么玩意。同源策略首先基于安全的原因,浏览器是存在同源策略这个机制的,同源策略阻止从一个源加载的文档或脚本获取或设置另一个源加载的文档的属性。看起来不知道什么意思,实践一下就知道了。转载 2017-06-07 20:17:40 · 428 阅读 · 0 评论 -
百度分享代码--一键分享Baidu Share BEGIN
http://share.baidu.com/code/advance一、概述百度分享代码已升级到2.0,本页将介绍新版百度分享的安装配置方法,请点击左侧列表查看相关章节。二、代码结构分享代码可以分为三个部分:HTML、设置和js加载,示例如下:代码结构如下: 展示按钮 --> window._bd_share_config = {转载 2017-06-02 14:48:41 · 48943 阅读 · 3 评论 -
js中(function(){xxx})();写法解析以及function与!感叹号
js中(function(){xxx})();写法解析自执行匿名函数:常见格式:(function() { /* code */ })();解释:包围函数(function(){})的第一对括号向脚本返回未命名的函数,随后一对空括号立即执行返回的未命名函数,括号内为匿名函数的参数。作用:可以用它创建命名空间,只要把自己所有的代码都写在这个特殊的函数包装内,那么外部就不能访问,除非你转载 2017-03-26 02:55:12 · 10333 阅读 · 4 评论 -
JavaScript三个字符串编码函数区别escape()、encodeURI()、encodeURIComponent()
总结区别:escape(): 除了 ASCII 字母、数字和特定的符号外,对传进来的字符串全部进行转义编码,因此如果想对URL编码,最好不要使用此方法。encodeURI(): 用于编码整个URI,因为URI中的合法字符都不会被编码转换。encodeURIComponent(): 方法在编码单个URIComponent(指请求参数)应当是最常用的,它可以讲参数中的中文、特殊字符进行转义原创 2017-03-26 01:11:23 · 557 阅读 · 0 评论 -
php中iconv函数使用_字符集转换编码
php中iconv函数介绍iconv函数库能够完成各种字符集间的转换,是php编程中不可缺少的基础函数库。1、下载libiconv函数库http://ftp.gnu.org/pub/gnu/libiconv/libiconv-1.9.2.tar.gz;2、解压缩tar -zxvf libiconv-1.9.2.tar.gz; 3、安装libiconv #c转载 2017-03-26 01:22:58 · 1080 阅读 · 0 评论 -
js中的事件触发(非常详细)
//事件源对象event.srcElement.tagName event.srcElement.type //捕获释放event.srcElement.setCapture(); event.srcElement.releaseCapture();//事件按键 event.keyCode event.shiftKey event.altKey e转载 2017-04-11 01:17:40 · 18752 阅读 · 0 评论 -
JS关于时间计时器setTimeout()和setInterval()实例
今天想写个倒计时的小应用,然后查了下两个函数setTimeout()和setInterval()都可以实现,都属于全局对象window。所以特地将js的这两函数的一些用法实例整理一下.1.概念1.setTimeout()HTML DOM Window 对象定义和用法setTimeout() 方法用于在指定的毫秒数后调用函数或计算表达式。语法setTime原创 2017-03-30 17:05:18 · 2955 阅读 · 0 评论 -
JS操作JSON总结toJSONString()和eval()方法
(1)序列化即js中的Object转化为字符串1.使用toJSONString [javascript] view plain copy var last=obj.toJSONString(); //将JSON对象转化为JSON字符 2.使用stringify [javascript] view plain copy var last=JSON.s...转载 2017-04-08 20:52:02 · 33881 阅读 · 4 评论 -
php判断请求,区别AJAX/POST/GET请求
有时我们需要判断是不是ajax请求来决定模块输出还是json格式输出.PHP判断ajax请求的原理:在发送ajax请求的时候,我们可以通过XMLHttpRequest这个对象,创建自定义的header头信息, 在jquery框架中,对于通过它的$.ajax, $.get, or $.post方法请求网页内容时,它会向服务器传递一个HTTP_X_REQUESTED_WITH的参数,p转载 2017-03-22 22:37:46 · 998 阅读 · 0 评论 -
深入分析JavaScript中this指向
概括情况1:如果一个函数中有this,但是它没有被上一级的对象所调用,那么this指向的就是window,这里需要说明的是在js的严格版中this指向的不是window,在严格版中的默认的this不再是window,而是undefined。情况2:如果一个函数中有this,这个函数有被上一级的对象所调用,那么this指向的就是上一级的对象。情况3:如果一个函数中有this,这个函数中包转载 2017-03-21 14:36:24 · 357 阅读 · 0 评论 -
Javascript的this用法
this是Javascript语言的一个关键字。它代表函数运行时,自动生成的一个内部对象,只能在函数内部使用。比如, function test(){ this.x = 1; }随着函数使用场合的不同,this的值会发生变化。但是有一个总的原则,那就是this指的是,调用函数的那个对象。下面分四种情况,详细讨论this的用法。转载 2017-03-21 13:07:09 · 310 阅读 · 0 评论