导航:首页 > 编程语言 > javascript在线

javascript在线

发布时间:2023-02-08 12:01:14

js在线解密 javascript解密

<html>

<head>

<title>transform between native and ascii</title>

</head>

<script type="text/javascript"><!--

var keyStr = "ABCDEFGHIJKLMNOP" +

"QRSTUVWXYZabcdef" +

"ghijklmnopqrstuv" +

"wxyz0123456789+/" +

"=";

function native2ascii(strNative) {

var output = "";

for (var i=0; i<strNative.length; i++) {

var c = strNative.charAt(i);

var cc = strNative.charCodeAt(i);

if (cc > 0xff)

output += "\\u" + toHex(cc >> 8) + toHex(cc & 0xff);

else

output += c;

}

return output;

}

var hexChars = "0123456789ABCDEF";

function toHex(n) {

var nH = (n >> 4) & 0x0f;

var nL = n & 0x0f;

return hexChars.charAt(nH) + hexChars.charAt(nL);

}

function ascii2native(strAscii) {

var output = "";

var posFrom = 0;

var posTo = strAscii.indexOf("\\u", posFrom);

while (posTo >= 0) {

output += strAscii.substring(posFrom, posTo);

output += toChar(strAscii.substr(posTo, 6));

posFrom = posTo + 6;

posTo = strAscii.indexOf("\\u", posFrom);

}

output += strAscii.substr(posFrom);

return output;

}

function toChar(str) {

if (str.substr(0, 2) != "\\u") return str;

var code = 0;

for (var i=2; i<str.length; i++) {

var cc = str.charCodeAt(i);

if (cc >= 0x30 && cc <= 0x39)

cc = cc - 0x30;

else if (cc >= 0x41 && cc <= 0x5A)

cc = cc - 0x41 + 10;

else if (cc >= 0x61 && cc <= 0x7A)

cc = cc - 0x61 + 10;

code <<= 4;

code += cc;

}

if (code < 0xff) return str;

return String.fromCharCode(code);

}

//--></script>

<body style="font-family: 宋体">

<form name="theForm">

Type in the message here, and click a command button:

<br />

<textarea name="theText" cols="80" rows="20" wrap="off"></textarea>

<br />

<input type="button" value="native to ascii"

onClick="document.theForm.theText.value=native2ascii(document.theForm.theText.value);">

<input type="button" value="ascii to native"

onClick="document.theForm.theText.value=ascii2native(document.theForm.theText.value);">

</form>

</body>

</html>

把上面的页面存为html文件,就可以用了。遇见以后类似的也不用求人了。

Ⅱ 怎么用JavaScript在线压缩图片

主要用了两个html5的 API,一个file,一个canvas,压缩主要使用cnavas做的,file是读取文件,之后把压缩好的照片放入内存,最后内存转入表单下img.src,随着表单提交。
照片是自己用单反拍的,5M多,压缩下面3张分别是600多kb,400多kb,300kb的最后那张失真度很大了,压缩效率蛮高的。

<!DOCTYPE html>
<html><head> <meta charset="utf-8"/> <title>File API Test</title> <script type="text/javascript" src="js/jquery-1.11.0.min.js"></script> <script type="text/javascript" src="js/JIC.js"></script> <style> #test{ display: none; } </style></head><body><input type="file" id="fileImg" ><form> <img src="" id="test" alt=""></form><script> function handleFileSelect (evt) { // var filebtn = document.getElementById(id); // console.log(filebtn); // var files = filebtn.target.files; // console.log(filebtn.target); // console.log(files); var files = evt.target.files; for (var i = 0, f; f = files[i]; i++) { // Only process image files. if (!f.type.match('image.*')) { continue; } var reader = new FileReader(); // Closure to capture the file information. reader.onload = (function(theFile) { return function(e) { // Render thumbnail. // console.log(evt.target.files[0]); // console.log(e.target); console.log(e.target.result); var i = document.getElementById("test"); i.src = event.target.result; console.log($(i).width()); console.log($(i).height()); $(i).css('width',$(i).width()/10+'px'); //$(i).css('height',$(i).height()/10+'px'); console.log($(i).width()); console.log($(i).height()); var quality = 50; i.src = jic.compress(i,quality).src; console.log(i.src); i.style.display = "block"; }; })(f); // Read in the image file as a data URL. reader.readAsDataURL(f); } } document.getElementById('fileImg').addEventListener('change', handleFileSelect, false);</script></body></html>

var jic = { /** * Receives an Image Object (can be JPG OR PNG) and returns a new Image Object compressed * @param {Image} source_img_obj The source Image Object * @param {Integer} quality The output quality of Image Object * @return {Image} result_image_obj The compressed Image Object */ compress: function(source_img_obj, quality, output_format){ var mime_type = "image/jpeg"; if(output_format!=undefined && output_format=="png"){ mime_type = "image/png"; } var cvs = document.createElement('canvas'); //naturalWidth真实图片的宽度 cvs.width = source_img_obj.naturalWidth; cvs.height = source_img_obj.naturalHeight; var ctx = cvs.getContext("2d").drawImage(source_img_obj, 0, 0); var newImageData = cvs.toDataURL(mime_type, quality/100); var result_image_obj = new Image(); result_image_obj.src = newImageData; return result_image_obj; }, function ****(***)

Ⅲ 《深入理解JavaScript》epub下载在线阅读,求百度网盘云资源

《深入理解JavaScript》AxelRauschmayer电子书网盘下载免费在线阅读

链接: https://pan..com/s/19DH58kzV7ZyfCrXjGFjsNA

密码:2mhi

书名:深入理解JavaScript
作者名:AxelRauschmayer
豆瓣评分:8.2
出版社:人民邮电出版社
出版年份:2015-12
页数:413
内容介绍:
avaScript是目前Web开发领域非常流行的一种编程语言,得到众多IT从业人员和编程爱好者的关注。本书是一本全面、深入介绍JavaScript语言的学习指南。本书共分四个部分,第1部分帮助读者快速入手,掌握基本的JavaScript编程要点;第2部分介绍JavaScript的发展和技术背景;第3部分深入探索JavaScript,介绍了语法、值、运算符、布尔类型、数字、字符串、语句、异常捕获、函数、变量、对象与继承、数组、正则表达式、Date、Math、JSON、标准全局变量、编码和JavaScript、ECMAScript 5的新特性等内容;第4部分介绍技巧、工具和类库,帮助读者更好地运用JavaScript进行编程。本书内容由浅入深,非常适合想要快速学习JavaScript编程或者深入钻研JavaScript的读者参考。
作者介绍:
Dr.Axel Rauschmayer 专攻JavaScript和Web开发领域。他在2ality.com写博客,教Ecmanauten,编辑JavaScript Weekly周刊,组织MunichJS用户组。Axel从1985年开始编程,1995年开始开发web应用。

Ⅳ 《JavaScript设计模式》pdf下载在线阅读全文,求百度网盘云资源

《JavaScript设计模式》网络网盘pdf最新全集下载:
链接:https://pan..com/s/1CvJEIJFvkW8LqQo1YRIaMA

?pwd=i1tg 提取码:i1tg
简介:《JavaScript设计模式》共分六篇四十章,首先讨论了几种函数的编写方式,体会JavaScript在编程中的灵活性;然后讲解了面向对象编程的知识,其中讨论了类的创建、数据的封装以及类之间的继承;最后探讨了各种模式的技术,如简单工厂模式,包括工厂方法模式、抽象工厂模式、建造者模式、原型模式、单例模式,以及外观模式,包括适配器模式。本书还讲解了几种适配器、代理模式、装饰者模式和MVC模式,讨论了如何实现对数据、视图、控制器的分离。在讲解MVP模式时,讨论了如何解决数据与视图之间的耦合,并实现了一个模板生成器;讲解MVVM模式时,讨论了双向绑定对MVC的模式演化。

Ⅳ 《超实用的JavaScript代码段》pdf下载在线阅读全文,求百度网盘云资源

《超实用的JavaScript代码段》网络网盘pdf最新全集下载:
链接: https://pan..com/s/1kxih9IqVUBom6AUQ0Hqv0w

?pwd=8eir 提取码: 8eir
简介:全书分为9章,包括JavaScript的一些必备知识,常用的表单处理、图片处理、内容展示、页面处理、日期处理、页面特效、移动开发等代码及其他常用代码,涉及闭包、Ajax、Data URI、DOM、BOM、数据字典、HTML 5、XML、JSON等现代JavaScript开发常用的技术。对那些想迅速全面了解JavaScript代码处理技巧的前端开发人员有重要的指导意义。

Ⅵ 《JavaScript从入门到精通第二版》pdf下载在线阅读全文,求百度网盘云资源

《JavaScript从入门到精通第二版》网络网盘pdf最新全集下载:
链接:https://pan..com/s/1nqCzJUqaMhIVrgroOOo2RA

?pwd=zk58 提取码:zk58
简介:《JavaScript从入门到精通(第3版)/软件开发视频大讲堂》共分25章,包括初识JavaScript、JavaScript基础、流程控制、函数、JavaScript对象与数组、字符串与数值处理对象、正则表达式、程序调试与错误处理、事件处理、文档(document)对象、文档对象模型(DOM对象)、window窗口对象、级联样式表、表单和表单元素、页面打印、使用Cookie、图像处理、浏览器检测、嵌入式对象、JavaScript中的XML、JavaScript的安全、Ajax技术、iQuery技术、常用前端框架简介、JavaScript+Ajax+iQuery网页开发等。书中的大多数知识点都结合具体实例进行介绍,涉及的程序代码给出了详细的注释,读者可轻松领会JavaScript程序开发的精髓,快速提高开发技能。

Ⅶ 《JavaScript设计模式》pdf下载在线阅读,求百度网盘云资源

《JavaScript设计模式》(Addy Osmani)电子书网盘下载免费在线阅读

链接:

提取码:1234

书名:JavaScript设计模式

作者:Addy Osmani

译者:徐涛

豆瓣评分:6.9

出版社:人民邮电出版社

出版年份:2013-6-1

页数:241

内容简介:

《JavaScript设计模式》是JavaScript设计模式的学习指南。全书分为14章。首先介绍了什么是模式、模式的结构、类别、模式的分类、如何编写模式等等;然后,集中介绍了很多流行的设计模式在JavaScript中的应用,包括Mole(模块)模式、Observer(观察者)模式、Facade(外观)模式和Mediator(中介者)模式;最后,还探讨了模块化的JavaScript模式、jQuery及其插件中的设计模式。

作者简介:

addy osmani,谷歌chrome团队的开发项目工程师,对javascript应用程序架构有着强烈的爱好。他创建了比较流行的项目,如todomvc,并对modernizr和jquery等其他开源项目也做出很大贡献。作为一位高产的博主(http://addyosmani.com/blog),addy的文章经常出现在《javascript电子周刊》、《smashing杂志》及很多其他出版物上。

Ⅷ 《JavaScript权威指南第六版》pdf下载在线阅读全文,求百度网盘云资源

《JavaScript权威指南第六版》网络网盘pdf最新全集下载:
链接:https://pan..com/s/1nsDRZfk-mN9DSPyxH16gtw

?pwd=5z0p 提取码:5z0p
简介:JavaScript权威指南主要讲述的内容涵盖JavaScript语言本身,以及Web浏览器所实现的JavaScript API。本书第6版涵盖了HTML5和ECMAScript 5,很多章节完全重写,新增的章节包括jQuery、服务器端JavaScript、图形编程以及 JavaScript式的面向对象。本书不仅适合初学者系统学习,也适合有经验的 JavaScript 开发者随手翻阅。

Ⅸ 《JavaScript基础教程(第9版)》pdf下载在线阅读,求百度网盘云资源

《JavaScript基础教程(第9版)》([美] Dori Smith)电子书网盘下载免费在线阅读

资源链接:

链接:

提取码:8ghp

书名:JavaScript基础教程(第9版)

作者:[美] Dori Smith

译者:陈剑瓯

出版社:人民邮电出版社

出版年份:2015-3

页数:404

内容简介:本书是经典的JavaScript入门书,以易学便查、图文并茂、循序渐进和善于用常见任务讲解语言知识而著称。书中从JavaScript语言基础开始,分别讨论了图像、框架、浏览器窗口、表单、正则表达式等内容,循序渐进地给出了JavaScript以及相关的CSS、DOM、Ajax和jQuery等技术。第9版全新改写,新增更多示例和技术介绍,使用流行的jQuery框架向网站轻松添加有用的功能。

本书适合有志于从事Web开发和设计的初学者.也是高等院校相关课程的理想入门教材。

作者简介:Dori Smith

世界知名的Web程序员和设计师,从事软件开发已有20多年。她是Web标准项目(WaSP)指导委员会委员,并发起成立了世界性的女性技术社区Wise-Women Web。

Tom Negrino

蜚声全球的技术作家,长期主持Macworld和许多其他技术杂志的专栏。自1995年开始,与Dori Smith合作著书,向初学者介绍Web,目前已著有数十本书。

Ⅹ 程序猿专用十大在线编译器(IDE)整理

1. CodeSandbox(基于 React 的在线代码沙盒平台) 我常用的

① 主流的脚手架都支持,比如在线create-react-app,vue-cli等(在线 fork 修改),支持 github 登录(项目导入),也支持 cli 上传例子,例子可以在线访问和下载,当然也支持内嵌到其他博客等网页中。

② 地址:https://codesandbox.io/

③ 图示

2. CodePen(前端代码编辑运行的网站)

① CodePen 是一个完全免费的前端代码托管服务,主要功能有:

② 地址:https://codepen.io/

③ 图示

3. JSRUN(支持手机端的在线JS编辑器)

① jsrun是一款支持手机端的在线JS编辑器, HTML/CSS/Javascript在线代码运行工具,js代码在线测试调试,是runjs的升级版支持vue.js/angular.js的在线编辑器

② 地址:http://jsrun.net/

③ 图示

4. jsFiddle(前端代码编辑运行的网站)

① jsFiddle 是一个Web开发人员的练习场,可在线编辑和测试 HTML、CSS、JavaScript代码片段。在 jsFiddle 编辑的代码,可以保存,也可分享给其他人,还可嵌入到其他网页

② 地址:https://jsfiddle.net/

③ 图示

5. Ideone(C和C++的在线编译和调试工具,支持其他的60种语言) 我常用

① Ideone是C和C++的在线编译和调试工具,支持其他的60种语言。这个工具提供许多强大的功能,允许程序员快速高效的编译源代码

② 地址:https://www.ideone.com/

③ 图示

6. Codechef(C,C ++和Java的在线编译工具)

① 它支持C,C ++和Java,非常接近真正的桌面IDE。这是超快速和易于使用。适合于课堂和作业的学生,练习面试问题。

② 地址:https://www.codechef.com/ide

③ 图示

7. JDoodle (C,C ++和Java的在线IDE)

① 支持协作代码。它只是从一个简单的文本区域开始,您可以粘贴代码,然后单击运行。您可以更改命令行参数并在运行该程序之前设置stdin。最适合新的在线编辑器不支持的许多旧语言。

② 地址:https://www.codechef.com/ide

③ 图示

8. OnlineGDB (在线C,C ++,Java,PHP编译器) 我常用

① 它支持C,C ++,PHP和Java编译器。OnlineGDB的独特功能是,您可以逐步调试您的代码。一旦代码被写入,它可以很容易地格式化,使其看起来不错。

② 地址:https://www.onlinegdb.com/

③ 图示

9. GCC资源管理器

① GCC编译器资源管理器是一个交互式在线编译器,它显示编译后的C++、RISE、GO(以及更多)代码的汇编输出。

② 地址:https://gcc.godbolt.org/

③ 图示

10. plnkr edit在线编辑器

① js的在线编辑器。

② 地址:http://plnkr.co/edit/

③ 图示

阅读全文

与javascript在线相关的资料

热点内容
ubuntu翻译工具 浏览:665
wifi安装教程 浏览:398
苹果有些qq文件打不开 浏览:139
微信分身图片缓存在哪个文件 浏览:544
众筹用什么网站 浏览:1
天马座的幻想版本 浏览:536
微云保存文件图片没有了 浏览:236
如何把excel表格图片导出到文件夹 浏览:387
qq三国快速升级攻略 浏览:660
js监听手机home事件 浏览:439
第2章linux的桌面管理副本 浏览:452
qq邮箱手机上登录微信账号密码错误 浏览:627
编程如何让人物重复发射子弹 浏览:853
db2查看表空间文件 浏览:607
ps文件界面设置 浏览:779
c语言12位的数据应该怎么存储 浏览:953
将ape导入iphone 浏览:107
js组合快捷键 浏览:174
linux系统盘默认挂在的文件夹 浏览:667
淘宝数据包如何操作上架 浏览:567

友情链接