js | 易学教程

微信分享和钉钉分享实例

阅读更多关于微信分享和钉钉分享实例

最近公司做了一个小游戏.豫园老庙黄金的客户要求分享到微信和钉钉.做的时候虽然简单.还是发现了许多小问插曲,希望给需要的人帮助.分享出来.在blog里面编辑代码哪位知道,格式化代码如何用? <script src=" http://res.wx.qq.com/open/js/jweixin-1.0.0.js "> </script> <script type=" text/javascript" src=" http://g.alicdn.com/dingding/open-develop/1.9.0/dingtalk.js "> </script> function isWeiXin() { 　　//判断是否微信　　var ua = window.navigator.userAgent.toLowerCase(); 　　console.log(ua);//mozilla/5.0 (iphone; cpu iphone os 9_1 like mac os x) applewebkit/601.1.46 (khtml, like gecko)version/9.0 mobile/13b143 safari/601.1 　　if (ua.match(/MicroMessenger/i) == 'micromessenger') { 　　　　return true; 　　} else

JavaScript之eval() 函数

阅读更多关于 JavaScript之eval() 函数

定义和用法 eval() 函数可计算某个字符串，并执行其中的的 JavaScript 代码。语法 eval(string) 参数描述 string必需。要计算的字符串，其中含有要计算的 JavaScript 表达式或要执行的语句。返回值通过计算 string 得到的值（如果有的话）。说明该方法只接受原始字符串作为参数，如果 string 参数不是原始字符串，那么该方法将不作任何改变地返回。因此请不要为 eval() 函数传递 String 对象来作为参数。如果试图覆盖 eval 属性或把 eval() 方法赋予另一个属性，并通过该属性调用它，则 ECMAScript 实现允许抛出一个 EvalError 异常。抛出如果参数中没有合法的表达式和语句，则抛出 SyntaxError 异常。如果非法调用 eval()，则抛出 EvalError 异常。如果传递给 eval() 的 Javascript 代码生成了一个异常，eval() 将把该异常传递给调用者。提示和注释提示：虽然 eval() 的功能非常强大，但在实际使用中用到它的情况并不多。 eg： <SCRIPT language="javascript"> function showsubmenu(sid) { whichEl = eval("submenu" + sid); if (whichEl

javascript总eval的用法

阅读更多关于 javascript总eval的用法

eval函数接收一个参数s，如果s不是字符串，则直接返回s。否则执行s语句。如果s语句执行结果是一个值，则返回此值，否则返回undefined。需要特别注意的是对象声明语法“{}”并不能返回一个值，需要用括号括起来才会返回值，简单示例如下：复制代码代码如下: var code1='"a" + 2'; //表达式 varcode2='{a:2}'; //语句 alert(eval(code1)); //->'a2' alert(eval(code2)); //->undefined alert(eval('(' + code2 + ')')); //->[object Object] 可以看到，对于对象声明语句来说，仅仅是执行，并不能返回值。为了返回常用的“{}”这样的对象声明语句，必须用括号括住，以将其转换为表达式，才能返回其值。这也是使用JSON来进行Ajax开发的基本原理之一。在例子中可以清楚的看到，第二个alert语句输出的是undefined，而第三个加了括号后输出的是语句表示的对象。现在来说本文的重点，如何在函数内执行全局代码。为了说明这个问题，先看一个例子：复制代码代码如下: var s='global'; //定义一个全局变量 function demo1(){ eval('var s="local"'); } demo1(); alert(s);

js 与jquery 同时绑定一个ID onclink事件

阅读更多关于 js 与jquery 同时绑定一个ID onclink事件

事例代码： <%@ page language="java" contentType="text/html; charset=UTF-8" pageEncoding="UTF-8"%> <!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd"> <html> <head> <title>shortLink</title> </head> <script src="http://localhost:8090/short_link/js/jquery/jquery-1.8.3.min.js"></script>//引入jquery框架 <script type="text/javascript"> $(document).ready(function(){ $("#test").click(function(){ alert("你好"); }); $("#test").click(function(){ alert("你好2"); }); }); function dd(){ alert("dd!"); } function dd(){ alert("dd2"); } function aa(){ alert("aa!"); } <

7个重要的javascript函数

阅读更多关于 7个重要的javascript函数

原文地址：http://davidwalsh.name/essential-javascript-functions #7个重要的javascript函数我记得在早期使用javascript时，因为浏览器厂商对javascript的特性，包括基本特性和边缘特性的实现方式不同，我们需要很多简单的function来进行兼容，比如addEventListener和attachEvent。虽然时代已经改变，为了提高性能和降低方法复杂度，有几个方法仍然需要每个开发人员熟知。 #debounce函数去抖函数去抖可以提高事件持续触发时的性能。如果你在处理scroll,resize,key*等事件时，没有使用函数去抖可能会存在错误。下面提高性能的函数去抖实例： //返回函数持续被调用时将不会执行 //函数将在停止调用N毫秒后执行 //如果传入参数immediate=false，回调方法将优先执行而不是wait后执行 function debounce(func, wait, immediate) { var timeout; return function() { var context = this, args = arguments; var later = function() { timeout = null; if (!immediate) func.apply(context,

js中事件重复绑定会相应导致多次处理程序的响应

阅读更多关于 js中事件重复绑定会相应导致多次处理程序的响应

项目中有一个选定车型的下拉组件，有品牌下拉和车系下拉，当我们选中某品牌后，才会弹出车系下拉。测试中发现，当我们在选中某个品牌下拉后反悔，又重新选中了其他品牌，然后才选择车系，会出现问题响应程序多执行了一次。经过反复调试找出原因：当初设计这个功能时，约定当选中品牌后，触发车系下拉的弹出并与之绑定onChange事件，使得选中车系后请求相应数据。问题关键在于，当jQuery为同一个元素绑定两次事件处理句柄，那么事件触发时，也同样会进行两次响应也就是说当我们第一次选中品牌下拉时候，就触发了一次对车系下拉的事件绑定，而第二次选中品牌时候，又一次触发了车系下拉的事件绑定，这样当我们最终选中车系下拉时，已经触发并对其进行了两次事件绑定，所以最终请求数据时也会请求两次。 ok，那我们如何避免之前那个bug呢。我们可以在每次给车系下拉绑定事件处理句柄前，先清空之前可能存在的onChange事件绑定。代码如下： $('input.series').unbind('change').on("change", function(e){ ... }）只需要简单的调用unbind方法并传入需要被终结的事件名就可以了。延伸一下的话，jQuery中经常有这类处理，在进行新的处理之前，终结掉此前的处理。场景如有个下拉菜单，设计效果是鼠标移中则显示菜单，鼠标移除则隐藏菜单。

js给DropdownList赋值

阅读更多关于 js给DropdownList赋值

常用的 JS库总结

阅读更多关于常用的 JS库总结

文章目录 moment.js qs.js wow.js html2canvas moment.js 进入官网 javascript 日期处理库添加中文语言： https://blog.csdn.net/zhouyingge1104/article/details/50596420 qs.js qs是一个 url参数转化 (parse和stringify)的js库 let url = 'http://item.taobao.com/item.htm?a=1&b=2&c=&d=xxx&e' ; let data = qs . parse ( url . split ( '?' ) [ 1 ] ) ; // data的结果是 { a : 1 , b : 2 , c : '' , d : xxx , e : '' } let params = { c : 'b' , a : 'd' } ; qs . stringify ( params ) // 结果是 'c=b&a=d' wow.js 进入官网 , 源码一款帮助你实现滚动页面时触发CSS 动画效果的插件 html2canvas 进入官网能够实现在用户浏览器端直接对整个或部分页面进行截屏，生产图片或canvas 通过在 html2canvas(需要截图的元素).then(function(){})

JS时间戳转换成时间格式

阅读更多关于 JS时间戳转换成时间格式

TimeNow: function (val) { var date = new Date(val); var Y = date.getFullYear(); var m = date.getMonth() + 1; var d = date.getDate(); var H = date.getHours(); var i = date.getMinutes(); var s = date.getSeconds(); if (m < 10) m = '0' + m; if (d < 10) d = '0' + d; if (H < 10) H = '0' + H; if (i < 10) i = '0' + i; if (s < 10) s = '0' + s; var t = Y + '-' + m + '-' + d + ' ' + H + ':' + i + ':' + s; return t; } 来源： https://www.cnblogs.com/xinchenhui/p/8708709.html

Js call apply bind区别

阅读更多关于 Js call apply bind区别

参考 https://github.com/lin-xin/blog/issues/7 Call/Apply ECMAScript 规范给所有函数都定义了 call 与 apply 两个方法区别：两者区别在于所传参数不一样，apply参数是单个数组，call是一系列参数；作用：改变了this的指向；借用其他函数的方法，比如常用的Array,property.forEach;比如继承子类在构造函数中带哦用父类参数方法；当我们直接调用时候，没有传参，相当于调用此函数，立即执行，例如fun.call(); Call/Bind 这两者传参基本一样；区别如下： 1.bind不会立刻执行，只是返回改变了this作用的一个新函数，我们需要调用才可以；另外原函数的this并没有改变； 2.call方法的参数是把第二个以及之后的参数作为实参传入，没有就是undefined,而bind则是把新函数的参数在原bind 参数的基础上顺延；注：低版本浏览器不支持bind，需要我们自己实现来源： https://www.cnblogs.com/ljyqd/p/11532290.html

订阅 js