博文
編寫html過程中遇到的一些無效的id名(2012-2-8 14:49:00)
在寫html的時候總是有些標簽用了某些id之後失效了，應該是我用到關鍵詞了。先在此記下。
另外的建議就是，盡量不要用這類簡潔明了的詞，很可能便是關鍵詞，盡量用合成詞。
clear
screen
status
JavaScript笔记_4(2012-2-8 0:29:00)
JavaScript对象
JavaScript对象(object)有property和method两个性质。
注意：JavaScript脚本中的docment.write中可写html格式的文本。如：document.write("<h1>hi</h1><p>hello</p>");
__w3schools__
Array对象
属性
属性的调用：arrayName.propertyName
prototype
方法
方法的使用：arrayName.methodName()
concat(), join() 返回数组，返回字符串
pop(), push()
JavaScript筆記_3(2012-2-7 19:58:00)
关于html标签(tag)的属性(attribute)
html标签一般有三种属性：标准属性 Standard 事件属性 Event 可选属性 Optional
而其中的标准属性又可以分为：
| 核心属性(core) | id, title, style, class |
| 语言属性(language) | lang, dir, xml:lang |
| 键盘属性(keyboard) | accessKey, tabindex, |
| 注意事项 | 区分style标签和style属性； dir属性有ltr和rtl两种文字方向； accessKey在不同浏览器的快捷键样式不同，故在内网(intranet)中用处更大； |
事件属性是与JavaScript结合使用的，见JavaScript笔记_2。
可选属性根据标签不同各不相同。
对html的框架、布局等等基本为零认识，所以先来理清楚。先看表单、列表和表格的创建和链接的打开方式。
表格的创建
最基本的形式，没有边框<table> <tr> <td> 单元格内容 </td> </tr> </table>显示如下：
| 单元格内容 |
要使之有边框，可用border属性，值为pixels
<table border="1"> <tr> <td> 单元格内容 </td> </tr> </table>显示如下：
| 单元格内容 |
如果需要表头，则用<th>。如果要加上标题，则用<caption>。排列则用align属性。跨行或者跨列用rowspan属性和colspan属性。 更多表格格式定义见w3school Table
列表的创建
| 无序列表 | <ul><li></li></ul> |
|---|---|
| 有序列表 | <ol><li></li></ol> |
| 自定列表 | <dl><dt></dt><dd></dd></dl> |
表单的创建
主要有文本域、单选按钮、复选框、下拉菜单、定义域等等,还有form标签很重要的action和method属性。关于按钮也可以用button标签，但是：“重要事项：如果在 HTML 表单中使用 button 元素，不同的浏览器会提交不同的值。Internet Explorer 将提交 <button>与 <button/> 之间的文本，而其他浏览器将提交 value 属性的内容。请在 HTML 表单中使用 input 元素来创建按钮。” 详见w3school Form。这部分很重要!! !
链接打开方式
链接打开方式可用到target属性，详见w3school Target框架结构部分
基本
<frameset>标签以及<frame>标签更多见w3school Frames
Javascript笔记_2(2012-2-6 22:41:00)
HTML中标准的事件属性 | 它们的值都是“脚本”
1.窗口事件
支持的标签:body, frame, frameset, iframe, img, link, script
onload 载入文档时候 onunload 卸载文档时候
2.鼠标事件
onclick 鼠标单击时候 ondblclick 卸载文档时候 onmousedown 鼠标按钮被按下时候 onmouseup 鼠标按钮被松开时候 onmousemove 鼠标指针被移动时候 onmouseoout 鼠标指针被移出某元素时候 onmouseover 鼠标指针悬停于某元素时候
3.键盘事件
onckeydown 键盘被按下时候 onkeyup 键盘被松开时候 onkeypress 键盘被按下又松开时候
4.图像事件
支持的标签:img
onabort 当图像加载中断时候
5.表单事件
仅在表单元素中有效
onchange 元素被改变时候 onsubmit 表单被提交时候 onreset 表单被重置时候 onselect 元素被选取时候 onblur 元素失去焦点时候 onfocus 元素获得焦点时候
JavaScript笔记_1(2012-2-5 23:59:00)
1.
在逻辑判断语句中常用到的操作符是算术操作符、逻辑操作符、比较操作符，所以必须了解它们的precedents——
最高的是 比较操作符 (<=, < , >=, >, ==, !=)
其次是 逻辑操作符 (&&, ||, !) 其中&&优先于||
最后是 算术操作符(+, -, *, /, %)
可以这么认为：(4<2)&&(3==4)这样的形式是非常常见的，所以就令比较操作符的优先级高于逻辑操作符，
就可以直接写成 4<2&&3==4。
2.
Layers:
operators(constants&variables)&operants
expressions
statements (with ; )
functions
3.
JavaScript comes with a fully-automatically bit-recycling system.
4.
"You should imagine variables as tentacles, rather than boxes. They do not contain values, they grasp them ― two variables can refer to the same value. Only the values that the program still has a hold on can be accessed by it."
某种意义上讲JS中的变量名更像是指针?
那c语言中的变量呢?
5.
可以形成side effect的statements或者functions才是有用的
6.
在JS中，函数是wrapped在value里面的
7.
alert("...")
confirm("...?") 注意：confirm本身是用来生成询问窗口的，如果使用alert(confirm("...?"))，将会由alert函数产生一个新的窗口显示true of false
prompt("...","...") 注意：第二个参数可以省略 prompt("...")
8.
Converting Function:
Number
web2.0 to web3.0(2012-2-5 15:59:00)
by the user, for the user走向of the user
更多精采文章請見10月1日出刊《數位時代》
當大量與網路無關的企業都用「2.0」來行銷，可以看出近年來Web 2.0的確發燒。 當網路巨變將從「by the user, for the user」走向「of the user」，《數位時代》請來兩位專家，試圖勾勒在Web 2.0走向Web 3.0之際，幾個一定要了解的概念。
撰文／謝光萍
Ｑ：Web2.0的觀念為什麼愈來愈受到重視？
盧希鵬（以下簡稱盧）這個問題可以分三個層次來看。從人的角度來說，Web 2.0是一種水到渠成，因為網路世代長大了，習慣這樣的介面；寬頻及上網人口的普及性，又將這些新應用快速地傳遞分享。從市場來看，就像無名小站等成功案例。
就技術而言，現在的技術讓不管是製造內容、傳遞、搜尋資訊等都變得簡單。開放原始碼運動在多年的推行下，已廣泛被軟體產業接受，軟體及應用的開發流程變得更簡單，漸漸形成這股Web 2.0的新浪潮。
Ｑ：Web 2.0的核心價值是什麼？
盧：以大學聯考選填志願為例，Web 1.0就是去瀏覽各大學的官方網站，有資訊，但都是官方發言人的說法。但到了Web 2.0，就是透過各種論壇，去了解每個校友談自己的經驗，那才是真實的個體經驗。
《Everything bad is good for you》這本書裡面的論點很有趣，作者認為讀書是不好的，書會讓個體與他人隔絕，閱讀是被動吸收、降低感官的敏銳度。反而遊戲才是好的，像小朋友玩電腦遊戲《模擬城市》，十二歲的小朋友沒有讀過經濟學，但是知道要在科學園區採取降稅政策，才可以吸引更多人。作者論調雖然偏激，卻點出網路世代的優勢。
Ｑ：現在有人開始談Web 3.0了，Web 3.0需要更進一步解決哪些Web 2.0無法解決的事？什麼又是Web 3.0的可能樣貌？
盧：Web 1.0可以說是machine to people，Web 2.0則是依賴使用者的貢獻，就是people to machine，用英文字母的排列組合來猜，下一步是machine to machine。 過去人提供給電腦資訊，會受限制、會被說是宅男。但機器對機器的資料量無限大，不僅增加資料的豐富度，也可以把人從電腦前面拉開。例如我今天計劃要買某款筆記型電腦，如果資訊是連結的，我可以透過手機諮詢其他已經購買這台電腦的人意見，那個資料庫是很龐大的。
Web 3.0最大的價值在於，最重要的不是提供資訊，而是提供基於不同需求的過濾器，每一種過濾器都是基於一個市場需求。也就是建造一個能針對簡單問題給出合理、完全答覆的系統。
Ｑ：企業要怎麼應用Web 2.0為自己加分？
盧：Web 2.0的創業機會是平台，這需要很大的資金，而且時機點也似乎過去了。但是小兵可以在這邊玩遊戲，例如透過網拍平台來做生意。
中小企業或個體當然能再找到商機，更要善用開放的好處。例如台灣「雷虎科技」公司，主要經營無線電遙控飛機，它最近非常積極經營Web 2.0平台，原因是這家公司的確受到Web 2.0的好處。因為它開放平台，有工程師寫信告訴他們如何改善引擎設計，大大地提升產品性能。而原本如果靠自己研發，不但可能看不出盲點，更要花費很多成本。
陳永生（以下簡稱陳）當連郭台銘都寫起部落格，Web 2.0現在已經不只是年輕人的舞台，企業要嘗試各種新的應用，把已經存在的服務和其他服務兜在一起。
Ｑ：Web 2.0需要哪些軟體架構作為支撐？
陳：Information Technology（ＩＴ）產業的架構演進，由一九八○年代的主機（mainframe）架構，到現在則已複雜到所謂的ＳＯＡ架構（Service-Oriented Architecture，服務導向架構）。ＳＯＡ不是種技術，它是種建構、組織的方法，用來建立應用程式的運行環境，讓程式可以用「功能化」方式發展累積。
Web 2.0可說是ＳＯＡ的消費市場版，而ＳＯＡ則是Web 2.0 的企業版。強化業務應變的彈性和靈活度，是導入ＳＯＡ的首要目標。關鍵的第一步便在於，如何讓原本各自獨立的應用系統，都能像那些 Web 2.0 的網站，提供出以標準為基礎的ＡＰＩ（Application Programming Interface，應用程式設計介面）。
ＳＯＡ要怎麼把創新的概念ＩＴ化是重點，比方說我們最近在和電信業合作，希望透過手機介面，整合ＧＰＳ地圖和３Ｄ顯示。如此一來，當像我們這個年紀的父母親，假日要帶小朋友出門玩，卻苦無好的觀光地點時，手機就可以提供資訊。
Ｑ：跨向Web 3.0的軟體難題是什麼？
陳：要做好機器對機器的資料傳輸，其實還是靠人工智慧（ＡＩ），雖然這個東西幾十年前就在做了，但還是不夠成熟。
另外，人機互動介面的發展也很重要。未來的軟體發展趨勢，一定要提供隨選資訊服務 （Information on demand, IOB），讓資訊能快速有效地存取、管理和傳遞。 「虛擬化」軟體發展也是重點。讓同一台電腦，藉由軟體的運作，「虛擬」成其他台獨立的電腦。因此同一台伺服器可以「虛擬」成數台伺服器，各自運作不一樣的作業系統，也簡化了資料移轉問題。
Websites(2012-2-5 13:58:00)
Programming:
codeforces
LINUX MAN PAGES ONLINE
http://man.he.net/
120 days of ubuntu
http://120buntu.com/
最新评论