下面的JS代码删除了iframe的frameBorder，iframe就没有了明显的边框显示 <!DOCTYPE html><html><head><script>function removeBorder(){document.getElementById("myframe……继续阅读 » 水墨上仙 9年前 (2017-04-20) 2871浏览 2319个赞
Zepto 和 Mootools冲突解决Zepto 使用$选择对象，如果没有$也不会和Mootools冲突Mootools也使用$选择对象，当然还有一个方法不常用的 就是var myElement = document.id('myElement');通过元素引用:这种方法可以解决$,冲突的问题当然如果是$变量尚未定……继续阅读 » 开心洋葱 9年前 (2017-04-19) 2357浏览 0评论854个赞
js使用try…catch捕捉错误信息代码方法var txt="";function message(){try { adddlert("Welcome guest!"); }catch(err) { txt="There was……继续阅读 » 水墨上仙 9年前 (2017-03-31) 1492浏览 1101个赞
JavaScript中可以通过continue临时中止循环的某次动作，然后继续执行<p>Click the button to do a loop which will skip the step where i=3.</p><button>Try it</button><p……继续阅读 » 水墨上仙 9年前 (2017-03-31) 2024浏览 2503个赞
下面的演示代码通过while循环语句输出数字1-6<p>75271.com,Click the button to loop through a block of as long as <em>i</em> is less than 5.</p><button>Try it……继续阅读 » 水墨上仙 9年前 (2017-03-31) 1834浏览 2342个赞
Js通过记录cookie临时访客信息用户第一次访问网页时会提示用户输入一个昵称，然后写入cookie，当用户再次来到时会读取cookie信息，提取用户昵称，欢迎用户的到来function getCookie(c_name){var c_value = document.cookie;var c_start = c_valu……继续阅读 » 水墨上仙 9年前 (2017-03-31) 1687浏览 2667个赞
JavaScript中我们可以定义一个通用的错误处理程序，只要页面出现JS错误就自动调用已经定义好的错误处理程序onerror=handleErr;var txt="";function handleErr(msg,url,l){txt="There was an error on th……继续阅读 » 水墨上仙 9年前 (2017-03-31) 2102浏览 2431个赞
js搜索字符串,成功后返回找到的字符串-JavaScript字符串带有一个match方法用于搜索字符串，如果找到指定的字符串则返回搜索字符串，如果未找到则返回null，match方法区分大小写var str="Hello world!";document.write(str.match("worl……继续阅读 » 水墨上仙 9年前 (2017-03-30) 2807浏览 1221个赞
js代码输出当前时间Unix时间戳-JavaScript语言下面的代码通过Date对象的getTime()放回unix时间戳，即从1970年1月1日到当前时间的秒数<p id="demo">Click the button to display the number of milliseconds si……继续阅读 » 水墨上仙 9年前 (2017-03-30) 3056浏览 760个赞
js将当前时间转换为标准UTC时间-JavaScript代码，北京在东八区，在北京时间基础上减掉8小时<p id="demo">Click the button to display the UTC date and time as a string.</p><button>……继续阅读 » 水墨上仙 9年前 (2017-03-30) 2800浏览 822个赞
使用JavaScript语言创建数组的方法，下面的代码演示了在JS中如何创建数组并赋值，然后对数组进行循环遍历输出var i;var mycars = new Array();mycars[0] = "Saab";mycars[1] = "Volvo";mycars[2] = ……继续阅读 » 水墨上仙 9年前 (2017-03-30) 3133浏览 2800个赞
在JavaScript代码中让contact函数合并两个数组下面的代码演示了JS中如何将两个数组连接成一个数组<p id="demo">Click the button to join three arrays.</p><button>Try it</button&……继续阅读 » 水墨上仙 9年前 (2017-03-30) 1804浏览 1766个赞
JavaScript中可以使用confirm弹出一个确认对话框，用户可以点击ok或者cancel，JS可以接收到用户点击的按钮<p>Click the button to display a confirm box.</p><button>Try it</button>&l……继续阅读 » 水墨上仙 9年前 (2017-03-30) 2067浏览 1161个赞
js提示用户输入对话框prompt使用代码演示使用JavaScript代码Click the button to demonstrate the prompt box.Try itfunction myFunction(){var x;var person=prompt(“Please enter your name”,&……继续阅读 » 水墨上仙 9年前 (2017-03-30) 3004浏览 2209个赞
可以通过userAgent判断是否是微信的客户端打开的网页function is_weixn(){ var ua = navigator.userAgent.toLowerCase(); if(ua.match(/MicroMessenger/i)=="micromessenger") { ……继续阅读 » 水墨上仙 9年前 (2017-03-29) 3360浏览 2532个赞
js记录用户访问页面轨迹并绘制出来<!doctype html><html lang="en"><head> <meta charset="UTF-8"> <title>Demo</title> <……继续阅读 » 开心洋葱 9年前 (2017-03-01) 1780浏览 0评论1589个赞
<!DOCTYPE html><html><head><meta charset="utf-8"><title>更改iframe内容</title><script>function changeStyle(){ ……继续阅读 » 开心洋葱 9年前 (2017-02-14) 2421浏览 0评论2782个赞
总的来说就是两种方法解决：SASS_BINARY_SITE=https://npm.taobao.org/mirrors/node-sass/ npm install或者在 ~/.npmrc 里添加下面这行（参考），保存后再 npm install(如果是用的 cnpm，需要添加到 ~/.cnpmrc)sass_binary_site=https:/……继续阅读 » 开心洋葱 9年前 (2017-02-13) 2290浏览 0评论1657个赞
就在昨天， Facebook 发布了新的 node.js 包管理器 Yarn 用以替代 npm 。咱虽然是个半桶水的咸鱼前端，不过也得跟上 Javascript 这股潮 (hong) 流 (huang) 的脚步，所以便有了下面这篇文章。大概的浅尝了一下这个自称是又快又可信赖又安全的包管理，所以写的内容不会很详细，更多的可能只是针对这个全新的包管理与 npm ……继续阅读 » 开心洋葱 9年前 (2017-02-07) 2909浏览 0评论912个赞
Jinkey原创感谢 showonne、yubang 技术指导Demo 地址:http://demo.jinkey.io/vue2源码:https://github.com/Jinkeycode/vue2-example什么是 VueVue 是一个前端框架，特点是数据绑定比如你改变一个输入框 Input 标签的值，会自动同步更新到页面上其他……继续阅读 » 开心洋葱 9年前 (2017-02-06) 3190浏览 0评论894个赞
这里记录一下 mac 升级 node.js 的简易方法。 切记要按照步骤: 第一步，先查看本机node.js版本： $ node -v 第二步，清除node.js的cache： $ sudo npm cache clean -f 第三步，安装 n 工具，这个工具是专门用来管理node.js版本的，别怀疑……继续阅读 » 开心洋葱 9年前 (2017-01-19) 2616浏览 0评论2124个赞
😺这些分享资料都来自我平时的工作和学习，希望能对你有所帮助，如果你喜欢可以收藏x JavascriptArticleArticleJavascript深浅拷贝Javascript中的apply和call继承Javascript的jsonp原理Javascript监听触摸事件Javascript中的var ……继续阅读 » 开心洋葱 9年前 (2017-01-15) 1662浏览 0评论745个赞
写在前面的话阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对webpack感兴趣，那么动手跟着本文中那个贯穿始终的例子写一……继续阅读 » 开心洋葱 9年前 (2017-01-13) 3389浏览 0评论1310个赞
这里的神奇效果其实就是一些CSS中不怎么为人所知但在解决某些问题的时候很溜的属性。border-radius很多开发者估计都没有正确认识这个border-radius，因为基本上很多人都是这么用的：<code class="hljs css"><span class="hljs-class"&g……继续阅读 » 开心洋葱 9年前 (2017-01-12) 3375浏览 0评论1247个赞
前端资源教程大全（赶快收藏，以备后用） 资源教程综合类前端知识体系前端知识结构Web前端开发大系概览Web前端开发大系概览-中文版Web Front-end Stack v2.2免费的编程中文书籍索引前端书籍前端免费书籍大全前端知识体系免费的编程中文书籍索引智能社 – 精通JavaScript开发重新介……继续阅读 » 开心洋葱 10年前 (2016-10-21) 4283浏览 0评论1083个赞
1. 综合类– [前端知识结构](https://github.com/JacksonTian/fks)– [Web前端开发大系概览](https://github.com/unruledboy/WebFrontEndStack)– [Web前端开发大系概览-中文版](http://www.cnblogs.com/u……继续阅读 » 开心洋葱 10年前 (2016-10-17) 2655浏览 0评论835个赞
html5 实现断点续传案例技术说明：在Html5 下，我们可以直接通过file的slice 方法来实现文件的分块。如： file.slice(0,1000);file.slice(1000,2000);file.slice(2000,3000);然后再通过XMLHttpRequest异步上传到服务器。 下载代码：https://yunpa……继续阅读 » 开心洋葱 10年前 (2016-10-17) 2436浏览 0评论1320个赞
HTML5动态散花背景特效HTML5动态散花背景特效https://yunpan.cn/ckpTMPDrM6AQs （提取码：c3aa）……继续阅读 » 开心洋葱 10年前 (2016-09-30) 3087浏览 0评论958个赞
10个微信小程序面试题（纯JavaScript）微信小程序就是使用js做为开发语言的，测试你的js水平吧！当初笔者做这套题的时候不仅怀疑智商, 连人生都开始怀疑了….不过, 对于基础知识的理解是深入编程的前提. 让我们一起来看看这些变态题到底变态不变态吧!第1题 1、["1", "2", "3"].map(parseInt)知识点:Array/……继续阅读 » 开心洋葱 10年前 (2016-09-29) 2597浏览 0评论2115个赞
html5响应式布局DIV+CSS+bootstrap免费模板 第一季打包下载地址：https://yunpan.cn/ckvcc4xwz24DH提取码：1、blend2、bold3、fitness4、flew5、neos6、nitro7、ranger8、simple关键字：free html5, free templ……继续阅读 » 开心洋葱 10年前 (2016-09-22) 3290浏览 0评论2849个赞
非常好用精美的tinymce 富文本编辑器一个快速使用的代码：<!DOCTYPE html><html><head> <script src="//cdn.tinymce.com/4/tinymce.min.js"></script> <scr……继续阅读 » 开心洋葱 10年前 (2016-09-12) 2190浏览 0评论2666个赞
gojs是一个JavaScript库,用于构建HTML web页面上的交互图。构建应用程序流程图、组织图表,BPMN,UML建模和其他视觉图类型。交互性、数据绑定、布局和许多节点和链接概念是内在的美。……继续阅读 » 开心洋葱 10年前 (2016-09-06) 3063浏览 0评论2257个赞
分享几个好看的Bootstrap后台管理响应式模板1/charisma国内下载地址：https://yunpan.cn/c6qrHAktZDddU （提取码：82fc）国外下载地址：2/AdminLTE国内下载地址https://yunpan.cn/c6qxPiBrSuBUG （提取码：1a78）国外下载地址：3/Metis国内下载地址……继续阅读 » 开心洋葱 10年前 (2016-08-02) 1581浏览 4评论2092个赞
不多说直接上效果查看效果 html代码： <div class="main"> <div class="view view-tenth"> <img src="http://t-1.tuzhan.com/705648b6987e/c-2/l/2014/……继续阅读 » 开心洋葱 10年前 (2016-08-02) 1825浏览 0评论1063个赞
web 另类方法实现“另存为”功能代码： <div class="container-fluid"> <div class="row"> <div class="col-md-3"> <div clas……继续阅读 » 开心洋葱 10年前 (2016-08-02) 3272浏览 0评论2564个赞
兼容所有浏览器的复制到剪贴板功能js代码两天前听了一个H5的分享，会议上有一句话，非常有感触：不是你不能，而是你对自己的要求太低。很简单的一句话，相信很多事情不是大家做不到，真的是对自己的要求太低，如果对自己要求多一点，那么你取得的进步可能会更大。成长以来，很多朋友也听说到不少激励自己上进的话，但不是每个人都能一直坚持做下来，其实，这个跟自己的性格以及周围……继续阅读 » 开心洋葱 10年前 (2016-08-01) 2024浏览 0评论1943个赞
国外一篇文章，有点意思，转载过来，准备尝试下~中文地址：http://www.cnblogs.com/rubylouvre/p/3471490.html原文地址：http://blog.teamtreehouse.com/increase-your-sites-performance-with-hardware-accelerated-css你知道我们……继续阅读 » 开心洋葱 10年前 (2016-07-31) 2918浏览 0评论463个赞
几行简单的下拉分页代码异步加载数据的代码1/前端 2/ js或jquery代码要先加载jquery代码，添加实在代码<script>// <
