導航:首頁 > 源碼編譯 > js頁面工程編譯

js頁面工程編譯

發布時間:2024-04-03 18:03:59

① js現在可以直接編譯

javaScript是腳本語言,依靠瀏覽器等解析,不需要像Java後台語言預編譯。

② js怎麼編譯成JSC

根據你的提示:說的是某個函數未定義有可能是你輸入錯誤或忘記定義了某個要用到的函數仔細檢查一下,或給出代碼

③ webstorm怎麼編譯angluarjs

AngularJS體驗式編程系列文章,將介紹如何用angularjs構建一個強大的web前端系統。angularjs是由Google團隊開發的一款非常優秀web前端框架。在當前如此多的web框架下,angularjs能脫穎而出,從架構設計上就高人一等,雙向數據綁定,依賴注入,指令,MVC,模板。Angular.js創新地把後台技術融入前端開發,掃去jQuery一度的光芒。用angularjs就像寫後台代碼,更規范,更結構化,更可控。
webstorm
前言
俗語講:「工欲善其事,必先利其器」,為了玩轉AngularJS,順手的工具要選好。在上一篇文章中,通過yeoman我們構建了一個AngularJS的工程,通過vi編輯器和命令行操作,我們幾乎可以完成整個的項目開發。但是,隨著代碼量和文件數的增加,文件和目錄越來越難把握,代碼文件各種難懂,縮進不一致,controller和directive被多少個地方所引用,。。。
我們需要一個IDE,來幫助我們更好的看懂項目,管理代碼。WebStorm是目前我認為AngularJS開發最理想工具。
目錄
WebStorm介紹
導入Javascript工程
安裝AngularJS插件
WebStorm使用
1. WebStorm介紹
WebStorm 是jetbrains公司旗下一款JavaScript 開發工具。被廣大中國JS開發者譽為「Web前端開發神器」、「最強大的HTML5編輯器」、「最智能的JavaSscript IDE」等。與IntelliJ IDEA同源,繼承了IntelliJ IDEA強大的JS部分的功能。
WebStorm可能最大的缺點就是需要付費,對於個人開發者49刀。不過,WebStorm還推出了幾種免費的liences。
Classroom License:申請課堂演示
Open Source Project License:申請做為開源項目的貢獻者
MVP License: 申請微軟的專家
可以通過購買頁面找到信息
當然我是不會告訴大家,在google里可以找到過去版本的liences的,只是中國的程序員真是太苦逼了。
2. 導入Javascript工程
打開WebStorm後,我們可以通過操作:
"file"==>"open Directory..."==>"select Directory" ==> "ok"
來選擇我們已經構建好的工程。
webstorm1
WebStrom對Html5, javascript, css,json… 大部分的代碼都支持非常好。
webstorm2
3. 安裝AngularJS插件
不過,默認的WebStrom並不認識,AngularJS的指令,當我嘗試寫代碼ng-controller時,編輯器沒有出現對應該的提示。
<div ng
webstorm3
對於特別熟悉的AngularJS的人來說,並不是那麼重要。但是,如果有語法提示不是會更好嗎?
安裝AngularJS插件,兩種辦法:
在IDE中,自動下載自動安裝
手動下載,手動安裝
1). 在IDE中,自動下載自動安裝
我們需要以下的操作:
1. File->Settings->Plugins
2. 點擊 「Browse Repositories」
3. 選中 「AngularJS」 雙擊
4. 選擇 「Yes」
5. 重啟WebStorm
webstorm4
我在使用這個方法的時候失敗了
2). 手動下載,手動安裝
我們在jetbrains的插入庫中,找到AngularJS
下載angularjs-plugin.zip,然後解壓到D:\toolkit\WebStorm 6.0.1\plugins\目錄
~ D:\toolkit\WebStorm 6.0.1\plugins\angularjs-plugin
重啟WebStorm
再次輸入代碼:
<div ng-c
webstorm5
語法的提示,太帥氣了!!
我查了一下插件的開發者的代碼,支持全部的angularJS指令語法:
ng-app,ng-bind,ng-bind-html-unsafe,ng-bind-template,ng-class,ng-class-even,ng-class-odd,
ng-cloak,ng-controller,ng-form,ng-hide,ng-include,ng-init,ng-non-bindable,ng-pluralize,
ng-repeat,ng-show,ng-submit,ng-style,ng-switch,ng-switch-when,ng-switch-default,ng-options,
ng-view,ng-transclude,ng-model,ng-list,ng-change,ng-value,ng-required,required
4. WebStorm使用
1). 對於HTML的頁面:WebStorm會在右上角出現瀏覽器的圖標方便我們打開測試
webstorm6
2). 對Javascript腳本:WebStorm會方便的配置NodeJS啟動, UnitTest啟動 等等
webstorm7
IDE的功能很強大,熟悉後會極大地提升我們的開發效率的,特別是對於大規模的多人項目。

④ Javascript 代碼(*.js文件)如何編譯

客戶端的JS是基於對象的解釋語言,基本上和HTML同一性質,都是通過BROWSER解釋的。哦,HTML不是沒有基於對象。
好像還有服務端的JS。

⑤ eclipse ee中javascript編譯顯示錯誤

eclipse ee中javascript編譯顯示錯誤一般可以忽略。
在Eclipse中,js文件常常會報錯。可以通過如下幾個步驟解決:

第一步:
去除eclipse的JS驗證:

將windows->preference->Java Script->Validator->Errors/Warnings->
Enable Javascript Sematic validation前面的勾去掉;

第二步:
右鍵項目 -> properties -> Builders 去掉JavaScript Validator 前面的勾
如果Builders中沒有JavaScript Validator這一項。那麼去.project文件中修改如下內容:
找到項目目錄,刪除項目目錄里的 .project 文件中的以下部分:
<buildCommand>
<name>org.eclipse.wst.jsdt.core.javascriptValidator</name>
<arguments></arguments>
</buildCommand>

第三步:
刪除項目目錄里的 .project 文件中的以下部分

<nature>org.eclipse.wst.jsdt.core.jsNature</nature>
注意,修改.project文件可能會要求重啟eclipse,或者在eclipse中關閉該工程,然後重新打開工程。

做完這步後如果是Maven的Project,則右擊項目,選中Maven,然後點擊更新Project.如果不是Maven的Project,則可以關掉改Project,重新打開,這樣也可以將Project的變化重新應用到eclipse中。

第四步:
復制該js文件到某個地方,然後從eclipse中直接刪除 了報錯的js文件,錯誤消失,再把剛才那個js文件拷進來。

如果以上做了之後還不對的吧,就在Eclipse中打開Problems view,選中相關的錯誤,根據提示,進行解決。

⑥ Web前端新手應該知道的JavaScript開發技巧有哪些

今天小編要跟大家分享的文章是關於Web前端新手應該知道的JavaScript開發技巧有哪些?熟悉Web前端的小夥伴都知道,Javascript
的很多擴展的特性是的它變得更加的犀利,同時也給予程序員機會創建更漂亮並且更讓用戶喜歡的網站。

盡管很多的開發人員都樂於頌揚javascript,但是仍舊有人看到它的陰暗面。


使用很多javascript代碼的Web頁面會載入很慢,過多的使用javascript使得網頁醜陋和拖沓。很快如何有效地使用
javascript成為一個非常火熱的話題。


今天小編就為Web前端新手准備了這篇JavaScript開發技巧,希望能夠對你有所幫助,下面我們一起來看一看吧!


1、盡可能的保持代碼簡潔


可能大家都聽到過了N遍這個代碼簡潔問題了。作為一個開發人員你可能在你的代碼開發過程中使用了很多次,但千萬不要在js開發中忘記這點。


§盡量在開發模式中添加註釋和空格,這樣保持代碼的可讀性


§在發布到產品環境前請將空格和注釋都刪除,並且盡量縮寫變數和方法名


§使用第三方工具幫助你實現壓縮javascript。


2、思考後再修改prototypes


添加新的屬性到對象prototype中是導致腳本出錯的常見原因。


yourObject.prototype.anotherFunction='Hello'


yourObject.prototype.anotherMethod=function(){...}


在上面代碼中,所有的變數都會被影響,因為他們都繼承於yourObject。這樣的使用會導致意想不到的行為。所以建議在使用完後刪除類似的修改。


yourObject.prototype.anotherFunction='Hello'


yourObject.prototype.anotherMethod=function(){};


test.anotherMethod();


deleteyourObject.prototype.anotherFunction='Hello'


deleteyourObject.prototype.anotherMethod=function(){};


3、DebugJavascript代碼


即使最好的開發人員都會犯錯。為了最大化的減少類似錯誤,請在你的debugger中運行你的代碼,確認你沒有遇到任何細微的錯誤。


4、避免Eval


你的JS在沒有eval方法的時候也可以很好的工作。eval允許訪問javascript編譯器。如果一個字元串作為參數傳遞到
eval,那麼它的結果可以被執行。


這會很大的降低代碼的性能。盡量避免在產品環境中使用eval。


5、最小化DOM訪問


DOM是最復雜的API,會使得代碼執行過程變慢。有時候Web頁面可能沒有載入或者載入不完整。最好避免DOM。


6、在使用javascript類庫之前先學習javascript


互聯網充斥著很多的javascript類庫,很多程序員都往往使用js類庫而不理解負面影響。強烈建議你在使用第三方類庫之前學習基本的JS
代碼,否則,你就准備著倒霉吧。


7、不要用「SetTimeOut」和「Setinterval」方法來作為「Eval」的備選


setTimeOut("document.getID('value')",3000);


在以上代碼中document.getID(『value』)在setTimeOut方法中被作為字元串來處理。這類似於eval
方法,在每個代碼執行中來執行一個字元串,因此會降低性能,因此,建議在這些方法中傳遞一個方法。


setTimeOut(yourFunction,3000);


8、[]比newArray();更好


一個常犯的錯誤在於使用當需要數組的時候使用一個對象或者該使用對象的時候使用一個數組。但是使用原則很簡單:


「當屬性名稱是小的連續整數,你應該使用數組。否則,使用一個對象」_DouglasCrockford,JavaScript:Good
Parts的作者.


建議:


vara=[ƇA',ƈB'];


避免:


vara=newArray();


a[0]="1A";


a[1]="2B";


9、盡量不要多次使用var


在初始每一個變數的時候,程序員都習慣使用var關鍵字。相反,建議你使用逗號來避免多餘的關鍵字,並且減少代碼體積。如下:


varvariableOne='string1',


variableTwo='string2',


variableThree='string3'


10、不要忽略分號「;」


這往往是大家花費數個小時進行debug的原因之一。


我很確信你肯定也在其它的文章中閱讀過以上相關的內容,但是大家可能往往都忽略了很多基本的規則。你是不是也曾經忽略過分號。是不是也遇到過eval
關鍵字問題導致性能問題?


以上就是小編今天為大家分享的關於Web前端新手應該知道的JavaScript
開發技巧有哪些?的文章,希望本篇文章能夠對剛剛接觸Web前端行業的新手們有所幫助。想要了解更多Web前端知識記得關注北大青鳥Web前端培訓官網!


*聲明:內容與圖片均來源於網路(部分內容有修改),版權歸原作者所有,如來源信息有誤或侵犯權益,請聯系我們刪除或授權事宜。

⑦ 如何把.js文件編譯成dll供頁面調用

其實js本來就是前台腳本,把js文件編譯成dll供頁面調用也可以實行

方法:

1.在解決方案中添加一個新項目(類庫:JSControl)

2.在新項目中添加要用的JS腳本(JScript1.js)

腳本的內容:

function testAlert() {

alert("Hello!");

}

3. 改變JScript1.js的屬性,Build Action為Embedded Resource(嵌入的資源)

4.在JSControl項目的AssemblyInfo.cs文件添加一行:(注意

JSControl.JScript1.js,JSControl是js所在項目的命名空間)

//定義組件內的內嵌資源的元數據屬性

[assembly: System.Web.UI.WebResource("JSControl.JScript1.js", "application/x-javascript")]

注意:這邊要增加個引用:System.Web.dll

5. 項目中增加一個注冊客戶端腳本的類:

⑧ cocos2d js 能不能編譯出ios項目

可以的

首先在終端中進入到項目的目錄下,先看下編譯命令有哪些功能,運行cocos compile -h:

bogon:HelloC1dn9x$cocoscompile-h
usage:cocoscompile[-h][-sSRC_DIR][-q][-pPLATFORM][-mMODE][-jJOBS]
[--apandroid_PLATFORM][--ndk-modeNDK_MODE]
[--source-map][--sign-identitySIGN_ID][--no-res]
[--compile-script{0,1}][--lua-encrypt]
[--lua-encrypt-keyLUA_ENCRYPT_KEY]
[--lua-encrypt-signLUA_ENCRYPT_SIGN]optionalarguments:
-h,--
-sSRC_DIR,--srcSRC_DIR
projectbasedirectory
-q,--quietlessoutput
-pPLATFORM,--platformPLATFORM
selectaplatform(android,ios,mac,web,win32,
linux)
-mMODE,--modeMODESetthecompilemode,shouldbedebug|release,default
isdebug.
-jJOBS,--jobsJOBSAllowNjobsatonce.

AndroidOptions:
--apANDROID_PLATFORM
parameterforandroid-update.Withouttheparameter,the
.Valid
android-platformare:[10|11|12|13|14|15|16|17|18|19]
--ndk-modeNDK_MODESetthecompilemodeofndk-build,shouldbe
debug|release|none,nativecodewillnotbecompiled
whenthevalueisnone.Defaultissamevaluewith-m

WebOptions:
--source-mapEnablesource-map

iOSOptions:
--sign-identitySIGN_ID
ThecodesignidentityforiOS.It'srequiredwhenthe
valueof"-m,-mode"isrelease.

lua/jsprojectarguments:
--no-.
--compile-script{0,1}
Diable/Enablethecompilingoflua/jsscriptfiles.

luaprojectarguments:
--lua-.
--lua-encrypt-keyLUA_ENCRYPT_KEY

scripts.
--lua-encrypt-signLUA_ENCRYPT_SIGN

scripts.
bogon:HelloC1dn9x$
閱讀全文

與js頁面工程編譯相關的資料

熱點內容
抖音直播雲伺服器 瀏覽:627
一加7pro文件夾data 瀏覽:424
程序員淋雨 瀏覽:947
python輸出數字序列中的空格 瀏覽:78
怎麼將pdf文件大小 瀏覽:734
氧原子相對分子量演算法 瀏覽:988
加密機為什麼是安全的 瀏覽:451
單片機拼音輸入法 瀏覽:789
蘋果筆記本t2加密晶元怎麼打開 瀏覽:796
安卓如何把手機投屏至電視 瀏覽:739
方舟編譯器現在可提速哪些軟體 瀏覽:60
微信加密為什麼是黑屏 瀏覽:473
android去電狀態 瀏覽:604
蘋果13如何加密視頻 瀏覽:815
linuxweblogic緩存 瀏覽:69
雲伺服器不同地域 瀏覽:946
python鬧鍾怎麼打 瀏覽:686
虛擬主機伺服器有什麼區別 瀏覽:833
演算法與程序的奧秘章節檢測 瀏覽:379
找pdf 瀏覽:531