道喜技术日记 .^. 天天红玉世界. Tag archive: JavaScript.

图书世界：《JavaScript: The Definitive Guide, 6th Edition》英文版本

由Gudao Luo在2011-07-29 at 10:17发表的

评论: 0 (view/add your own) 标记: JavaScript, Rails, Ruby, ebooks

图书世界：《Continuous Testing: with Ruby, Rails, and JavaScript》英文版本

由Gudao Luo在2011-07-22 at 10:19发表的

评论: 0 (view/add your own) 标记: JavaScript, Rails, Ruby, ebooks

JavaScript世界：斯坦福CS基础课程教JavaScript

由Gudao Luo在2011-07-09 at 22:11发表的

参考资料
- http://developers.slashdot.org/story/11/07/11/183246/Stanford-CS101-Adopts-JavaScript

评论: 0 (view/add your own) 标记: JavaScript, tutorial, websites

JavaScript世界：学习CoffeeScript语言（五）

由Gudao Luo在2011-06-23 at 23:50发表的

评论: 0 (view/add your own) 标记: CoffeeScript, JavaScript, class, prototype, rails3, tutorial

JavaScript世界：学习CoffeeScript语言（四）

由Gudao Luo在2011-06-20 at 07:19发表的

评论: 0 (view/add your own) 标记: CoffeeScript, JavaScript, class, prototype, rails3, tutorial

JavaScript世界：学习CoffeeScript语言（三）

由Gudao Luo在2011-06-19 at 00:43发表的

评论: 0 (view/add your own) 标记: CoffeeScript, JavaScript, class, prototype, rails3, tutorial

JavaScript世界：学习CoffeeScript语言（二）

由Gudao Luo在2011-06-17 at 00:19发表的

道喜评论
- 关键词class/constructor/this之前的空格不能多，也不能少。
- 关键词constructor之前是一个（或者两个）空格或者Tab键；关键词this之前是两个（或者四个）空格或者Tab键；

参考资料
- http://jashkenas.github.com/coffee-script/
- Javascript继承机制的设计思想 http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html

评论: 0 (view/add your own) 标记: CoffeeScript, JavaScript, class, instance, rails3, tutorial

JavaScript世界：学习CoffeeScript语言（一）

由Gudao Luo在2011-06-16 at 00:36发表的

参考资料
- http://jashkenas.github.com/coffee-script/
- Javascript继承机制的设计思想 http://www.ruanyifeng.com/blog/2011/06/designing_ideas_of_inheritance_mechanism_in_javascript.html

评论: 1 (view/add your own) 标记: CoffeeScript, JavaScript, class, rails3, tutorial

JavaScript世界：如何玩转CoffeeScript

由Gudao Luo在2011-06-15 at 00:00发表的

前提条件
- 需要软件Node.js: 如何玩转Node.js
- 需要软件npm: 如何玩转npm

道喜评论
- CoffeeScript是一门计算机程序语言；
- CoffeeScript编译器可以把CoffeeScript代码变成为JavaScript代码；
- 从Rails3.1起，CoffeeScript将成为Rails框架的一个默认组成部分；
- CoffeeScript语言将成为Rails框架开发的必修课；
- CoffeeScript语言使得我们开发JavaScript程序变得更加简单方便；
- CoffeeScript语言代码风格类似于Ruby语言风格；
- 在今后几个周里，我们将会介绍CoffeeScript语言；

评论: 0 (view/add your own) 标记: JavaScript, Language, Rails, coffee, coffescript, nodejs, npm

JavaScript世界：如何玩转npm

由Gudao Luo在2011-06-14 at 14:53发表的

前提条件
- 需要安装软件 Node.js: 如何玩转Node.js

说明
- npm是Node.js的软件包管理系统；
- 在利用npm安装软件包时，一般情况下，应该需要增加一个参数“-g”；

参考资料
- https://github.com/isaacs/npm

评论: 0 (view/add your own) 标记: JavaScript, manager, node, nodejs, npm, package

JavaScript世界：如何玩转Node.js

由Gudao Luo在2011-06-13 at 07:49发表的

道喜评论
- Node.js的JavaScript程序是服务器应用程序；
- Node.js是JavaScript服务器引擎或者说JavaScript语言运行环境；
- Node.js是一个网络服务器；
- Node.js使得JavaScript语言能够在非浏览器环境或者说系统环境下运行；
- Node.js是当前一款重要的JavaScript软件；

参考资料

评论: 0 (view/add your own) 标记: JavaScript, javascriptworld, nodejs, server, tools

Rails世界：Rails框架走向何方（五）

由Gudao Luo在2011-05-29 at 13:53发表的

道喜评论
- 随着HTML5不断地得到广泛应用，HTML5.pushState功能显示出越来越重要作用[ 1 ]；
- 通俗地说，HTML5.pushState完成这样的功能：点击按钮，仅仅是把消息发送到服务器，更新页面部分内容，而其页面链接保持原样[ 2 ]；
- 这种技术肯定会得到包括Rails框架程序在内的Web应用程序广泛采用；

参考资料

评论: 0 (view/add your own) 标记: JavaScript, Rails, html5, pjax, pushstate

Rails世界：Rails框架走向何方（四）

由Gudao Luo在2011-05-28 at 10:40发表的

道喜评论
- 在浏览器上看到所显示的代码都是JavaScript+HTML，但是与你在服务器端应用程序所使用的语言（Ruby.Java,PHP等）无关；
- 没有HTML也可以使用Rails框架；
- 可以这样使用Rails框架：Rails MC <= JSON => JS MCV　也是是一种趋势；
- Rails MC = Rails Model + Controller
- JS MCV = JavaScript Backbone + (Mustache/Icanhazjs/Handlebars)；
- 使用JSON作为客户端与服务器之间的数据传送格式；
- 这种使用Rails框架趋势有发展前途吗？

说明
- Mustache是视图模板的JavaScript库；
- Mustache是无逻辑视图代码库；
- 从2010起，Mustache是Twitter网站程序的一部分[ 1 ]；
- 借助于Mustache，可以将视图层分成为两个子视图层，无逻辑视图与逻辑视图[ 2 ]；

重要参考资料

Rails框架+Mustache.js
- https://github.com/defunkt/mustache/issues/3

参考资料

评论: 0 (view/add your own) 标记: JavaScript, MVC, Rails, Ruby, View, mustache

Rails世界：Rails框架走向何方（二）

由Gudao Luo在2011-05-23 at 00:55发表的

道喜评论
- JavaScript语言项目是越来越多和越来越细分，其发展趋势也是越来越快。
- 通用框架JavaScript有Prototype和JQuery等；
- 基于MVC的JavaScript框架有 BackBone 和 Spine 等；下面说明之。
- 桌面式Web软件框架或者说RIA框架有 SproutCore 、 ExtJS 和 qooxdoo 等，相关详细内容在后面博客介绍。
- 组件式和功能性的JavaScript软件或者框架有：分配包库（asset packaging library）、表格组件库（grid/spreadsheet component）、函数编程库（functional programming）、视频组件框架（The HTML5 Video Framework）、 JavaScript变体语言等；
- 是否需要类似于gem一样的JavaScript软件包管理框架？
- 如何实现JavaScript软件、框架或者软件包代码是可测试、可规范和无重复（DRY）？
- Rails框架与很多其它框架一样，JavaScript代码有待改进。

BackBone说明
- BackBone 是 MVC JavaScript框架；
- BackBone为我们提供了MVC的组织方式；
- BackBone能够很好地与Rails集成 [ 1 ] [ 2 ]。何时能够成为Rails框架的默认框架？是否还有更好的框架？ [ 3 ] [ 4 ] [ 5 ]
- 在BackBone+Rails应用程序中，Rails框架控制器代码转移到了BackBone控制器代码中。
- BackBone能否与Coffeescript集成？[ 6 ]

重要参考资料

参考资料
- 10 Most Popular JavaScript Frameworks http://www.articlediary.com/print-563.html
- 16款最流行的JavaScript框架 http://developer.51cto.com/art/201103/249949.htm
- 推荐19个很有用的JavaScript库 http://sd.csdn.net/a/20110516/297878.html
- http://www.quora.com/Backbone-js-1/How-well-does-backbone-js-work-with-rails
- http://en.oreilly.com/rails2011/public/schedule/detail/19360
- https://gist.github.com/719080
- http://stackoverflow.com/questions/4773733/rails-mass-assignment-and-backbone-js
- http://news.ycombinator.com/item?id=1849271
- http://andrewgertig.com/2011/05/rails-backbone-js-example-screencast/
- http://rtomayko.github.com/rocco/
- http://blog.terrywh.net/develop/961/
- http://www.lainuo.info/2011/05/18/backbone-js-in-action
- https://github.com/winfield/traces
- https://github.com/codebrew/backbone-rails
- https://github.com/markbates/coffeebeans

评论: 0 (view/add your own) 标记: JavaScript, MVC, Rails, Spine

Rails世界：Rails框架走向何方（一）

由Gudao Luo在2011-05-22 at 00:45发表的

Rails框架走向何方（一）
1. Rails 3.1将会使用Coffeescript语言，目的是改进简化JavaScript语言;
2. Rails 3.1将会使用Sass，目的是改进简化CSS；
3. Rails 3.1把 JQuery 作为JavaScript默认框架，目的是采用更好的和更广泛应用的JavaScript框架；

说明 CoffeeScript
- CoffeeScript是一门新的语言；
- CoffeeScript语言编译器采用了CoffeeScript语言写成的；
- CoffeeScript语言目的是把CoffeeScript代码可以编译为JavaScript代码；
- 引入CoffeeScript语言，以达到简化JavaScript代码的目的；

说明 Sass
- Sass是一门新的动态CSS语言；
- Sass具有如下的动态功能：变量（variables）, 混入（mixins）, 操作运算（operations）和函数（functions）等；
- 引入Sass语言，以达到简化CSS重复代码的目的；
- 类似的软件有： less ；

道喜评论
- JavaScript和CSS代码一直是Web应用程序开发的死角；
- 对于Rails框架而言，使用Coffeescript和Sass仅仅是这方面改进的一个良好开端；
- 项目 Boilerplate 会给Rails框架未来带来什么影响；
- 如何解决HTML+JavaScript+CSS集成可能是Rails框架未来需要面对的课题；

参考资料

评论: 0 (view/add your own) 标记: CoffeeScript, JavaScript, Ruby, css, less, rails3, sass

软件框架：jQuery三年来的发展趋势

由Gudao Luo在2010-03-28 at 22:28发表的

参考资料
- 全新JavaScript库jQuery http://www.lycom.de/past/2007/2/23/jquery2007-02-23_232016/
- 在Rails中应用jQuery http://www.infoq.com/cn/presentations/zhaolu-jquery
- 春风得意的 jQuery http://www.comsharp.com/GetKnowledge/zh-CN/It_News_K932.aspx

评论: 0 (view/add your own) 标记: Framework, JavaScript, Rails, Ruby, jQuery, library

Rails实例世界（No 2）：很有前途的JavaScript框架Mootools

由Gudao Luo在2008-11-19 at 08:30发表的

参考资料
- Mootools首页 http://mootools.net
- Mootools on Rails插件
- MooTools Plays Well With Rails http://tinyurl.com/6pl8ql
- Mootools插件Accordion
- Increasing User Experience With Javascript http://tinyurl.com/5ed8tf

演示版本：http://lycom.de:70002/posts

使用Mootools框架的基本方法

rails mootools_demo && cd mootools_demo
　
git clone git://github.com/pointcom/mootools-on-rails.git vendor/plugins/mootools-on-rails
　
rake mootools_on_rails:install
　
ruby script/generate scaffold post title:string body:text published:boolean
　
vi config/routes.rb
ActionController::Routing::Routes.draw do |map|
  MootoolsOnRails.routes
　
vi app/views/layouts/posts.html.erb 
  <%= stylesheet_link_tag 'scaffold' %>
  <%= javascript_include_tag :mootools %>
　
rake db:migrate
　
vi app/views/posts/index.html.erb 
  <% add_event('link', 'click') do |page|
    page.alert('coucou div 2')
   end %>  <%= content_tag(:a, "Click My Link", :id => 'link') %>
　
ruby script/server