JS firebug小技巧

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

JS处理事件小技巧

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

Node.js 调试小技巧

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

一些js的小技巧

这里收集了一些编码上的小技巧,大家可以学习学习. 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.…

Js的小技巧

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

js相关小技巧

1.清空type=file的input文件上传控件的内容,相当于重置.txtFile是该input的id $("#txtFile").val(""); $("#txtFile").attr("title",""); $("#txtFile").parent().find("input[type=text]").val(""); 2.判断某个对象是否…

Js 使用小技巧总结(1)

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…

js 一些小技巧

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…

JS常用小技巧

iframe子窗口调用父窗口方法 parent.functionName(); 二.iframe 父窗口和子窗口相互的调用方法 1.IE中使用方法: 父窗口调用子窗口:iframe_ID.iframe_document_object.object_attribute = attribute_value 例子:onClick="iframe_text.myH1.innerText='http://www.pint.com';" 子窗口调用父窗口:parent.parent_documen…

js 实用小技巧

https://blog.csdn.net/www93111/article/details/76176771…

[转载]Js小技巧||给input type=“password”的输入框赋默认值

http://www.cnblogs.com/Raywang80s/archive/2012/12/06/2804459.html [转载]Js小技巧||给input type="password"的输入框赋默认值直接给 input type="password"的输入框赋值不行,由于安全因素,不允许对密码框赋默认值,只能通过键盘的方式输入值.而又要在密码框显示*密码,换个思路使用简单的js脚本即可实现这个效果. <input type="pa…

客户端JS性能的一些优化的小技巧

下面是一些关于客户端JS性能的一些优化的小技巧:1.[顶]关于JS的循环,循环是一种常用的流程控制.JS提供了三种循环:for(;;). while().for(in).在这三种循环中 for(in)的效率最差,因为它需要查询Hash键,因此应尽量少用for(in)循环,for(;;).while()循环的性能基本持平.当然,推荐使用for循环,如果循环变量递增或递减,不要单独对循环变量赋值,而应该使用嵌套的++或--运算符.2.如果需要遍历数组,应该先缓存数组长度,将数组长度放入局部变量中,…

html/css/js小技巧实例

一些学习中碰到的小技巧让div自动撑起来: .clearfix:after{ content: "."; clear: both; display: block; visibility: hidden; height: 0; } 用css画出尖角/三角 transparent:表示透明 .icon{ display: inline-block; border-top: 15px solid transparent; border-bottom: 15px solid red; bor…

HTML5+js页面传值给Java后台的小技巧

页面传值小技巧平常我们在做的web项目,一般一个HTML页面上会有好几个步骤,step_num①,step_num②,step_num③,一般先显示step_num①,根据跳转条件显示step_num②,step_num①隐藏,再跳转step_num③,step_num①,step_num②隐藏,step_num③显示. 先说下我做的页面的结构,进入xxx.html页面,通过js发送ajax.postForm请求,请求一个action,action调用handler,每一个功能都要请求一个ac…

js 数组去重小技巧

js 数组去重小技巧 Intro 今天遇到一个问题,需要对数据进行去重,想看一下有没有什么比较方便的方法,果然有些收获. Question 问题描述: 我有一个这样的数据: [ { "ProjectId": "94147992363ef910", "ProjectName": "新梅太古城中粮天悦澜庭", "ProjectAddress": "曲阜路966弄" }, { "Pr…

js小技巧总结

js小技巧总结 1.Array.includes条件判断 function test(fruit) { const redFruits = ["apple", "strawberry", "cherry", "cranberries"]; if (redFruits.includes(fruit)) { console.log("red"); } } 2.set与去重 ES6 提供了新的数据结构 Set.它…

js几个小技巧和坑

蝴蝶书看了,也知道充满了毒瘤和糟粕,但该用还是得用. 实际写了几天,小技巧记录下来.都是在py里有直接答案,不会遇到的问题,没想到js里这么费事. 还是要多读<ES6标准入门> 1判断object是[]还是{} 主要是转xml时是否正确,所以得判断这个.没想到这么麻烦. 抄这个答案,https://my.oschina.net/u/2436852/blog/609832 基本符合需要 if((Array.isArray(变量) && 变量.length === 0) || (O…

【js】中的小技巧

本文主要介绍一些JS中用到的小技巧 1. 类型强制转换 1.1 string强制转换为数字可以用*1来转化为数字(实际上是调用.valueOf方法) 然后使用Number.isNaN来判断是否为NaN,或者使用 a !== a 来判断是否为NaN,因为 NaN !== NaN '32' * 1 // 32 'ds' * 1 // NaN null * 1 // 0 undefined * 1 // NaN 1 * {…

JS前端下载文本文件小技巧：1、download属性；2、借助Blob转换成二进制下载

一.HTML download 与文件下载如果希望在前端侧直接触发某些资源的下载,最方便快捷的方法就是使用HTML5原生的download属性,例如: <a href="large.jpg" download>下载</a> 但显然,如果纯粹利用HTML属性来实现文件的下载(而不是浏览器打开或浏览),对于动态内容,就无能为力. 例如,我们对页面进行分享的时候,希望分享图片是页面内容的实时截图,此时,这个图片就是动态的,纯HTML显然是无法满足我们的需求的,借助J…

CSS 黑魔法小技巧，让你少写不必要的JS，代码更优雅

首页登录注册 CSS 黑魔法小技巧,让你少写不必要的JS,代码更优雅阅读 8113 收藏 927 2017-09-26 原文链接:github.com 腾讯云容器服务CSS,立即免费体验容器集群吧!cloud.tencent.com 之前不久,由于自己平时涉猎还算广泛,总结了一篇博客:这些JavaScript编程黑科技,装逼指南,高逼格代码,让你惊叹不已,没想到受到了大家的欢迎,有人希望能博主还能整理个 CSS 的一些黑魔法小技巧,无奈我 CSS 一直很渣,没什么干货,最…

C#中??和？分别是什么意思？在ASP.NET开发中一些单词的标准缩写 C#SESSION丢失问题的解决办法在C#中INTERFACE与ABSTRACT CLASS的区别 SQL命令语句小技巧 JQUERY判断CHECKBOX是否选中三种方法 JS中!=、==、!==、===的用法和区别在对象比较中，对象相等和对象一致分别指的是什么？

C#中??和?分别是什么意思? 在C#中??和?分别是什么意思? 1. 可空类型修饰符(?):引用类型可以使用空引用表示一个不存在的值,而值类型通常不能表示为空.例如:string str=null; 是正确的,int i=null; 编译器就会报错.为了使值类型也可为空,就可以使用可空类型,即用可空类型修饰符"?"来表示,表现形式为"T?"例如:int? 表示可空的整形,DateTime? 表示可为空的时间.T? 其实是System.Nullable(泛型结构)的…

JS、JQ相关小技巧积攒

JS.JQ相关小技巧积攒,以备不时之需. 1.js 获取时间差:时间戳相减.new Date().getTime() 获得毫秒数,除以(1000*60*60*24) 获得天数. 2.重定向操作:页面重定向:window.location.href="http://..."即可(本页页面跳转). 3.js立即执行函数,window.onload = function, $(document).ready({})区别以及执行时机以及先后顺序. 4.前台form表单的提交方式有很多…

javascript小技巧-js小技巧收集(转)

本文转载自:http://blog.csdn.net/ocean20/article/details/2498699 每一项都是js中的小技巧,但十分的实用! 1.document.write(""); 输出语句 2.JS中的注释为// 3.传统的HTML文档顺序是:document->html->(head,body) 4.一个浏览器窗口中的DOM顺序是:window->(navigator,screen,history,location,document) 5.得…

knockout.js $index 做列表索引小技巧

我们都知道,在foreach binding中,使用$index可以得到基于0的索引序号,但在列表显示中,我们更希望这个索引是从1开始的,怎么处理呢? 这里,有个小技巧:使用$index() + 1,如:data-bind="text:$index() + 1" 看到没有,序号是否就是从1开始了?…

可以提升幸福感的js小技巧（下）

4.数字 4.1 不同进制表示法 ES6中新增了不同进制的书写格式,在后台传参的时候要注意这一点. 29 // 10进制 035 // 8进制29 原来的方式 0o35 // 8进制29 ES6的方式 0x1d // 16进制29 0b11101 // 2进制29 4.2 精确到指定位数的小数将数字四舍五入到指定的小数位数.使用 Math.round() 和模板字面量将数字四舍五入为指定的小数位数. 省略第二个参数 decimals ,数字将被四舍五入到一个整数. const round =…

SharePoint 2010自定义母版页小技巧——JavaScript和CSS引用

通常在我们的项目中,都会涉及到母版页的定制.并且必不可少的,需要配合以一套自己的JavaScript框架和CSS样式.你有没有遇到过这样的情况呢,在开发环境和UAT时都还算顺利,但是当最终部署到生产服务器场时,运行完PS 脚本后,发现网页的其他部分似乎都没事,唯独样式和Ajax不正常,. 当我们调出我们最好的朋友(IE的F12开发人员工具,或者Firebug和Chrome浏览器开发控制台),就会发现问题是由于我们在生产环境中改变了网站集的URL结构导致绝对路径不能正常工作. 那么问题就来了,我们…