javascript有用小技巧—实现分栏显示

记得给师哥师姐測试考试系统的时候,看到他们的考试页面能够实现隐藏左边的考生信息部分,当时认为好高大上.好人性化. 如今学了javascript,我也能实现这个功能了,以下来显摆一下. 1.页面设计: (1).html代码: <title>js分栏</title> <style type="text/css"> .alignment{ text-align: center; } </style> </head> <scri…

你想的到想不到的 javascript 应用小技巧方法

javascript 在前端应用体验小技巧继续积累. 事件源对象 event.srcElement.tagName event.srcElement.type 捕获释放 event.srcElement.setCapture(); event.srcElement.releaseCapture(); 事件按键 event.keyCode event.shiftKey event.altKey event.ctrlKey 事件返回值 event.returnValue 鼠标位置 event.x…

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 lesser';const big = x > 10 ? " greater 10&…

19 个 JavaScript 编码小技巧

这篇文章适合任何一位基于JavaScript开发的开发者.我写这篇文章主要涉及JavaScript中一些简写的代码,帮助大家更好理解一些JavaScript的基础.希望这些代码能从不同的角度帮助你更好的理解JavaScript. 三元操作符如果使用if...else语句,那么这是一个很好节省代码的方式. Longhand: const x = 20; let answer; if (x > 10) { answer = 'is greater'; } else { answer = 'is l…

PHP开发小技巧①①—php实现手机号码显示部分

从个人信息保护性的角度来讲,我们在开发过程中总会想办法去保护用户的一些个人信息.就如本篇博文所讲,我们有时会将用户的手机号码只显示出部分,这是很多网站都有做的功能.这个功能实现起来也是特别的简单,只需要我们对手机号码进行截取,然后将中间部分进行“*”号填充即可. 下面为实现代码: <?php /** * ======================================= * Created by Zhihua_W. * Author: Zhihua_W * Date: 2017/2/…

vscode分栏显示快捷键

vscode没有默认的分栏快捷键,我们可以自定义,步骤如下: 1.Crtl + k,再Ctrl + s,调出快捷键设置面板 2.在搜索栏输入"视图:",在未定义快捷键的区域找到"视图:双列编辑器布局"."视图:三列编辑器布局"."视图:合并所有编辑器组",并分别定义快捷键[只需要调出快捷键设置弹框,然后按下组合键,enter键确定即可] * 注:点击①处"+"号,或者双击②处,或者在②处右键操作一下,均可调…

Eclipse用法和技巧十一：分栏显示

在编码的时候,有时候需要同时看到两个文件的代码.或者在代码走读的时候,能同时看到两个文件的代码能加快我们对代码的理解.来看看如何在eclipse中同时显示两个文件的代码. 步骤一:拖住一个文件不放,直到IDE给出提示,如下图: 步骤二:IDE给出提示后,如果需要左右显示两个文件,向左右移动鼠标,如果需要上下显示两个文件,上下移动步骤三:如果在执行快捷键:Ctrl+M即可全屏显示代码,阅读更加方便. 步骤四:之后可以采用Eclipse用法和技巧一中的方法,恢…

JavaScript 转换小技巧

1.变量转换看起来很简单,但据我所看到的,使用构造函数,像Array()或者Number()来进行变量转换是常用的做法.始终使用原始数据类型(有时也称为字面量)来转换变量,这种没有任何额外的影响的做法反而效率更高. var myVar = "3.14159", str = ""+ myVar,// to string int = ~~myVar, // to integer float = 1*myVar, // to float bool = !!myVar,…

Javascript 编程小技巧总结（部分内容借鉴他人）

1 – 使用===,而不是＝＝ ==(或!=)操作符在需要的时候会自动执行类型转换.===(或!==)操作不会执行任何转换.它将比较值和类型,而且在速度上也被认为优于==. 2 – 使用闭包实现私有变量 function fn1(){ var pro1="a"; this.fn2=function(){return pro1;} } 3- 从数组中获取一个随机项 <script> var items = [12, 548 , 'a' , 2 , 5478 , 'foo' ,…

JavaScript 调试小技巧

'debugger;' 除了console.log,debugger就是另一个我很喜欢的快速调试的工具,将debugger加入代码之后,Chrome会自动在插入它的地方停止,很像C或者Java里面打断点.你也可以在一些条件控制中插入该调试语句,譬如: if (thisThing) { debugger; } 将Objects以表格形式展示有时候我们需要看一些复杂的对象的详细信息,最简单的方法就是用console.log然后展示成一个列表状,上下滚动进行浏览.不过似乎用console.table…

iOS 开发的9个超有用小技巧

http://www.jianshu.com/p/221507eb8590 1.如何快速的查看一段代码的执行时间. 1 2 #define TICK NSDate *startTime = [NSDate date] #define TOCK NSLog(@"Time: %f", -[startTime timeIntervalSinceNow]) 在想要查看执行时间的代码的地方进行这么处理 1 2 3 TICK //do your work here TOCK 2.如何快速查…

22条常用JavaScript开发小技巧

1.使用var声明变量如果给一个没有声明的变量赋值,默认会作为一个全局变量(即使在函数内赋值).要尽量避免不必要的全局变量. 2.行尾使用分号虽然JavaScript允许省略行尾的分号,但是有时不注意的省略,会导致不必要的错误.建议在可用可不用行尾分号的地方加上分号. 3.获取指定范围内的随机数 var getRandom = function(max, min) { min = arguments[1] || 0; return Math.floor(Math.random() * (ma…

JavaScript调试小技巧

1.‘debugger;’ 除了console.log,debugger就是另一个我很喜欢的快速调试的工具,将debugger加入代码之后,Chrome会自动在插入它的地方停止,很像C或者Java里面打断点.你也可以在一些条件控制中插入该调试语句,譬如: if (thisThing) { debugger; } 2.将Objects以表格形式展示有时候我们需要看一些复杂的对象的详细信息,最简单的方法就是用console.log然后展示成一个列表状,上下滚动进行浏览.不过似乎用consol…

Wireshark小技巧：将IP显示为域名

" 本文介绍如何使Wireshark报文窗口的Source栏及Destination内的IP直接显示为域名,提升报文分析效率." 之前内容发现部分不够严谨的地方,所以删除重发. 一个典型的Wireshark界面如下: 从这个图里,能看到源IP及目的IP,在流量不大,数据不多的情况下,我们可以逐会话对报文进行分析,从而找到我们需要的报文,但是,当流量很大.数据很多的时候,我们该怎么分析?逐会话分析吗?不现实. 有一定基础的你一定知道,域名系统降低了网络使用的难度,域名降低了人脑处理信息…

实用的 JavaScript 调试小技巧

‘debugger;’ 除了console.log,debugger就是另一个我很喜欢的快速调试的工具,将debugger加入代码之后,Chrome会自动在插入它的地方停止,很像C或者Java里面打断点.你也可以在一些条件控制中插入该调试语句,譬如: if (thisThing) { debugger; } 将Objects以表格形式展示有时候我们需要看一些复杂的对象的详细信息,最简单的方法就是用console.log然后展示成一个列表状,上下滚动进行浏览.不过似乎用console.table…

41个Web开发者JavaScript实用小技巧

1. 将彻底屏蔽鼠标右键 oncontextmenu="window.event.returnValue=false" < table border oncontextmenu=return(false)>< td>no< /table> 可用于 Table 2. 取消选取.防止复制 < body onselectstart="return false"> 3.JS不允许粘贴 onpaste="return…

JavaScript使用小技巧

原文:45 Useful JavaScript Tips, Tricks and Best Practices作者:Saad Mousliki 在这篇文章里,我将分享一些JavaScript的技巧.秘诀和最佳实践,除了少数几个外,不管是浏览器的JavaScript引擎,还是服务器端JavaScript解释器,均适用. 1.首次为变量赋值时务必使用var关键字变量没有声明而直接赋值得话,默认会作为一个新的全局变量,要尽量避免使用全局变量. 2.使用===取代====和!=操作符会在需要的情况下自动…

javascript有用小功能总结(未完待续)

1)javascript让页面标题滚动效果代码如下: <title>您好,欢迎访问我的博客</title> <script type="text/javascript"> function scroll() { //获取title信息. var titleInfo = document.title; //获取title第一个字符(数字.字母). //注释:字符串中第一个字符的下标是 0.如果参数 index 不在 0 与 string.length…

JavaScript常用小技巧

1.获取访问地址URL的参数 <script type="text/javascript"> var param = ""; var nowUrl = window.location.href; if (nowUrl.lastIndexOf("?") != -1) { param = nowUrl.substring(nowUrl.lastIndexOf("?")); } window.onload = funct…

javaScript 的小技巧

20160314知识点的补充:a-1:最原始的操作要比函数调用快 <script type="text/javascript"> var min = Math.min(1,6,9,0,3); alert(min); var arr = ['23',"A",5]; arr[arr.length] = min; // arr.push(min); alert(arr); </script> 1.首次为变量赋值时务必使用var关键字变量没有声明而…

分享一些JavaScript简易小技巧

特性检测而非浏览器检测因为某某特性某浏览器不支持,我们经常的做法是在代码中直接先做浏览器判断如: 1 if(Broswer.isFirfox){ 2 //do something 3 } 其实这样做是不科学的,因为很可以其它浏览器上可以支持你要用的特性,所以,比较好的做法为是直接做特性判断.如: 1 if(window.localStorage){ 2 //使用本地存储功能 3 } 使用方括号来访问属性或方法这一点到不是强制的,只不过如果使用方括号来访问可以享受一些动态特性带…

javascript正则表达式小技巧

一.中括号[]里面的特殊字符是不用转义的,例如[/].[.].[*].[?].[+]都是可以直接匹配对应的字符\ . *?+.下面是测试结果: 所以,/[\d.]/这个正则表达式实际上是匹配数字字符或者字符".",作用等同于/[\d\.]/ 二.match().exec()和test()的区别 1. regexp.test() test() 方法执行一个检索,用来查看正则表达式与指定的字符串是否匹配.返回 true 或 false. /in[a-z]/g.test("ing&…

JavaScript开发小技巧

总结一些能够提高开发效率的JS技巧 1.过滤唯一值 Set类型是在ES6中新增的,它类似于数组,但是成员的值都是唯一的,没有重复的值.结合扩展运算符(...)我们可以创建一个新的数组,达到过滤原数组重复值的功能. const array2 = [1, 2, 3, 3, 5, 5, 1]; const uniqueArray = [...new Set(array2)]; console.log(uniqueArray); // [1, 2, 3, 5] 2.转换Number类型 let test…