Posts for: #JavaScript

早餐賞 code 時間 riotjs

javascript MVP 框架,小是特點,有 jquery 版,及非 jquery 版

原始碼當然是挑短看,看他的手路怎麼樣


https://github.com/moot/riotjs/blob/master/jquery.riot.js

基本的架構,就是架構在 javascript 的 event 上面

就在用了 $.observable( 你的MODEL Object 包上jQuery的 event) // 就是 on one trigger off


很多東西,都可以自己刻,將自己定義的 model binding event name,然後,再主要的應用程式邏輯裡
去對應處理前端的反應,及呈現,看起來,就是直接切入原本熟悉用 jQuery 的前端工程師,不用一下子跳太遠,
有時間可以來實作一下,比較能感受




MVC javascript

最近大多是在精進 Javascript ,開開自己的眼界,也看了一些類似 backbone.js 的作法

但是想理解,看深入一點的話,有看到一個,很小,可以當作是練功的 Open Source 專案

他叫做 Stapes.js minified 後只有 1.5 kb ,雖然 follow 的人很少,不過很小的 codebase 拿來練功非常合適

文件 http://hay.github.com/stapes/

Source https://github.com/hay/stapes

backbone resource http://www.whoishostingthis.com/resources/backbone-js/

願原力與你同在

NWM

如果你是 MS 視窗的開發者,可是想試試看 node.js with mongodb 的人

也有視窗版的懶人包

http://nwm.julianxhokaxhiu.com/

或是自己安裝
MongoDB

http://www.mongodb.org/downloads

Node.js

http://nodejs.org/#download

PS: 我自己完全沒有試過,開發都在 Linux 上面,所以請自行體驗,好用的話記得也 blog 一篇,或是 twit 一下

Get your Node

node.js

MEMO 一下 Debian testing 上面的 Node 安裝

實在進步太快了,裝 pre compiled 的套件沒有感覺

sudo apt-get install build-essential python-software-properties libssl-dev libreadline-dev git-core curl libcurl4-openssl-dev

記一下 libcurl4-openssl-dev # 只是目前 debian testing 上面依存的套件

git clone https://github.com/joyent/node.git
cd node
git checkout v0.6.6 # 目前最新的 release tag
./configure
make
sudo make install



發展快速,社群活躍,最重要就像的第四台老師有說得 Location, Location, Location

Node.js 是 Open, Open, Open (community, community, community, 內建的 npm 套件管理, 這一點夠方便吧)

想要變高,變帥,變聰明前,不要忘了,上場前,把 node.js 的傢伙戴上

http://www.webresourcesdepot.com/the-awesome-node-js-and-its-gang/

https://github.com/joyent/node/wiki/modules

參考
http://fred-zone.blogspot.com/2011/12/debian-nodejs-express.html

http://www.freshblurbs.com/install-node-js-and-express-js-nginx-debian-lenny


八卦一下,我的 VPS RAM 太小,本來是要說 Get your JVM,不過看起來,這一隻怪獸,還是要找多一點 RAM 的主機,才願意開始幹活

terry@atomvm:/node$ java -version
Error occurred during initialization of VM
Could not reserve enough space for object heap
Could not create the Java virtual machine.
terry@atomvm:
/node$ node -v
v0.6.6

最近流行小而美

此篇算是感恩文 (我知道感恩節過很久了)

Bottle

Bottle

現在時代不同,講求的是敏捷開發,一個人,當多個用,產生多個 thread 在不同專案,共用同一個大腦,開發人員進步的很快,工具也相當的進步,對函式庫的了解熟悉後,進行拆解

依照專案類型的不同,合併成最佳的組合,感覺,現在寫軟體,花一大堆的時間,看別人的函式庫,或是原始碼,要越高的彈性,及效能,就必須由越底層來切入

想想懶惰真是進步的原動力,這些工具,都是為了解決新問題與挑戰,想想身處在這個時代還蠻幸福的,有這麼多的東西可以玩

真不敢想,再過 10 年以後,軟體開發的進步,不知道可以到達什麼樣的境界,現在不管是 WEB 或是 Mobile 的應用都有長足的進步,想想10 年前的手機,在看看現在手裡的 iPhone 或是 Andriod 手機的運算能力,不可同日而語

自己比較熟的 Web 應用開發

CSS 工具有 SAAS 不過我喜歡 LESS

microjs 的一大堆 javascript 工具,還是自己來包 javascript 的工具
ender.js,還是用 coffee script 當成 Ruby 和 Python 合體來快速開發,我自己是只能算是 javascript 的幼幼班學生,所以只能用些基礎的

常用的 Web Framework,順便附一下,benchmark ,我知道,這一點都不科學,也不切實際,算是一個紀錄
硬體,都是同一台機器 Intel(R) Celeron(R) CPU E3400 @ 2.60GHz (真可憐用 Celeron), JVM 有暖身了
Node v0.6.1 (我知道他不是 framework,只是可以解決一樣的問題)


# Hello World benchmark
# all python framework under nginx 1.1.8 uwsgi 0.9.9.3, python2.6.7
# playframework under production mode java -version Java HotSpot(TM) 64-Bit Server VM (build 20.1-b02, mixed mode)
# node -version v0.6.1
# ab -c 100 -n 1000 TO_TEST_URL

# bottle 0.11.dev
uwsgi –socket 127.0.0.1:3030 –module terry –processes 4
# ~1550 Requests/second


# flask 0.8
uwsgi –socket 127.0.0.1:3030 –module fsk –callable app –processes 4
# OR
uwsgi –socket 127.0.0.1:3030 –module fsk:app –processes 4
# ~1100 Requests/second

# django 1.3.1
# return HttpResponse(“Hello World”)
uwsgi –socket 127.0.0.1:3030 –pp .. –env DJANGO_SETTINGS_MODULE=hello.settings -w “django.core.handlers.wsgi:WSGIHandler()” –processes 4
# ~910 Requests/second


# playframework 1.2.4
# renderText(“Hello World”)
# ~1700 Requests/second


# node 0.6.1
#var http = require(‘http’);
#http.createServer(function (req, res) {
# res.writeHead(200, {‘Content-Type’: ’text/plain’});
# res.end(‘Hello World’);
#}).listen(1337, “127.0.0.1”);
#console.log(‘Server running at http://127.0.0.1:1337/’);
#
# ~2500 Requests/second
#


連結(順序無關喜好,不同的地方,不同的規劃,自己看著辦,Hello World 只是起點,大家的終點不一樣)

Bottle
Flask
Django
PlayFramework
Node.js

PS: 最重要是,由衷的感謝這麼多 Open Source 的前輩,可以這樣無私的和大家分享,不求回報,讓想法可以自由的世界的每一個角落激盪出更多的火花,讓我也可以撿拾前輩的一點點牙慧,增加一點點自己的力量,讓日子過得更美好,由衷的感恩

jquery carouse tools

一些,可以用來做 carousel 效果的 plugins

JQuery carousel plugin


1. http://www.gmarwaha.com/jquery/jcarousellite/

2. http://www.ferretarmy.com/files/jQuery/ImageCarousel/ImageCarousel.html

3. http://sorgalla.com/projects/jcarousel/

4. http://thomlx.free.fr/jquery/jquery_carousel.htm

5. http://www.gougouzian.fr/projects/jquery/carrousel/

JQuery tabs plugin

1. http://flowplayer.org/tools/index.html

Java script 我中招了

firefox 跑的動的javascript,IE 不一定可以完全相容已經不是新聞了

紀錄一下,我中兩次招的地方,希望不要有下一次

在 firefox 裡可以

var dd = {ll:1,};

在 IE6 不行
在 IE6 裡,那最後的逗點要拿掉

var dd = {ll:1};