Javascript在线调试平台

分享十个JavaScript在线调试工具

测试Javascript可能是网页开发中最让人忧伤的工作.这里我找一些比较好的工具来帮助大家进行测试工作.这10款是我精选的基于浏览器的JavaScript在线调试工具,希望你们对你们有用. 1.Opera Dragonfly一个Opera browser的跨设备及其平台的debugging环境 ,检查和编辑CSS和DOM,并且可以查看相关错误 2.JS Bin – Collaborative JavaScript Debugging这个工具类似于jsfiddle,可以帮助大家来在线分享和协作调

javascript社交平台分享-新浪微博、QQ微博、QQ好友、QQ空间、人人网

整理的五个社交平台的分享 <!doctype html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Document</title> </head> <body> <h2>分享</h2> <div id="sina">新浪微博</div>

JavaScript学习（1）：基础

这篇文章里,我们来聊一些JavaScript的基础知识. 1. 如何运行JavaScript? JavaScript是一种解释型的语言,它不需要提前编译.通常情况下,JavaScript会放在网页中,在浏览器中运行.我们也可以找到一些在线的可以运行JavaScript的平台,当然我们也可以在Firefox或者Chrome里运行. 我在网上找到了一个可以在线运行的网站:runjs,文章中的代码都是在该网站上运行的. 实际上,我们可以在本地创建一个简单的网页,然后通过编辑网页的方式来测试JavaSc

2016年度 JavaScript 展望（下）

[编者按]本文作者为资深 Web 开发者 TJ VanToll, TJ 专注于移动端 Web 应用及其性能,是<jQuery UI 实践> 一书的作者. 本文系 OneAPM 工程师编译呈现,以下为正文的第二部分.点此阅读第一部分. 本地移动 apps 在2015年,出现了一种新的基于 JavaScript 的移动应用开发类别:JavaScript Native.与基于 Cordova 或 PhoneGap 的应用不同,JavaScript 本地应用使用平台的本地控制与范型建立用户界面,无需涉

在JavaScript函数式编程里使用Map和Reduce方法

所有人都谈论道workflows支持ECMAScript6里出现的令人吃惊的新特性,因此我们很容易忘掉ECMAScript5带给我们一些很棒的工具方法来支持在JavaScript里进行函数编程,这些工具方法我们现在可以使用了.在这些函数方法里主要的是基于JavaScript 数组对象的map()方法和reduce()方法. 如果你如今还没有使用map()和reduce()方法,那么现在是时候开始使用了.如今绝大部分的JavaScript开发平台都与生俱来的支持ECMAScript5.使用Map方

（1）认识javascript

认识javascript 在本篇学习资料中,讲解javascript的基本概念.编写工具.在html中的使用: JavaScript 是脚本语言,这门语言可用于 HTML 和 web,更可广泛用于服务器.PC.笔记本电脑.平板电脑和智能手机等设备. Javascript作为一种可以给网页增加交互性的脚本语言. JavaScript 的代码是一种文本字符格式,可以直接插入 HTML 页面的文档中,插入 HTML 页面后,并且可动态装载,由所有的现代浏览器执行. Javascript是基于对象的,是

最具有性价比的语言javascript之介绍篇

虽然最近几年javascript很火.但很多程序员对javascript重视程度不够,所以对javascript的高级应用不甚了解.认为javascript仅仅只是一门脚本语言,作用就是表单验证,网页特效,ajax处理,导致很多开发者对javascript没有足够多的学习时间的投入.javascript应用很多常见的有google Maps ,163email,网页版的游戏. 任何一门语言要精通都不是很容易,如果开发者们没有对JavaScript足够尊敬,是不大可能写出如此优秀的Web应用的.而

Node.app让Nodejs平台在iOS和OS X系统上奔跑

首先呢,欢迎大家去查看相同内容的链接:http://www.livyfeel.com/nodeapp/. 由于那个平台我用的markdown语法,我也懒得改动了,就这样黏贴过来了. 这是一个惊人的恐怖消息! 首先个人来介绍一下本文出现的几个知识点: ####Node.js Node.js是一个平台,以下简称Node.它用来是前端广为使用的javascript语言,能够在server的后端进行奔跑.我们知道,假设一个前端没有CSS和javascript,只依靠HTML来供用户查看页面,是多么撕

JavaScript: 2015 年回顾与展望

链接:http://www.sitepoint.com/javascript-2015-review/ JavaScript经历了一个不平凡的一年.尽管到5月份已经20年了,关于JS的新闻.项目和兴趣继续成倍增长.或许这是一个奇怪怪圈,但是我想不出另一个技术有类似发展速度.JS变得越来越难以跟上,所以我希望这篇总结文章有助于大家更加了解JS. ECMAScript 快速发展七年的漫长等待,在2015年6月ECMAScript Harmony 或ECMAScript6.0 规范正式发布. ES6

四大浏览器JavaScript性能/硬件加速测试

四大浏览器JavaScript性能/硬件加速测试出处:快科技 2010-09-19 10:52:59 人气: 27925 次作者:萧萧编辑:萧萧[爆料] 评论(42) 收藏文章新的Web标准将浏览器推向一个又一个极限,而这个极限在近些年不断被打破,更快的浏览速度.更强大的内容渲染,而这正是用户们希望从浏览器那里获取的.要说当前浏览器的热点或者说是趋势,那无疑是对硬件加速的支持以及更好的JavaScript引擎. 尽管当前大多数浏览器并没有默认开启系统GPU加速,不过各大浏览

javaScript系列 [09]-javaScript和JSON (拓展)

本文输出JSON搜索和JSON转换相关的内容,是对前两篇文章的补充. JSON搜索在特定的开发场景中,如果服务器端返回的JSON数据异常复杂(可能超过上万行),那么必然就有对JSON文档进行搜索的需求.在对JSON文档进行搜索的时候,建议使用专业的JSON搜索类库和工具来实现,这可以极大的简化JSON文档搜索的工作并降低工作难度. JSON搜索的具体适用场景:对于某次API调用,我们只需要其中的部分数据,这种情况我们就可以根据某个标准来对返回的JSON内容进行搜索和过滤. 本文将会先后介绍多款

【原】移动web页面给用户发送邮件的方法 (邮件含文本、图片、链接)

微信商户通有这么一个需求,用户打开H5页面后,引导用户到电脑下载设计资源包,由于各种内部原因,被告知无后台资源支持,自己折腾了一段时间找了下面2个办法,简单做下笔记. 使用mailto功能,让用户自己给自己发送一份包含资源包的下载链接调用QQ邮件分享功能,让用户自己给自己发送一份包含资源包的下载链接 mailto使用方法 1.基础写法当浏览者点击这个链接时,浏览器会自动调用默认的客户端电子邮件程序,并在收件人框中自动填上收件人的地址下面 <a href="mailto:peun@fox

转：入门Webpack，看这篇就够了

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

Hybrid App移动应用开发初探

一.移动App类型及其优缺点 1.1 Native App Native App(原生App)是用原生语言(Object-C/Java/C#/....)开发,用户需要下载安装的手机应用. 优点是可以完全利用系统的 API 和平台特性,在性能上也是最好的. 缺点是由于开发技术不同,如果你要覆盖多个平台,则要针对每个平台独立开发,无跨平台特性. 1.2 Web App Web App主要是采用统一的标准的HTML.JavaScript与CSS 等 Web 技术开发. 优点是用户无需下载,通过不

非对称技术栈实现AES加密解密

非对称技术栈实现AES加密解密正如前面的一篇文章所述,https协议的SSL层是实现在传输层之上,应用层之下,也就是说在应用层上看到的请求还是明码的,对于某些场景下要求这些http请求参数是非可读的,这就要求在前端和后端不同的技术栈上完成信息的加密解密.当然我们通常完成这样专业的功能都会考虑使用相应的框架或者程序库来完成功能,前端或者NodeJS平台通常是JavaScript语言,JavaScript主流的加密解密库分别是SjclJS和CryptoJS, 本文以CryptoJS为例进行讨论.另

webstorm+react+webpack-demo

序言:通过这个小例子你也许.大概.可能会掌握以下几点 1.webstorm如何使用命令行 2.如何使用webpack的loaders把json格式的文件转化为javascript文件 3.如何使用不同的loaders把es6转换为浏览器可以识别的javascript文件 4.对于react而言如何使用合适的loaders把react的JSX文件转换为javascript文件 5.webpack的服务器启动后如何自动监听改动的文件以及浏览器如何自动刷新. 准备:安装好webstorm和nodejs

入门Webpack，看这篇就够了

来源于:http://www.jianshu.com/p/42e11515c10f 写在前面的话阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过:如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失:如果你以前没怎么接触过Webpack,而你又你对webpack感兴趣,那么动手跟着本文中那个贯穿始终的例子写一次,写完以后你会发现你已明明白白的走进了Webpack的大

webpack初学

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

Node.js基础与实战

Node.js基础与实战 Node.jsJS高级进阶 NODE原理与解析 REPL交互环境模块与NPM Buffer缓存区 fs文件操作 Stream流 TCP&UDP 异步编程 HTTP&HTTPS 进程与集群网络安全关于node.js的误会昨天写了篇博客,介绍了一下我对node.js的第一次亲密接触后的感受,以为node.js很小众,出乎我意料很多人感兴趣,并且对博客中的细节问题做了评论,最多的是围绕node.js的异步与单线程展开的,当然还有很多关于node.js究竟是不是语

webpack入门(转载)

阅读本文之前,先看下面这个webpack的配置文件,如果每一项你都懂,那本文能带给你的收获也许就比较有限,你可以快速浏览或直接跳过:如果你和十天前的我一样,对很多选项存在着疑惑,那花一段时间慢慢阅读本文,你的疑惑一定一个一个都会消失:如果你以前没怎么接触过Webpack,如果你对webpack感兴趣,本文中有一个贯穿始终的例子,如果你能把这个例子自己动手写一次,写完以后你会发现你已明明白白的走进了Webpack的大门. //一个常见的Webpack配置文件 var webpack = requi

关于node.js的误会

昨天写了篇博客,介绍了一下我对node.js的第一次亲密接触后的感受,以为node.js很小众,出乎我意料很多人感兴趣,并且对博客中的细节问题做了评论,最多的是围绕node.js的异步与单线程展开的,当然还有很多关于node.js究竟是不是语言?不是的话又是什么...之类的问题,其实刚接触node.js,了解的并不是很深入,越是回复大家问题,心里越是没底,决定认真研究一下,经人指点看了一下<Node.js开发指南>发现大部分问题都有了答案,权当一个读书笔记把问题答案分享出来,希望可以帮到一些和

Javascript在线调试平台

热门专题