找回密码
 FreeOZ用户注册
楼主: ubuntuhk
打印 上一主题 下一主题

[IT技术] 讨论一下AngularJS和Node.js等Web技术

[复制链接]
181#
发表于 10-7-2014 21:55:07 | 只看该作者
提示: 作者被禁止或删除, 无法发言
openshift 这个绝对好。可以架nodejs. git我一直用 bitbucket.
这些个东西还是要动手才有感觉

评分

参与人数 1威望 +50 收起 理由
ubuntuhk + 50 谢谢分享!

查看全部评分

回复  

使用道具 举报

182#
 楼主| 发表于 10-7-2014 22:08:17 | 只看该作者



我觉得如果通勤要花很长时间,那就在家工作好,否则还是到办公室好些,有气氛。
回复  

使用道具 举报

183#
 楼主| 发表于 10-7-2014 22:13:17 | 只看该作者
black_zerg 发表于 10-7-2014 20:55
openshift 这个绝对好。可以架nodejs. git我一直用 bitbucket.
这些个东西还是要动手才有感觉



谢谢分享openshift,顺着这个关键词google搜索到这个帖子:
《Redhat OpenShift 云计算平台试用小记》
http://www.lovelucy.info/redhat-openshift-trial-review.html

。。。目前在 Red Hat 的 OpenShift 上可以免费创建三个 app,提供 1.5G 内存和 3G 存储空间。 。。。

。。。接下来就是向服务器上传自己代码。OpenShift 使用 Git 来部署代码,你需要熟悉 Git 命令行的操作。。。


这个用于学习或搭建原型系统倒是挺不错的。

openshift的主页:
https://www.openshift.com/
回复  

使用道具 举报

184#
发表于 10-7-2014 22:32:48 | 只看该作者
提示: 作者被禁止或删除, 无法发言
是啊,个人项目,光你自己看也没意思是吧。但是本来就是玩玩的东西,又不想花钱对不对
回复  

使用道具 举报

185#
发表于 11-7-2014 16:29:35 | 只看该作者
ubuntuhk 发表于 9-7-2014 20:18
实际上有三种方法可以设计JavaScript的类,这个博客写得还不错(但是还是不能掩盖JavaScript的类定义 ...

Thumb up. 虽然有点零碎,但还是很不错的。Good to know "dnode" and "browserify".
回复  

使用道具 举报

186#
发表于 12-7-2014 10:29:08 | 只看该作者
提示: 作者被禁止或删除, 无法发言
本帖最后由 black_zerg 于 12-7-2014 10:52 编辑

http://nodejs-alexshen.rhcloud.com/desktop.html

刚丢的,这个能说明我上面对angular的评论,比如这种看起来像软件的应用(我并不是说他好,事实上我从来不给客户这种,只是我自己弄的玩的),angular就没什么用。

所以angular说html设计的不对,我就不同意。我觉得html和javascript,css的模型设计的好得很。什么事都能做。我觉得就是天才设计。如果你只做一类事,谁也没拦着你做angular这样的框架

现在的应用设计都是要简单,就是一个网站,客户用起来容易,点几下就完了,就是我所谓的‘交互少’,这时候angular把大部分的应用场景全搞定了,这就是神器。

但是假设你要给专业客户一个非常复杂的软件一样的东西,那也许angular就是多余。当然了这种情况很少就是了。实事求是,CRUD是王道。而且现在都是平板化,要考虑手机pad小显示器,都是content为主。也就是说要简明好用,太复杂的客户没心情看。所以这页面能复杂到哪里去?也就是一个list一个form。加上tab之类的导航。我其实是支持这种设计的,东西就是要看客户需求,一般来说越简单越直观。
回复  

使用道具 举报

187#
发表于 12-7-2014 11:53:42 | 只看该作者
在pluralsight上粗略看了一下Angularjs,貌似很像.Net的MVC框架,是吗?它主要负责front-end吗?
回复  

使用道具 举报

188#
发表于 12-7-2014 11:58:02 | 只看该作者
提示: 作者被禁止或删除, 无法发言
本帖最后由 black_zerg 于 12-7-2014 11:02 编辑

他就是front-end,有点像.net的 mvvm, 就是抽象一个所谓的viewModel, 你就猛用这个vm.好处就是这部分逻辑理论上就不依赖于html dom之类了。说是好测试。 我是不关心测试,但是他确实很省事。绑定什么的用起来很爽,架构看起来也挺清楚的。自带一堆东西,jquery都不用了。google还是很厉害的。一帮人忙了好几年,不服不行啊
回复  

使用道具 举报

189#
 楼主| 发表于 12-7-2014 15:21:03 | 只看该作者
black_zerg 发表于 12-7-2014 09:29
http://nodejs-alexshen.rhcloud.com/desktop.html

刚丢的,这个能说明我上面对angular的评论,比如这种 ...



对于angularjs和适用范围,我是这么看的,它不是一个万能工具,但是它能解决很多应用场景的前端开发,正比如汽车市场也有很多细分,Sedan/SUV/UTE 等等,Camry是好Sedan,但是你不能指望用它来拉货或者越野。

html/css/javascript正如汽车的车架、轮子、发动机,它们当然好了,它们是所有的web应用的核心,angularjs的设计者或者社区肯定没说过html设计得不对(有出处吗?),因为angularjs的骨子里还是基于html的框架。
回复  

使用道具 举报

190#
发表于 12-7-2014 15:55:59 | 只看该作者
提示: 作者被禁止或删除, 无法发言
本帖最后由 black_zerg 于 12-7-2014 15:01 编辑
ubuntuhk 发表于 12-7-2014 14:21
对于angularjs和适用范围,我是这么看的,它不是一个万能工具,但是它能解决很多应用场景的前端开发, ...


"AngularJS is what HTML would have been, had it been designed for building web-apps. "

类似的我听过好多。
当然这话说得比较狡猾,什么是web app那也没个定义,他这话也可以说没错,因为多数web app那就是网站。 html css javascript 我真心觉得设计的不错,这么多年下来,看看通用性多强。 别的silverlight, javafx之类的都稀里哗啦了,struts还有各种乱七八糟的mvc那是铺天盖地,最后还不都昙花一现。  html javascript还是这么坚挺. 挨了多少骂,最后证明就是强

这些个框架工具都是锦上添花型,没了可能有点不方便,但都不是大事。 html,css,js 少了一个的话,马上大家就都歇了
回复  

使用道具 举报

191#
 楼主| 发表于 12-7-2014 17:10:33 | 只看该作者
black_zerg 发表于 12-7-2014 14:55
"AngularJS is what HTML would have been, had it been designed for building web-apps. "

类似的 ...



AngularJS和HTML、JavaScript、CSS、JQuery都不是对立关系,HTML、JavaScript、CSS是AngularJS的基石,JQuery也被集成到AngularJS里面了,需要用的时候还是可以用,只不过AngularJS对开发者要求不要用JQuery的开发思维(JQuery纯粹用操作DOM的模式来进行开发)去做。

AngularJS有它的精华之处,当肯定不是万能刷子。
回复  

使用道具 举报

192#
 楼主| 发表于 12-7-2014 23:26:20 | 只看该作者
从零开始学Node.js,这里有不少node.js的教程,还不错:

http://blog.fens.me/series-nodejs/

不过不能光看,要动手,学习black_zerg
回复  

使用道具 举报

193#
发表于 17-7-2014 14:23:44 | 只看该作者
本帖最后由 jojopig2002 于 17-7-2014 17:54 编辑

这两天复习global context, this和variable object,出个题大家一起讨论。

strict mode,在global context下,写如下代码,求两次alert返回的值,顺便解释下为什么。

        var b = 10;
        function a() {
                var b = 5;
                alert(this.b);
                function d(){
                        alert(this.b);
                };
                d();
               
        }
        var c = new a();

评分

参与人数 1威望 +20 收起 理由
ubuntuhk + 20 你太有才了!

查看全部评分

回复  

使用道具 举报

194#
 楼主| 发表于 17-7-2014 14:43:47 | 只看该作者
jojopig2002 发表于 17-7-2014 13:23
这两天复习global context, this和variable object,出个题大家一起讨论。

在global context下,写如下代 ...


非常好的题目

我也被绕晕了

第一个b=10,第二个b=5?

看了这篇文章:
http://www.ruanyifeng.com/blog/2 ... _in_javascript.html

其中有一个comment写得不错:总之就是一个大原则,谁调用,this 就指向谁
回复  

使用道具 举报

195#
 楼主| 发表于 17-7-2014 14:47:40 | 只看该作者
再看一遍上面的教程,感觉好像都是5,因为都是在新的object:c里面的变量。
回复  

使用道具 举报

196#
 楼主| 发表于 17-7-2014 15:01:10 | 只看该作者
题外话,如果是我写代码的话,会尽量避免这种局部和全局变量名冲突的情况,否则出现这种bug的话,非常难跟踪和维护。
回复  

使用道具 举报

197#
发表于 17-7-2014 15:14:52 | 只看该作者
ubuntuhk 发表于 17-7-2014 14:01
题外话,如果是我写代码的话,会尽量避免这种局部和全局变量名冲突的情况,否则出现这种bug的话,非常难跟踪 ...

确实是,不过我是为了出题。这道题不难,但是需要运用global context, this和variable object三个知识点来解题,只考虑一方面,很容易解错。
回复  

使用道具 举报

198#
发表于 17-7-2014 17:53:19 来自手机 | 只看该作者
提示: 作者被禁止或删除, 无法发言
本帖最后由 black_zerg 于 17-7-2014 16:57 编辑

First is undefined, second is ten if it is not in strict mode

评分

参与人数 2威望 +40 收起 理由
jojopig2002 + 20 你太有才了!我漏了strick mode的限定
ubuntuhk + 20 你太有才了!

查看全部评分

回复  

使用道具 举报

199#
发表于 17-7-2014 18:29:10 | 只看该作者
不明觉厉。。。先留名慢慢看
回复  

使用道具 举报

200#
 楼主| 发表于 17-7-2014 18:43:22 | 只看该作者
black_zerg 发表于 17-7-2014 16:53
First is undefined, second is ten if it is not in strict mode


偷偷用browser跑了一下,果然如此,解释一下?

评分

参与人数 1威望 +20 收起 理由
jojopig2002 + 20 你太有才了!

查看全部评分

回复  

使用道具 举报

201#
发表于 17-7-2014 18:57:51 | 只看该作者
本帖最后由 jojopig2002 于 17-7-2014 18:01 编辑

谢@black_zerg,题目限定为在strict mode下run这段代码
回复  

使用道具 举报

202#
发表于 17-7-2014 18:59:17 来自手机 | 只看该作者
提示: 作者被禁止或删除, 无法发言
First is in class constructor, so this is the instance, which doesn't have that variable. Second is in a normal function call. Window will become this. Js scope is a little bit tricky

评分

参与人数 2威望 +70 收起 理由
jojopig2002 + 20 你太有才了!
ubuntuhk + 50 你太有才了!

查看全部评分

回复  

使用道具 举报

203#
发表于 17-7-2014 19:20:21 | 只看该作者
black是对的
第二个alert稍微有点绕,涉及两个知识点
1. 'this' is set to global if normal function call, even if it is called inside a function
2. variable in global context, var a =1申明等同于 this.a = 1

评分

参与人数 1威望 +50 收起 理由
ubuntuhk + 50 谢谢分享!

查看全部评分

回复  

使用道具 举报

204#
 楼主| 发表于 17-7-2014 20:26:41 | 只看该作者
jojopig2002 发表于 17-7-2014 18:20
black是对的
第二个alert稍微有点绕,涉及两个知识点
1. 'this' is set to global if normal functi ...


嗯,看着解释明白了,object和funtion是不一样的,javascript的funtion关键字身负多重身份(又当爹又当娘的),不容易啊
回复  

使用道具 举报

205#
发表于 17-7-2014 20:56:29 | 只看该作者
提示: 作者被禁止或删除, 无法发言
本帖最后由 black_zerg 于 17-7-2014 19:58 编辑

第二个this到全局其实很奇怪,估计很多人都觉得别扭。所以在strict mode下是出错的

就是加个这个在所有代码前:
"use strict";

javascript 强大的在于function里的代码 call 外面的function和变量。有时候很好用。

评分

参与人数 1威望 +30 收起 理由
ubuntuhk + 30 谢谢分享!

查看全部评分

回复  

使用道具 举报

206#
发表于 17-7-2014 21:01:59 | 只看该作者
这个帖子好啊,
回复  

使用道具 举报

207#
 楼主| 发表于 17-7-2014 21:04:28 | 只看该作者
maggie2007 发表于 17-7-2014 20:01
这个帖子好啊,


欢迎maggie一起讨论web开发话题
回复  

使用道具 举报

208#
发表于 17-7-2014 21:15:06 | 只看该作者
ubuntuhk 发表于 17-7-2014 20:04
欢迎maggie一起讨论web开发话题

我一点都不会, 只是有兴趣。 现在在学perl, 因为我们很多程序都是用这个写的。 我主要是wholesale/retail 客户的技术支持,单就工作而言,其实都不怎么用这方面的知识, 为了避免以后失业找不到工作, 所以多学点是没坏处的。

你做web很多年了??php很熟?
回复  

使用道具 举报

209#
 楼主| 发表于 17-7-2014 21:35:42 | 只看该作者
maggie2007 发表于 17-7-2014 20:15
我一点都不会, 只是有兴趣。 现在在学perl, 因为我们很多程序都是用这个写的。 我主要是wholesale/reta ...


嗯,web入门不难的。

我也算做了十多年了吧,不算熟悉,前端更是一窍不通,也正在学习ing

评分

参与人数 1威望 +50 收起 理由
maggie2007 + 50 谢谢分享!

查看全部评分

回复  

使用道具 举报

210#
发表于 17-7-2014 22:56:02 | 只看该作者
jssenny 发表于 17-7-2014 15:29
不明觉厉。。。先留名慢慢看

不明, 也懒得看. 有一种C++的感觉.
回复  

使用道具 举报

您需要登录后才可以回帖 登录 | FreeOZ用户注册

本版积分规则

小黑屋|手机版|Archiver|FreeOZ论坛

GMT+11, 27-10-2024 04:25 , Processed in 0.080218 second(s), 55 queries , Gzip On, Redis On.

Powered by Discuz! X3.2

© 2001-2013 Comsenz Inc.

快速回复 返回顶部 返回列表