JavaScript检测用户电脑是mac还是pc
JavaScript检测用户电脑是mac还是pcif (navigator.userAgent.indexOf('Mac OS X') != -1) { $("body").addClass("mac");} else { $("body").addClass(&……
JavaScript判断Element是否支持 Attribute
JavaScript判断Element是否支持 Attributefunction elementSupportsAttribute(element, attribute) { var test = document.createElement(element); if (attribute in test) { return true……
JavaScript对数组进行随机重排
这段代码提供了两个方法对数组进行随机重排<script>var count = 100000,arr = [];for(var i=0;i<count;i++){ arr.push(i);}//常规方法,sort()var t = new Date().getTime();Array.prototype.sort.cal……
JavaScript控制元素的显示和隐藏
JavaScript控制元素的显示和隐藏<script type="text/javascript"><!-- function toggle_visibility(id) { var e = document.getElementById(id); if(e.style.di……
JavaScript自定义类似于php的的调试函数var_dump
这是一个JavaScript代码条使用的函数,在很多语言里都有类似的函数,用于输出所有的变量function var_dump( objElement, intLimit, intDepth ){ intDepth = intDepth?intDepth:0; intLimit = intLimit?intLimit:1; ……
JavaScript性能优化 – 构建字符串
JavaScript的大量字符串链接,如果直接使用加号链接,其实是非常消耗性能的,虽然现在的浏览器如firefox,chrome都会自动对其优化,但是我们在编程的时候还是尽量避免大量字符串直接用加号链接,尽量使用堆栈数组//直接使用加号链接字符串,慢var string = 'abc'; string += '……
JavaScript性能优化 – 变量定义
JavaScript定义变量也和性能有关,看看下面的代码你就明白了,只是把变量声明换了个地方就可以让代码变快//未优化的代码,很慢for(var i = 0; i < 1000; i++){var my_variable = 'This is my variable';// Do something with my_va……
jQuery异步加载JS代码
有些JS是可以后加载的,如果一直等待JS加载完成可能非常影响网页上的其它功能实现,比如计数器一类的,jQuery可以对JS进行动态加载。方法1:$.getscript("test.js");方法2:function loadjs(file){ var head = $('head').remo……
JavaScript随机打乱数组
JavaScript随机打乱数组function Shuffle(o) { for(var j, x, i = o.length; i; j = parseInt(Math.random() * i), x = o[--i], o[i] = o[j], o[j] = x); return o;};使用方法var testArray = ……
JavaScript判断浏览器是否是IE
JavaScript判断浏览器是否是IEvar isMSIE = /*@cc_on!@*/0;if (isMSIE) { // do IE-specific things} else { // do non IE-specific things} ……
JavaScript性能优化 – 不要在循环语句里使用计算表达式和函数
JavaScript不要在for循环语句里使用计算表达式和函数//慢for(var i = 0; i < my_array.length; i++)//也很慢for(var i = 0; i < myMethod(); i++)//快var length = my_array.length;for(var i = 0; ……
如果如何使用JavaScript代码出发按钮的点击事件
一段简单的js代码,让浏览器自动点击按钮<script type="text/javascript"> function init(){ document.getElementById('button1').click(); } onl……
自定义JavaScript字符串操作协议
本范例演示了JS中如何通过String.prototype自定义字符串操作协议,本代码定义了两个操作方法,一个用于清除html标签,一个用来转换html标签,都非常有用String.prototype.stripslashes = function(){ return this.replace(/<.*?>/g, '……
JavaScript转向跳转(redirect)
JavaScript转向跳转(redirect)<script type="text/javascript"><!-- window.location = "http://www.google.com/" //--></script> ……
JavaScript性能优化 – 多用乘法少用除法
在JavaScript里乘法比除法的性能要好得多,所以同样的程序如果能用乘法就不用除法//除法,慢var my_variable = 5 / 2;//乘法,快var my_variable = 5 * 0.5; ……
javascript控制自动转向ssl地址
如果用户访问http://地址,这段代码可以将用户自动转向https://地址window.location = "https://" + window.location.hostname + window.location.pathname + window.location.search; ……
JavaScript一行代码清除html标签
JavaScript一行代码清除html标签var StrippedString = OriginalString.replace(/(<([^>]+)>)/ig,""); ……
javascript为数字添加逗号千分符
javascript为数字添加逗号千分符function CommaFormatted(amount) { var delimiter = ","; // replace comma if desired var a = amount.split('.',2) var d = a[1]; var i = pa……
JavaScript性能优化 – 调用数组元素的方法或者属性
调用JavaScript数组元素的多个属性或者方法,应该先把数组元素放到变量里,然后依靠变量调用,不要每次都直接使用数组元素调用//直接使用数组元素调用,慢myArray[myIndex].myMethod1();myArray[myIndex].myMethod2();myArray[myIndex].my_variable;//放到变量里再通过……
JavaScript生成随机颜色
JavaScript生成随机颜色var randomColor = Math.floor(Math.random()*16777215).toString(16); ……
怎么使用JavaScript让Textarea支持tab按键
怎么使用JavaScript让Textarea支持tab按键HTMLTextAreaElement.prototype.getCaretPosition = function () { //return the caret position of the textarea return this.selectionStart;};HTML……
cocos firefox protocol error: received error packet: invalid length: HTTP/1.0 400 Bad Request
coco vscode 调试错误,没有解决,有解决的朋友可以提供下ar: attachRequest: address: 192.168.1.104 port: 5086ar: attachRequest: connectedar: _termiated: cocos firefox protocol error: received error pac……
用样式控制网页部分区域不被打印
用样式控制网页部分区域不被打印,我们经常需要在打印的网页上面放置一个打印按钮,如何让这个按钮不被同时打印出来,可以用一句样式解决。定义如下样式.noprint{display:none;} 只需要给不想打印的标签贴上noprint的class就可以了 <div class="noprint"> <i……
JS代码返回iframe的name属性(名称)
JS代码返回iframe的name属性(名称)<!DOCTYPE html><html><body><iframe id="myframe" src="/default.asp" name="myframe"><p>……
如何使用JS代码控制iframe居左或者居右显示
通过JS代码控制iframe居左或者居右显示,下面的代码控制iframe居右显示,如果希望居左显示,只需要将right改成left即可<!DOCTYPE html><html><body><p>This is some text. This is some text. This is so……
JS代码动态修改iframe的高度和宽度
如果希望通过按钮动态修改iframe的高度和宽度,可以参考下面的JS代码<!DOCTYPE html><html><head><script>function changeSize(){document.getElementById("myframe").hei……
Java使用逆波兰表达式算法制作的表达式计算器
Java使用逆波兰表达式算法制作的表达式计算器package com.infogrid.g2b; import java.util.HashMap; import java.util.Map; public class Op { private static final Ma……
如何使用JS代码去除iframe的滚动条代码
下面的代码可以用来去除iframe的滚动条<!DOCTYPE html><html><head><script>function removeScroll(){document.getElementById("myframe").scrolling="……
如何使用JS代码提交(submit)表单
通过JS代码提交(submit)表单,将提交按钮的类型设置为普通button,然后添加onclick属性 <!DOCTYPE html><html><head><script>function formSubmit(){document.getElementById("frm……
在jQuery中数据列表的最前面(第一行)添加数据
jQuery中可以通过append在列表的最后添加数据,也可以通过prepend在列表的最前面添加数据 jQuery('#comment_list').prepend('<li>hello www.75271.com</li>');……
将数组中的所有元素用JavaScript连接成一个字符串
下面的代码演示了JS中如何通过数组对象的join方法将数组元素连接成一个字符串输出<!DOCTYPE html><html><body><p id="demo">Click the button to join the array elements into a str……
macOS远程命令执行漏洞和windows一样也能弹计算器,一行JS代码
最近,Google Project Zero公开披露了一个macOS系统的神漏洞,一行JS代码便可以让Mac电脑弹计算器。这个神漏洞真的特别有趣,研究员发现macOS的内置应用HelpViewer有一个内部协议调用,可以打开本机上的任何文件,这个协议调用的路径检查有点缺陷,使用某些特定语法可以绕过,去打开攻击者指定的文件。以上只能做到本地命令执行,研究员……
谷歌浏览器显示通知消息JS代码
谷歌浏览器显示通知消息JS代码点击显示通知会弹出通知对话框,如下图效果:h5通知消息对话框代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <……
TOP 100 个 Laravel 扩展包推荐
排名下载次数Star 数扩展包一句话描述128839683968intervention/image图片处理扩展包,支持裁剪、水印等处理,使用教程请见https://laravel-china.org/topics/1903222153723694barryvdh/laravel-debugbar页面调试工具栏 ……
Yarn的入门介绍与安装-Node.js包管理器NPM替代品
就在昨天, Facebook 发布了新的 node.js 包管理器 Yarn 用以替代 npm 。咱虽然是个半桶水的咸鱼前端,不过也得跟上 Javascript 这股潮 (hong) 流 (huang) 的脚步,所以便有了下面这篇文章。大概的浅尝了一下这个自称是又快又可信赖又安全的包管理,所以写的内容不会很详细,更多的可能只是针对这个全新的包管理与 npm ……
Vue2.0 小白入门完全攻略—从环境搭建到发布
Jinkey原创感谢 showonne、yubang 技术指导Demo 地址:http://demo.jinkey.io/vue2源码:https://github.com/Jinkeycode/vue2-example什么是 VueVue 是一个前端框架,特点是数据绑定比如你改变一个输入框 Input 标签的值,会自动同步更新到页面上其他……
webpack入门你要的都在这里
写在前面的话阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,而你又你对webpack感兴趣,那么动手跟着本文中那个贯穿始终的例子写一……
CSS神奇效果 CSS hacking CSS 你不知道的
这里的神奇效果其实就是一些CSS中不怎么为人所知但在解决某些问题的时候很溜的属性。border-radius很多开发者估计都没有正确认识这个border-radius,因为基本上很多人都是这么用的:<code class="hljs css"><span class="hljs-class"&g……
前端资源教程大全(赶快收藏,以备后用)
前端资源教程大全(赶快收藏,以备后用) 资源教程综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版Web Front-end Stack v2.2免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体系免费的编程中文书籍索引智能社 – 精通JavaScript开发重新介……
前端资源总结学习网址大全
1. 综合类– [前端知识结构](https://github.com/JacksonTian/fks)– [Web前端开发大系概览](https://github.com/unruledboy/WebFrontEndStack)– [Web前端开发大系概览-中文版](http://www.cnblogs.com/u……
nodejs pm2安装教程使用教程
nodejs pm2安装教程使用教程一、简介pm2是一个带有负载均衡功能的应用进程管理器,类似有Supervisor,forever。二、安装Linux Binaries下载地址:https://nodejs.org/distcd oneinstack/srcwget https://nodejs.org/dist/v4.2.4/node-v……
10个微信小程序面试题(纯JavaScript)
10个微信小程序面试题(纯JavaScript)微信小程序就是使用js做为开发语言的,测试你的js水平吧!当初笔者做这套题的时候不仅怀疑智商, 连人生都开始怀疑了….不过, 对于基础知识的理解是深入编程的前提. 让我们一起来看看这些变态题到底变态不变态吧!第1题 1、["1", "2", "3"].map(parseInt)知识点:Array/……
gojs是一个javascript库,可以构建流程图,组织图,BPMN,UML建模和其他视觉图
gojs是一个JavaScript库,用于构建HTML web页面上的交互图。构建应用程序流程图、组织图表,BPMN,UML建模和其他视觉图类型。交互性、数据绑定、布局和许多节点和链接概念是内在的美。……