1. oncontextmenu="window.event.returnValue=false" 将彻底屏蔽鼠标右键 <table border oncontextmenu=return(false)><td>no</table> 可用于Table 2. <body onselectstart="return false"> 取消选取、防止复制 3. onpaste="return false" 不准粘贴 4. oncopy="return false;" oncut="return false;" 防止复制 5. <link rel="Shortcut Icon" href="favicon.ico"> IE地址栏前换成自己的图标 6. <link rel="Bookmark" href="favicon....
异步回调是js的一大特性,理解好用好这个特性可以写出很高质量的代码。分享一些实际用的一些异步编程技巧。 1.我们有些应用环境是需要等待两个http请求或IO操作返回后进行后续逻辑的处理。而这种情况使用回调嵌套代码会显得很难维护,而且也没有充分使用js的异步优势。 看下实例(为了大家容易理解使用了jq作为示例)$.get("获取数据1.html",function(data,status){$.get("获取数据2.html",function(data1,status1){//使用 data 和...
这次给大家带来js中DOM事件绑定使用小技巧,js中DOM事件绑定使用的注意事项有哪些,下面就是实战案例,一起来看一下。js事件绑定JavaScript 有三种事件模型:内联模型脚本模型DOM2 模型1、内联模型 //基本废除不用 <input type="button" value="按钮" onclick="alert(Lee);" /> <input type="button" value="按钮" onclick="box();" />2、脚本模型 //基本不用 var input = document.getElementsByTagName(input)[0]; //得到 input ...
本文主要和大家聊一些有效的JS小技巧,需要的朋友可以参考下,希望能帮助到大家。1、三元运算符当你在项目有想写if...else语句是,在不是多重判断的情况下,可以考虑三元操作来代替let a = 1, answer = null if( a > 5 ) {answer = 大帅比 }else{ answer = 前端强无敌 } 简写:answer = a > 5 ? 大帅比 : 前端强无敌2、for简化(ES6提供的新方法)for(let i = 0; i < arr.length; i++){} 简写:for (let [index, item] of arr.entr...
这次给大家带来JavaScript正则表达式小技巧,使用JavaScript正则表达式的注意事项有哪些,下面就是实战案例,一起来看一下。正则表达式作为一种匹配处理字符串的利器在很多语言中都得到了广泛实现和应用.这篇文章主要介绍了JavaScript正则表达式函数总结,需要的朋友可以参考下/* 测试环境:Chrome 63.0.3239.132 */JS中正则对象修饰符可选值为:"i" "g" "m",即忽略大小写 进行全局匹配 多行模式JS中正则表达式支持的元字符:1:枚...
本文主要和大家分享15 个jQuery小技巧(干货)相关教程,具体实例代码请看下文,希望能帮助到大家。1.返回顶部按钮你可以利用animate和scrollTop来实现返回顶部的动画,而不需要使用其他插件。?code123$(a.top).click(function(){ $(document.body).animate({scrollTop:0},800);returnfalse});改变scrollTop的值可以调整返回距离顶部的距离,而animate的第二个参数是执行返回动作需要的时间(单位:毫秒)。2.预加载图片如果你的页...
这篇文章适合任何一位基于JavaScript开发的开发者。我写这篇文章主要涉及JavaScript中一些简写的代码,帮助大家更好理解一些JavaScript的基础。希望这些代码能从不同的角度帮助你更好的理解JavaScript。三元操作符如果使用if...else语句,那么这是一个很好节省代码的方式。Longhand:const x = 20; let answer; if (x > 10) {answer = is greater; } else {answer = is lesser; }Shorthand:const answer = x > 10 ? is greater : is...
Oracle有许多的优点,但是如果使用不当,同样也不能发挥出它的强大优势,下面就本人在Oracle开发过程中积累的一点小经验,和大家做一个分享。一、 数据库设计中字段的使用 在一些表的设计中,有一些常用的这段,已经基本成为一个规范,在大型系统中,多可以看到这些字段的踪影,当然字段的名字可能有所不同。常用的字段分为以下几类:1.WHO字段 这类字段多用于记录每行记录的操作变更信息,比如是谁添加的这行记录,谁做过修...
事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x event.y 窗体活动元素 document.activeElement 绑定事件 document.captureEvents(Event.KEYDOWN); 访问窗体元素 document.all("txt").focus();...
如果你想要成为JavaScript开发人员,那么在跳入战斗之前你需要先考虑一些事情。无论你是在前端(用于Web浏览器或其他客户端)开发,还是使用Node.js工作在服务器端,你都需要学习一些东西,来帮助自己成为一个专业的JavaScript开发人员。了解基础知识首先,你需要学习语言的基础知识。然而,大多数项目(无论是在Node中还是在前端)都要求你至少必须熟悉(甚至通常多半是要精通)网页的主要构建块:HTML和CSS。下图显示了HTML,CSS...
‘debugger;’除了console.log,debugger就是另一个我很喜欢的快速调试的工具,将debugger加入代码之后,Chrome会自动在插入它的地方停止,很像C或者Java里面打断点。你也可以在一些条件控制中插入该调试语句,譬如:if (thisThing) {debugger; }将Objects以表格形式展示有时候我们需要看一些复杂的对象的详细信息,最简单的方法就是用console.log然后展示成一个列表状,上下滚动进行浏览。不过似乎用console.table展示成列表会更好...
在这篇文章中将给大家分享12个有关于JavaScript的小技巧。这些小技巧可能在你的实际工作中或许能帮助你解决一些问题。使用!!操作符转换布尔值有时候我们需要对一个变量查检其是否存在或者检查值是否有一个有效值,如果存在就返回true值。为了做这样的验证,我们可以使用!!操作符来实现是非常的方便与简单。对于变量可以使用!!variable做检测,只要变量的值为:0、null、" "、undefined或者NaN都将返回的是false,反之返回的是true。...
一、网络优化YSlow有23条规则,中文可以参考这里。这几十条规则最主要是在做消除或减少不必要的网络延迟,将需要传输的数据压缩至最少。1)合并压缩CSS、JavaScript、图片,静态资源CDN缓存通过构建工具Gulp,可以在开发的时候就将合并压缩的事情一起做掉。之所以要做合并压缩是因为:HTTP 1.x不允许一个连接上的多个响应数据交错到达(多路复用),因而一个响应必须完全返回后,下一个响应才会开始传输。也就是说即使客户端同时发...
通过使用jQuery中的animate 和scrollTop 方法,不用插件就可以创建一个滚动到顶部的简单动画:// Back to top $(.top).click(function (e) {e.preventDefault();$(html, body).animate({scrollTop: 0}, 800); });<!-- Create an anchor tag --> <a class="top" href="#">Back to top</a>改变scrollTop 的值可以更改你想要放置滚动条的位置。所有你真正需要做的是在800毫秒的时间内设置文档主体的动画,直到它滚动到文档的顶部。注:...
收集的10个 jQuery 小技巧/代码片段,可以帮你快速开发。1.返回顶部按钮你可以利用animate和scrollTop来实现返回顶部的动画,而不需要使用其他插件。// Back to top $(a.top).click(function () {$(document.body).animate({scrollTop: 0}, 800);return false; }); <!-- Create an anchor tag --> <a class="top" href="#">Back to top</a>改变scrollTop的值可以调整返回距离顶部的距离,而animate的第二个参数是执行返回动作需要的...