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

black_zerg

openshift 这个绝对好。可以架nodejs. git我一直用 bitbucket.
这些个东西还是要动手才有感觉

ubuntuhk

DDD888 发表于 10-7-2014 19:33

                               
登录/注册后可看大图

围城啦

这就和中国人想移民到澳大利亚,或者已经移民生活在澳大利亚但有想回中国的一样

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

ubuntuhk

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/

black_zerg

是啊，个人项目，光你自己看也没意思是吧。但是本来就是玩玩的东西，又不想花钱对不对

superopengl

ubuntuhk 发表于 9-7-2014 20:18

                               
登录/注册后可看大图

实际上有三种方法可以设计JavaScript的类，这个博客写得还不错（但是还是不能掩盖JavaScript的类定义 ...

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

black_zerg

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

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

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

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

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

蒙面超人

在pluralsight上粗略看了一下Angularjs，貌似很像.Net的MVC框架，是吗？它主要负责front-end吗？

black_zerg

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

ubuntuhk

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的框架。

black_zerg

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 少了一个的话，马上大家就都歇了

ubuntuhk

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有它的精华之处，当肯定不是万能刷子。

ubuntuhk

从零开始学Node.js，这里有不少node.js的教程，还不错：

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

不过不能光看，要动手，学习black_zerg

jojopig2002

这两天复习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();

ubuntuhk

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 就指向谁

ubuntuhk

再看一遍上面的教程，感觉好像都是5，因为都是在新的object：c里面的变量。

ubuntuhk

题外话，如果是我写代码的话，会尽量避免这种局部和全局变量名冲突的情况，否则出现这种bug的话，非常难跟踪和维护。

jojopig2002

ubuntuhk 发表于 17-7-2014 14:01

                               
登录/注册后可看大图

题外话，如果是我写代码的话，会尽量避免这种局部和全局变量名冲突的情况，否则出现这种bug的话，非常难跟踪 ...

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

black_zerg

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

jssenny

不明觉厉。。。先留名慢慢看

ubuntuhk

black_zerg 发表于 17-7-2014 16:53

                               
登录/注册后可看大图

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

偷偷用browser跑了一下，果然如此，解释一下？

jojopig2002

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

black_zerg

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

jojopig2002

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

登录/注册后可看大图

ubuntuhk

jojopig2002 发表于 17-7-2014 18:20

                               
登录/注册后可看大图

black是对的
第二个alert稍微有点绕，涉及两个知识点
1. 'this' is set to global if normal functi ...

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

black_zerg

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

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

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

maggie2007

这个帖子好啊，

ubuntuhk

maggie2007 发表于 17-7-2014 20:01

                               
登录/注册后可看大图

这个帖子好啊，

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

maggie2007

ubuntuhk 发表于 17-7-2014 20:04

                               
登录/注册后可看大图

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

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

你做web很多年了？？php很熟？

ubuntuhk

maggie2007 发表于 17-7-2014 20:15

                               
登录/注册后可看大图

我一点都不会， 只是有兴趣。 现在在学perl， 因为我们很多程序都是用这个写的。 我主要是wholesale/reta ...

嗯，web入门不难的。

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

finger|regnif

jssenny 发表于 17-7-2014 15:29

                               
登录/注册后可看大图

不明觉厉。。。先留名慢慢看

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