Javascript: Difference between revisions
Jump to navigation
Jump to search
m
Text replacement - "Category:WebDesign" to "Category:Design"
m (Text replacement - "Category:WebDesign" to "Category:Design") Tags: Mobile edit Mobile web edit |
|||
| (8 intermediate revisions by one other user not shown) | |||
| Line 106: | Line 106: | ||
*# 會將編碼後的中文還原成可讀 Unicode/Chinese issue: the garbled Chinese characters will become human readable! | *# 會將編碼後的中文還原成可讀 Unicode/Chinese issue: the garbled Chinese characters will become human readable! | ||
* [https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop Postman] for {{Chrome}} | * [https://chrome.google.com/webstore/detail/postman/fhbjgbiflinjbdggehcddcbncdddomop Postman] for {{Chrome}}. [[HTTP request and response data tool]] {{access | date = 2017-06-09}} | ||
*# 輸入: 網址 | *# 輸入: 網址 | ||
*# 沒有顯示成 Tree 結構，但有美化語法方便閱讀 | *# 沒有顯示成 Tree 結構，但有美化語法方便閱讀 | ||
| Line 125: | Line 125: | ||
*# 有標示某節點下的資料筆數 | *# 有標示某節點下的資料筆數 | ||
*# 會將編碼後的中文還原成可讀 | *# 會將編碼後的中文還原成可讀 | ||
* ''$'' [http://www.cocoajsoneditor.com/ Cocoa JSON Editor - Powerful JSON String Editor for Developers, API, Endpoints, Rest client] v. 1.2.5 on {{Mac}} | * ''$'' [http://www.cocoajsoneditor.com/ Cocoa JSON Editor - Powerful JSON String Editor for Developers, API, Endpoints, Rest client] v. 1.2.5 on {{Mac}} | ||
| Line 137: | Line 138: | ||
*# <span style="color: #999;">沒有標示某節點下的資料筆數</span> | *# <span style="color: #999;">沒有標示某節點下的資料筆數</span> | ||
*# 會將編碼後的中文還原成可讀 | *# 會將編碼後的中文還原成可讀 | ||
Other tools | |||
* [https://www.planetoid.info/tools/convert_javascript_array_to_php_array/ Convert JavaScript Array to PHP Array] | |||
Editor plugins | Editor plugins | ||
| Line 142: | Line 146: | ||
* [http://www.camdemy.com/media/7427 Sublime Text 套件介紹（四）：Pretty JSON]{{access | date=2014-03-11}} | * [http://www.camdemy.com/media/7427 Sublime Text 套件介紹（四）：Pretty JSON]{{access | date=2014-03-11}} | ||
== | == Performance issue: compression tools, using CDN == | ||
Compression tools to reduce the file size of javascript | |||
* [http://jscompress.com/ Minify Javascript Online / Online JavaScript Packer] | * [http://jscompress.com/ Minify Javascript Online / Online JavaScript Packer]<ref>[https://www.minwt.com/webdesign-dev/html/18639.html JSCompress線上JS壓縮器，一鍵將多隻JS合併並壓縮|梅問題．教學網]</ref> | ||
* [https://packagecontrol.io/packages/YUI%20Compressor Sublime Text 2 YUI-Compressor plugin] | * [https://packagecontrol.io/packages/YUI%20Compressor Sublime Text 2 YUI-Compressor plugin] | ||
* ''$'' [https://www.jetbrains.com/phpstorm/ PhpStorm IDE] [https://www.jetbrains.com/help/phpstorm/2017.1/minifying-javascript.html Minifying JavaScript] | |||
Using CDN ([https://en.wikipedia.org/wiki/Content_delivery_network Content Delivery Network]) | |||
Using CDN(Content Delivery Network) | |||
* [https://developers.google.com/speed/libraries/devguide?hl=zh-tw Google Hosted Libraries - Developer's Guide - Make the Web Faster — Google Developers]<ref>[http://blog.longwin.com.tw/2008/11/google-cdn-host-ajax-library-jquery-2008/ 使用 Google CDN Host 的 Javascript Library - jQuery - Tsung's Blog], [http://stackoverflow.com/questions/5206666/jquery-ui-how-to-use-google-cdn javascript - jquery ui - how to use google CDN - Stack Overflow]</ref> | * [https://developers.google.com/speed/libraries/devguide?hl=zh-tw Google Hosted Libraries - Developer's Guide - Make the Web Faster — Google Developers]<ref>[http://blog.longwin.com.tw/2008/11/google-cdn-host-ajax-library-jquery-2008/ 使用 Google CDN Host 的 Javascript Library - jQuery - Tsung's Blog], [http://stackoverflow.com/questions/5206666/jquery-ui-how-to-use-google-cdn javascript - jquery ui - how to use google CDN - Stack Overflow]</ref> | ||
* [http://www.asp.net/ajaxlibrary/cdn.ashx Microsoft Ajax Content Delivery Network - ASP.NET Ajax Library] | * [http://www.asp.net/ajaxlibrary/cdn.ashx Microsoft Ajax Content Delivery Network - ASP.NET Ajax Library] | ||
* [http://cdnjs.com/ cdnjs.com - the missing cdn for javascript and css] & 中文版: [http://zh-tw.cdnjs.com/ cdnjs.com - 遺失的CDN的JavaScript和CSS] {{access | date = 2014-09-10}} | * [http://cdnjs.com/ cdnjs.com - the missing cdn for javascript and css] & 中文版: [http://zh-tw.cdnjs.com/ cdnjs.com - 遺失的CDN的JavaScript和CSS] {{access | date = 2014-09-10}} | ||
* [https://unpkg.com/#/ UNPKG] {{access | date = 2018-10-18}} | |||
<pre> | <pre> | ||
| Line 186: | Line 189: | ||
[[Category:Web_Dev]] | [[Category:Web_Dev]] | ||
[[Category:Javascript]] | [[Category:Javascript]] | ||
[[Category: | [[Category:Design]] | ||
further reading | further reading | ||
# [http://technet.microsoft.com/library/ee198686.aspx Microsoft - Scripting Guidelines] | # [http://technet.microsoft.com/library/ee198686.aspx Microsoft - Scripting Guidelines] | ||