今天,就分享一下我自己总结的一些JS的小技巧: ①防止鼠标选中事件 <div class="mask" onselectstart="return false"></div><div class="link">     <a href="javascrip;;">登录</a></div> 给元素添加了onslectstart=“return false&q…

记录 JS 常用的技巧 1. 生成随机数 2. 解决浮点数问题 3. 无路可走时,看看是不是 事件 冒泡了...…

Chrome调试折腾记_(2)JS断点调试技巧 技巧一:格式化压缩代码 技巧二:快速跳转到某个断点的位置 技巧三:查看断点内部的作用范围[很实用] 技巧4:监听事件断点 技巧5:DOM及 XHR监听跳转 右侧的Event Listener Breakpoints可以选择性的监听某类行为事件,比如键盘输入,拖拉等..勾选前面的checkbox就可以生效,当你触发改行为的时候就会跳转到触发的JS DOM Breakpoints : 是你Elements页,感觉要监听某段dom的可能有一些行为,但是又…

http://gaohaixian.blog.163.com/blog/static/123260105201142645458315/写任何编程代码,不同的开发者都会有不同的见解.但参考一下总是好的,下面是来自Javascript Toolbox发布的14条最佳JS代码编写技巧,Sofish翻译(1,2). 1. 总是使用 ‘var’ 在javascript中,变量不是全局范围的就是函数范围的,使用”var”关键词将是保持变量简洁明了的关键.当声明一个或者是全局或者是函数级(function-…

[原创]分布式之数据库和缓存双写一致性方案解析(三)   正文 博主本来觉得,<分布式之数据库和缓存双写一致性方案解析>,一文已经十分清晰.然而这一两天,有人在微信上私聊我,觉得应该要采用 先删缓存,再更新数据库,再删缓存 这一方案作为缓存更新策略,而不是先更新数据库,再删缓存.并且搬出了两篇大佬的文章,<Cache Aside Pattern>,<缓存与数据库不一致,咋办?>,希望博主能加以说明.因为问的人太多了,所以才有了这篇文章的诞生. 正文 在开始这篇文章之前,…

异步回调是js的一大特性,理解好用好这个特性可以写出很高质量的代码.分享一些实际用的一些异步编程技巧. 1.我们有些应用环境是需要等待两个http请求或IO操作返回后进行后续逻辑的处理.而这种情况使用回调嵌套代码会显得很难维护,而且也没有充分使用js的异步优势. 看下实例(为了大家容易理解使用了jq作为示例) $.get("获取数据1.html",function(data,status){ $.get("获取数据2.html",function(data1,sta…

原文网址链接为:http://www.jstips.co/ .截取了一部分本人认为比较实用的技巧分享给大家.其中一小部分技巧为JS面向对象的写法,不宜一一列出.关于JS面向对象的写法可参考本人前几篇随笔: JS面向对象(1) -- 简介,入门,系统常用类,自定义类,constructor,typeof,instanceof,对象在内存中的表现形式 JS面向对象(2) -- this的使用,对象之间的赋值,for...in语句,delete使用,成员方法,json对象的使用,prototype的使…

JS小技巧 1.如果你JS了解的还不深请看 汤姆大叔的博客 ,肯定让你上升一个台阶. 2.百科全书 MDN. 3.两个非常简单实用的提示插件 toastr sweetalert. 4.数据类型的复制: function copy(arg){ return JSON.parse(JSON.stringify(a)); } 5.数字类型的字符串转数字: "number" - 0 = number;//"5" - 0 = 5 number + "" =…

感谢好友破狼提供的这篇好文章,也感谢写这些知识点的作者们和将他们整理到一起的作者.这是github上的一篇文章,在这里本兽也就只做翻译,由于本兽英语水平和编程能力都不咋地,如有不好的地方也请多理解体谅.原文 能够为大家提供这些简短而实用的JavaScript技巧来提高大家编程能力,这对于我来说是件很开心的事.每天仅花上不到2分钟的时间中,你将可 以读遍JavaScript这门可怕的语言所呈现给我们的特性:performance(性能), conventions(协议), hacks(代码hack…

1. 删除数组尾部元素 一个简单方法就是改变数组的length值: const arr = [11, 22, 33, 44, 55, 66]; arr.length = 3; console.log(arr); //=> [11, 22, 33] arr.length = 0; console.log(arr); //=> [] 2. 使用对象解构 let data = { message:"messages", title:"titles", } le…

随着AJAX的流行,js又得到了很多人的重视,js最大的优势就是它能够对html上的所有元素进行操作,包括创建标签元素,更改元素属性等,这样就使得我们能够利用js来实现很多的动态效果,来提供给用户更强的交互性!Js测试方法<o:p></o:p> 在调试Javascript脚本的时候,如果有错误,IE的状态栏里会有个问号[点击此问号],或者弹出错误框,为了尽快找到错误,下面是常用的调试方法:     1,如果出现对象为null或找不不到对象,那就是id,name或DOM写法不对,请检…

来自 https://juejin.im/post/5db62f1bf265da4d560906ab 侵删 数组是 JS 最常见的一种数据结构,咱们在开发中也经常用到,在这篇文章中,提供一些小技巧,帮助咱们提高开发效率. 1. 删除数组的重复项 2. 替换数组中的特定值 有时在创建代码时需要替换数组中的特定值,有一种很好的简短方法可以做到这一点,咱们可以使用.splice(start.value to remove.valueToAdd),这些参数指定咱们希望从哪里开始修改.修改多少个值和替换新…

小技巧--使用 supervisor如果你有 PHP 开发经验,会习惯在修改 PHP 脚本后直接刷新浏览器以观察结果,而你在开发 Node.js 实现的 HTTP 应用时会发现,无论你修改了代码的哪一部份,都必须终止Node.js 再重新运行才会奏效.这是因为 Node.js 只有在第一次引用到某部份时才会去解析脚本文件,以后都会直接访问内存,避免重复载入,而 PHP 则总是重新读取并解析脚本(如果没有专门的优化配置). Node.js的这种设计虽然有利于提高性能,却不利于开发调试,因为我们在开…

0.同步或异步ajax进行提交add update delete等. 在ajax中传参数可以和web端bean对应 1.ajax完成后跳转可以在js中使用 window.location.href=url来完成跳转 2.jquery的存取值 有$("#id").val()  也有$("#id").html() 3.<a>标签事件的使用可以用 <a data-dismiss="modal" class="btn btn-…

window.Event = { add: function() { //使用条件表达式检测标准方法是否存在 return document.addEventListener ? function(a, b, c) { /*如果标准方法存在则使用标准的方法.这里注意这个将false写为“!1”的写法,它比直接写“false”好在哪里呢?我想应该是为了少写几个字符,减少文件体积.因为js是要下载到用户计算机中去执行的,所以将!1自动转换为false对于用户的计算机资源开销来说不算什么,但是如果每个…

1.No "Access-Control-Allow-origin" 解决方案:这是API参数没有穿对的跨域错误,修改API(ajax请求路径)以保证其参数传递正确即可: 2.loadMainPage~~从缓存中读取数据注意事项 由于从缓存中读取的数据是字符串,而加载数据时应该使用的是json对象,此时我们应该把字符串强制 转换成json对象,而且还要用try 和catch来防止异常情况出现 try(localstorageData) { localstorageData = Json…

实际上前端的发展与进步也离不开浏览器的支持,而对于开发者来讲,浏览器最好的支持,就是对于debug的良好支持,甚至在某些兴许接手的项目中,前端的debug甚至能够解决好多问题--不说了,都是泪啊!还是说下firefox下的firebug吧.尽管ff内置一个调试的功能,可是,感觉不完好,对于开发者来讲,根本不够用,于是ff下还是推荐firebug,老牌的前端debug工具,好用!而IE.Chrome都有非常不错的工具支持,基本够用,可是用惯了ff的我,还是坚挺在firebug下. 1.使用"deb…

javascript原生代码中经常会遇到各式各样浏览器不兼容的问题,浏览器真是倔强,解决浏览器的兼容是前端猿们的一大难题 为了避免在工作中遇到这些简单的问题.节约开发时间,在这里总结一些常用的浏览器兼容原生js的一些问题 1.获取事件对象 e=e||window.event; 2.获取键码的通用代码 var keyCode = e.keyCode || e.which || e.charCode 3.获取页面滚动距离 var top = document.body.scrollTop | doc…

目前来说,处理js有两种方法: 1,通过第三方工具执行js脚本, selenium,会驱动浏览器把js全部加载出来并返回. 2,手动模拟js的执行 2.1)找到js链接,可以在idle中用print(u'*******')来检测 2.2)模拟js执行,从里面提取数据,一般是返回json格式的数据…

一.WKWebView 由于Xcode8发布之后,编译器开始不支持iOS 7了,这样我们的app也改为最低支持iOS 8.0,既然需要与web交互,那自然也就选择使用了 iOS 8.0之后 才推出的新控件 WKWebView. 相比与 UIWebView, WKWebView 存在很多优势: 支持更多的HTML5的特性 高达60fps滚动刷新频率与内置手势 与Safari相容的JavaScript引擎 在性能.稳定性方面有很大提升占用内存更少 协议方法及功能都更细致 可获取加载进度等. 二.WK…

前言 你真的了解JS吗,看完全篇,你可能对人生产生疑问. typeof typeof运算符,把类型信息当做字符串返回. //正则表达式 是个什么 ? typeof /s/ // object //null typeof null // object 正则表达式并不是一个'function',而是一个object.在大多数语言中,null 代表的是一个空指针(0x00),但是在js中,null为一个object. instanceof instanceof运算符,用来测试一个对象在其原型链中是否存…

变量转换 var myVar = "3.14159", str = ""+ myVar,// string类型 int = ~~myVar, // number类型 float = 1*myVar, // number类型 bool = !!myVar, // boolean类型 array = [myVar]; // array类型 但是转换日期(new Date(myVar))和正则表达式(new RegExp(myVar))必须使用构造函数,创建正则表达式的时…

js没有用来统计字符串中含有多少个字母的方法 let value='aaa&bbb&aad123&333' 那么value共含有 value.length-value.replace(/&/g,'').length 这么多…

这里收集了一些编码上的小技巧,大家可以学习学习. 1.浮点转整型 使用|0快速转换 var a=(12.002)|0;//12 使用~~快速转换 ~取反运算符,2=0010,~2=1101,因为第一位是代表正负数,所以~2=-3 2.整型转布尔型 使用!!快速转换 var a=!!2;//true !!window===true;//true 3.不声明第三个变量的值交换 var a=1,b=2;a=[b,b=a][0]; var a=1,b=2; a=a*b; b=a/b; a=a/b; 4.…

1.  将彻底屏蔽鼠标右键 <body oncontextmenu="return false"> ''''' </body> 或者 <table border=1 oncontextmenu=return(false)> ---- </table> 2. 取消选取.防止复制 < body onselectstart=”return false”> 3.JS不允许粘贴 onpaste=”return false” 4. JS防…

前端工程师都知道 JavaScript 有基本的异常处理能力.我们可以 throw new Error(),浏览器也会在我们调用 API 出错时抛出异常.但估计绝大多数前端工程师都没考虑过收集这些异常信息 反正只要 JavaScript 出错后刷新不复现,那用户就可以通过刷新解决问题,浏览器不会崩溃,当没有发生过好了.这种假设在 Single Page App 流行之前还是成立的.现在的 Single Page App 运行一段时间后状态复杂无比,用户可能进行了若干输入操作才来到这里的,说刷新就…

1.Js 的时间控制,小于初始时间,大于截止时间 <script type="text/javascript">        window.onload = GameOver;        function GameOver() {            var startDate = new Date("2016-10-01 00:00:00");            var endDate = new Date("2016-10-08…

1.JS原生函数parseInt(),返回字符串的第一个数字,默认是十进制. 2.!!data.success  //强制转换成布尔类型…

Javascript 中的 绑定事件 on $(document).on("事件","元素","方法"): Js 定时方法 1.setTimeout(window.location.reload(),1000); 2.window.setTimeout("window.location='__ROOT__/index.php?m=Home&c=Public&a=register&type=2'",100…

1. 学会使用console.log console.log谁都会用,但是很多同学只知道最简单的console.log(x)这样打印一个对象,当你的代码里面console.log多了之后,会很难将某条打印结果和代码对应,所以我们可以给打印信息加上一个标签便于区分: let x = 1; console.log('aaaaaaaa', x); 2. 学会使用console.time 有时候我们想知道一段代码的性能或者一个异步方法需要运行多久,这时候需要用到定时器,JavaScript提供了现成的c…