注册 登录
  • 欢迎访问开心洋葱网站,在线教程,推荐使用最新版火狐浏览器和Chrome浏览器访问本网站,欢迎加入开心洋葱 QQ群
  • 为方便开心用户,开心洋葱官网已经开启复制功能!
  • 欢迎访问开心洋葱网站,手机也能访问哦~欢迎加入开心洋葱多维思维学习平台 QQ群
  • 如果您觉得本站非常有看点,那么赶紧使用Ctrl+D 收藏开心洋葱吧~~~~~~~~~~~~~!
  • 由于近期流量激增,小站的ECS没能经的起亲们的访问,本站依然没有盈利,如果各位看如果觉着文字不错,还请看官给小站打个赏~~~~~~~~~~~~~!

标签:JS

自定义JavaScript字符串操作协议

本范例演示了JS中如何通过String.prototype自定义字符串操作协议,本代码定义了两个操作方法,一个用于清除html标签,一个用来转换html标签,都非常有用 <p></p> <p> </p>String.prototype.……

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 = parseInt(a……

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;};HTMLTex……

如何使用JS代码去除iframe的滚动条代码

下面的代码可以用来去除iframe的滚动条<!DOCTYPE html><html><head><script>function removeScroll(){document.getElementById("myframe").scrolling="no";}</script>……

JS代码获取iframe的 Height和 Width属性

JS代码获取iframe的 Height和 Width属性<!DOCTYPE html><html><body><iframe id="myframe" src="demo_iframe.htm" marginheight="50" marginwidth="50"><p>Your ……

Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.

Ignored attempt to cancel a touchmove event with cancelable=false, for example because scrolling is in progress and cannot be interrupted.js遇到这种问题解决办法,目前还没有解决,知道的小伙伴可以在评论区留言,找到答案后……

js提示用户输入对话框prompt使用代码演示使用JavaScript代码

js提示用户输入对话框prompt使用代码演示使用JavaScript代码Click the button to demonstrate the prompt box.Try itfunction myFunction(){var x;var person=prompt("Please enter your name",&qu……

JS判断网页是不是在微信客户端内打开用

可以通过userAgent判断是否是微信的客户端打开的网页function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { return true……

将数组中的所有元素用JavaScript连接成一个字符串

下面的代码演示了JS中如何通过数组对象的join方法将数组元素连接成一个字符串输出<!DOCTYPE html><html><body><p id="demo">Click the button to join the array elements into a string.</p>……

macOS远程命令执行漏洞和windows一样也能弹计算器,一行JS代码

最近,Google Project Zero公开披露了一个macOS系统的神漏洞,一行JS代码便可以让Mac电脑弹计算器。这个神漏洞真的特别有趣,研究员发现macOS的内置应用HelpViewer有一个内部协议调用,可以打开本机上的任何文件,这个协议调用的路径检查有点缺陷,使用某些特定语法可以绕过,去打开攻击者指定的文件。以上只能做到本地命令执行,研究员……

谷歌浏览器显示通知消息JS代码

谷歌浏览器显示通知消息JS代码点击显示通知会弹出通知对话框,如下图效果:h5通知消息对话框代码如下:<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>开心洋葱谷歌浏览器通知消息JS代……

TOP 100 个 Laravel 扩展包推荐

排名下载次数Star 数扩展包一句话描述128839683968intervention/image图片处理扩展包,支持裁剪、水印等处理,使用教程请见https://laravel-china.org/topics/1903222153723694barryvdh/laravel-debugbar页面调试工具栏 (对 phpde……

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 标签的值,会自动同步更新到页面上其他……

前端学习资源大搜集

😺这些分享资料都来自我平时的工作和学习,希望能对你有所帮助,如果你喜欢可以收藏x JavascriptArticleArticleJavascript深浅拷贝Javascript中的apply和call继承Javascript的jsonp原理Javascript监听触摸事件Javascript中的var self = this……

webpack入门你要的都在这里

写在前面的话阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过;如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失;如果你以前没怎么接触过Webpack,而你又你对webpack感兴趣,那么动手跟着本文中那个贯穿始终的例子写一……

CSS神奇效果 CSS hacking CSS 你不知道的

这里的神奇效果其实就是一些CSS中不怎么为人所知但在解决某些问题的时候很溜的属性。border-radius很多开发者估计都没有正确认识这个border-radius,因为基本上很多人都是这么用的:<code class="hljs css"><span class="hljs-class">.box</span> ……

前端资源教程大全(赶快收藏,以备后用)

前端资源教程大全(赶快收藏,以备后用) 资源教程综合类前端知识体系 前端知识结构 Web前端开发大系概览 Web前端开发大系概览-中文版 Web Front-end Stack v2.2 免费的编程中文书籍索引 前端书籍 前端免费书籍大全 前端知识体系 免费的编程中文书……

前端资源总结学习网址大全

综合类前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版[Web Front-end Stack v2.2](https://raw.githubusercontent.com/unruledboy/WebFrontEndStack/master/Web Front End Stack.png)免费的编程中文书籍索引前端书籍……

nodejs pm2安装教程使用教程

nodejs pm2安装教程使用教程一、简介pm2是一个带有负载均衡功能的应用进程管理器,类似有Supervisor,forever。二、安装Linux Binaries下载地址:https://nodejs.org/distcd oneinstack/src wget https://nodejs.org/dist/v4.2.4/nod……

10个微信小程序面试题(纯JavaScript)

10个微信小程序面试题(纯JavaScript)微信小程序就是使用js做为开发语言的,测试你的js水平吧!当初笔者做这套题的时候不仅怀疑智商, 连人生都开始怀疑了….不过, 对于基础知识的理解是深入编程的前提. 让我们一起来看看这些变态题到底变态不变态吧!第1题 1、["1", "2", "3&qu……

gojs是一个javascript库,可以构建流程图,组织图,BPMN,UML建模和其他视觉图

gojs是一个JavaScript库,用于构建HTML web页面上的交互图。构建应用程序流程图、组织图表,BPMN,UML建模和其他视觉图类型。交互性、数据绑定、布局和许多节点和链接概念是内在的美。……

360智能路由器插件开发指南

360 智能路由器插件开发指南版本 1.0_20160711目录目录 ……………………………………………………&#……

web 另类方法实现“另存为”功能

web 另类方法实现“另存为”功能代码: <div class="container-fluid"> <div class="row"> <div class="col-md-3"> <div class="form-group"> <la……

兼容所有浏览器的复制到剪贴板功能js代码

兼容所有浏览器的复制到剪贴板功能js代码两天前听了一个H5的分享,会议上有一句话,非常有感触:不是你不能,而是你对自己的要求太低。很简单的一句话,相信很多事情不是大家做不到,真的是对自己的要求太低,如果对自己要求多一点,那么你取得的进步可能会更大。成长以来,很多朋友也听说到不少激励自己上进的话,但不是每个人都能一直坚持做下来,其实,这个跟自己的性格以及周围……

nusoap类库php之内置soap替代类库

nusoap类库php之内置soap替代类库1、nusoap.php 类库文件<?php/*$Id: nusoap.php,v 1.123 2010/04/26 20:15:08 snichol Exp $NuSOAP - Web Services Toolkit for PHPCopyright (c) 2002 NuSphere……

BootstrapValidator中文文档手册

 目前支持4种大的校验方式,分别是:InputValidator(针对input、 textarea、select控件)、CompareValidator、AjaxValidator、RegexValidator、 FunctionValidator每种格式支持的控件类型如下:inputtextareaselect校验方式text……

BootstrapValidator 表单选择性数据验证方法

BootstrapValidator官方下载地址:https://codeload.github.com/nghuuphuoc/bootstrapvalidator/zip/v0.4.5BootstrapValidator 表单选择性数据验证方法示例代码:<!DOCTYPE html><html><head>……

《Web全栈工程师的自我修养》读书笔记

《Web全栈工程师的自我修养》读书笔记 《Web全栈工程师的自我修养》这本书是在豆瓣淘书的时候看到的,评分还不错,就在工作室购书的时候,随便就写了上去了。想买这本书起初就两个原因。一是:因为第一样看到这个书名的时候就让我很印象深刻,因为我记得有一本叫演员的自由修养的。二是:自己对全栈很感兴趣,第一次听到全栈这个词就感觉很新鲜,找了好多脑图。但是……

微赞微擎二开笔记开发手册之JavaScript编码规范(十三)

微赞微擎二开笔记开发手册之JavaScript编码规范(十三)微赞微擎系统中,公共引用的js文件包括 Jquery、Util 在使用以上两个Js文件时不需要require引用,使用其它Js文件需要遵循 AMD 的引用方式。我们先介绍下 AMD ( Asynchronous Module Definition )——“异步模块定义”。require.j……

Webp 新一代的图片格式,

前言不管是 PC 还是移动端,图片一直是流量大头,以苹果公司 Retina 产品为代表的高 PPI 屏对图片的质量提出了更高的要求,如何保证在图片的精细度不降低的前提下缩小图片体积,成为了一个有价值且值得探索的事情。但如今对于 JPEG、PNG 和 GIF 这些图片格式的优化几乎已经达到了极致, 若想改变现状开辟新局面,便要有釜底抽薪的胆量和气魄,而 G……

JS获取时间差插件,显示为几分钟前、几小时前等

说明:请直接下载附件/** Created by postbird on 2016/4/1. ...*//** * @postbird * 1、本插件采用js编写,可直接将函数复制到个人js文件,减少get请求数 * 2、author:powered by postbird * 3、email: pt……

css实现图片鼠标滑过镜头炫光效果

css实现图片鼠标滑过镜头炫光效果css样式文件.thumb{position:relative}.thumb img{border:1px solid #ddd;padding:4px;height:150px!important}.thumb em{position: absolute;left: -290px;top: 0px;width:……

ecstore前台模板标签-ecos前端组件

ecstore前台模板标签-ecos前端组件在视图层, 出于对性能和易用性的平衡, 没有直接采用smarty, 而是用了自行开发的tramsy模板机制, 语法上基本忠于smarty, smarty的几种类型插件同样支持. 扩展方式采用service机制进行扩展.我们目前支持的smarty的语法和插件……

phpstorm编写代码增加代码爆炸效果

Awesome Power Mode下载地址:https://github.com/codeinthedark/awesome-power-modeA curated list of power modes as popularized in https://github.com/codeinthedark/editor/pull/1 by @Joel……

Mac上Bootstrap安装方法和具体步骤

Mac上Bootstrap安装方法和具体步骤安装命令步骤index.html,添加测试页面代码<!DOCTYPE html><html lang="zh-CN"> <head> <meta charset="utf-8"> <meta http-equiv="X-UA-Co……

ionic 安装使用

ionic是什么?ionic 是一个强大的 HTML5 应用程序开发框架(HTML5 Hybrid Mobile App Framework )。 可以帮助您使用 Web 技术,比如 HTML、CSS 和 Javascript 构建接近原生体验的移动应用程序。ionic 主要关注外观和体验,以及和你的应用程序的 UI 交互,特别适合用于基于 Hybir……

最好的BOOTSTRAP可视化编辑器

为设计师不知道如何编写代码或不喜欢编写代码使用可视化编辑器可以非常有吸引力。可视化编辑器允许您将组件拖放到画布,你(立即)看到活的预览您的web页面。大多数人知道如何代码怀疑可视化编辑器,因为它们通常不会导致干净的HTML。看哪个是最好的引导可视化编辑器我将简要讨论他们的特性。我也做了一些简单的测试,看看他们在实践中执行和输出的质量是什么样子。在本帖中,你……

……