導航:首頁 > 編程語言 > 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在線相關的資料

熱點內容
s/1k8hQMlbn1hRHGlj0gL3ttw 瀏覽:364
韓國保險銷售之我的丈夫出去了 瀏覽:396
資料庫表間關系一對多 瀏覽:906
真不卡電影網站 瀏覽:789
土豆網在線網站 瀏覽:695
關鍵路徑演算法java 瀏覽:690
iphone5s撥號界面美化 瀏覽:882
usb的通信程序 瀏覽:109
移動歌曲為什麼找不到指定的文件 瀏覽:129
刪除文件哪裡恢復 瀏覽:946
js打開手機相冊 瀏覽:943
愛奇藝詭異電影 瀏覽:214
日本電影瑪麗的生活的女主角是誰 瀏覽:255
小電影APP直播 瀏覽:791
血在口中西班牙電影 瀏覽:18
r語言怎麼寫入數據 瀏覽:682
乳房電影 瀏覽:266
好看的韓國激情片w 瀏覽:500
瀏覽網站時為什麼不能用wifi 瀏覽:597
台灣金燕電影 瀏覽:651

友情鏈接