导航:首页 > 源码编译 > 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页面工程编译相关的资料

热点内容
安卓怎么关权限保护隐私 浏览:390
海牛微视app怎么用 浏览:70
单片机怎样选变压器 浏览:829
癌症pdf 浏览:725
云服务器镜像批量部署环境 浏览:683
安卓手机浏览器能访问什么网站 浏览:254
找不到网站的服务器ip地址该如何解决 浏览:743
算法十个数降序排列 浏览:95
基于单片机的老年人健康监测系统 浏览:706
python入门经典pdf下载 浏览:17
东芝变频2p空调压缩机 浏览:227
自家wifi怎么能加密 浏览:644
红米k40加密门禁卡 浏览:847
什么样的源码好看 浏览:156
手机主服务器有什么用 浏览:612
程序编写命令 浏览:597
android发送心跳包 浏览:385
指标源码和原理 浏览:700
汽车空调压缩吸盘 浏览:208
崽崽因app版本不同不能邀请怎么办 浏览:686