本文目錄一覽:
哪些JavaScript 框架的源代碼最值得閱讀和學習
推薦順序:
underscore.js:一個JavaScript實用庫,提供了一整套工具方法,github上有帶注釋的源碼,一千多行。學習一下封裝那些常用api的最佳實踐。
zepto.js:jquery的移動版?源碼也不多
backbone.js: 兩千多行的MVC框架,在閱讀angular源碼之前先閱讀一個經典而輕量的backbone吧
這三個是開始閱讀源碼比較推薦的,除此之外可以看一些UI框架,一些經典輪子之類的,比如閱讀fastclick這種,學習一波手勢與事件
有哪些值得推薦的繪製3D的js庫
這款 Hightopo 還是很值得推薦的! 使用 Hightopo 可更關注於業務邏輯功能,不必將精力投入複雜 3D 渲染和數學等非業務核心的技術細節。
它是基於 HTML5 標準技術的 Web 前端 2D 和 3D 圖形界面開發框架。
適用於實時監控系統的界面呈現,廣泛應用於電信網絡拓撲和設備管理,以及電力、燃氣等工業自動化 (HMI/SCADA) 領域。
參考資料:
官網——Web組態
百度百科——圖撲軟件
.js是什麼文件格式
.js文件是JavaScript語言文件的擴展名。
JavaScript一種直譯式腳本語言,是一種動態類型、弱類型、基於原型的語言,內置支持類型。JavaScript已經被廣泛用於Web應用開發,常用來為網頁添加各式各樣的動態功能,為用戶提供更流暢美觀的瀏覽效果。通常JavaScript腳本是通過嵌入在HTML中來實現自身的功能的。它是世界上最流行的腳本語言,在電腦、手機、平板上瀏覽的網頁,以及基於HTML5的手機App,交互邏輯都是由JavaScript驅動的。
擴展資料:
javascript腳本語言的主要特點:
1、解釋性:javascript是一種解釋語言,源代碼不需要經過編譯,直接在瀏覽器上運行時被解釋。
2、基於對象:javascript是一種基於對象的語言,能運用自己已經創建了的對象,許多功能可以來自於腳本環境中對象的方法與腳本的相互作用。
3、事件驅動:JavaScript可以直接對用戶或客戶輸入做出響應,無需經過web服務程序。他對用戶的響應,是以事件驅動的方式進行的,所謂事件驅動,指的是在主頁執行了某種操作所產生的動作,此動作稱為「事件」。
4、跨平台:JavaScript依賴於瀏覽器本身,與操作環境無關。只要能運行瀏覽器的計算機,並支持JavaScript的瀏覽器就可以正確執行。
5、安全性:JavaScript是一種安全性語言。它不允許訪問本地的磁盤,並不能將數據存入服務器上;不允許對網絡文本進行修改和刪除,只能通過瀏覽器實現信息瀏覽或動態交互。可有效的防止數據丟失。
參考資料:百度百科-JavaScript
做為一名前端開發人員,有哪些值得一讀的JS代碼
既然是值得一讀的JS代碼,那麼肯定是能提高工作效率、提升開發水平的代碼。下面給大家推薦一部分值得一讀的代碼:
1.用IE重起計算機或者關機,代碼如下:
script language=”JavaScript”
var Application=new ActiveXObject(‘Shell.Application.1’);
/script
button οnclick=Application.ShutdownWindows();關機/buttonbr
button οnclick=Application.Suspend();掛起/button
2.一種在父窗口中得知 window.open()出的子窗口關閉事件的方法(定時器實現) ,代碼如下:
/script
input type=button name=btnOpen value=open
script language=javascript for=btnOpen event=onclick
document.fm_Info.txtValue.value=””
winOpen=window.open(“child.htm”,””,”toolbar=no, location=no, directories=no, status=no, menubar=no” )
timer=window.setInterval(“IfWindowClosed()”,500);
/script
3.用javascirpt在TEXTAREA中插入元素(光標位置),代碼如下:
SCRIPT
function storeCaret (textEl) {
if (textEl.createTextRange)
textEl.caretPos = document.selection.createRange().duplicate();}
function insertAtCaret (textEl, text) {
if (textEl.createTextRange textEl.caretPos) {
var caretPos = textEl.caretPos;
caretPos.text =caretPos.text.charAt(caretPos.text.length – 1) == ‘ ‘ ?text + ‘ ‘ : text;}else
textEl.value = text;
/SCRIPT
每個前端開發者的出發點不同,選擇讀取的代碼肯定也有所不同。根據自己欠缺的方向,找准對應的優秀開源項目,才能提升代碼水平。
原創文章,作者:小藍,如若轉載,請註明出處:https://www.506064.com/zh-hk/n/186957.html