最近因為工作的關係，所以維護一個修改一個 React 專案
這也是我第一次真正接觸 React
以前我看 JSX 可以用以下方是處理 dom 感覺超酷超方便的
const foo = (
<div>
<h2>Hello World</h2>
<p>Foo</p>
</div>
)但實際操作下來……不要瞎掰好嗎
(´(･)｀) 來談談網頁的前台的學習方法吧……
在網上待很久……經常看到有人問說學html該怎麼學之類的……
但又常看到有人叫他人先學html5……
因為我很反對這種答案，所以就順便說一下自己認為最好地學法吧……
但又常看到有人叫他人先學html5……
因為我很反對這種答案，所以就順便說一下自己認為最好地學法吧……
( θ_Jθ) 探討一下wechat的登入功能
因為某些因素，最近不得不用Wechat來聯絡別人。
不過，比起line只有手機版和PC版，我很欣賞Wechat還另外有網頁版這點 (≧∇≦)b可惜是騰訊出品的
不過，比起line只有手機版和PC版，我很欣賞Wechat還另外有網頁版這點 (≧∇≦)b
ﾟ∀ﾟ)ノ blogger page navigation widget的debug……
昨天說blogger page navigation widget的debug……其實很簡單……只是我不懂為什麼這個插件作者沒有這麼寫得說…… 本文章源自於～雨雪紛飛～ http://shiyou-top.blogspot.com/，轉載請註明。
ｑ（´・ω・）ｐ 寫buzz的插件時遇到的bug……
因為以js寫個buzz的chrome插件，才發現到一個js/html上的設計者可能會遇到的bug……
根據Google Api的說法，要post訊息到buzz上就要發送一個內容類似下面的string
我呢……就設定post text為一textarea內的value
但……這裡有個小問題……
就是啊……textarea的value要是用到「"」（根據情況，有時「'」也要算在內）就會有bug
假設value為：
則post data則會變成：
藍底部份為因為紅色「"」符號而造成bug的文字部份……
要修正這個得設定為
根據Google Api的說法，要post訊息到buzz上就要發送一個內容類似下面的string
{
"data": {
"object": {
"type": "note",
"content": "post text"
}
}
}
我呢……就設定post text為一textarea內的value
但……這裡有個小問題……
就是啊……textarea的value要是用到「"」（根據情況，有時「'」也要算在內）就會有bug
假設value為：
這是一個帶有"符號的訊息
則post data則會變成：
{
"data": {
"object": {
"type": "note",
"content": "這是一個帶有"符號的訊息"
}
}
}
藍底部份為因為紅色「"」符號而造成bug的文字部份……
要修正這個得設定為
textarea.value.replace(/\"/g, "\\\"").replace(/\'/g, "\\\'");
(\※'`з)ゞ textarea這個元素的innerHTML……
詐欺成份太高了啦……
因為寫程式，被textarea殺害很多腦細胞……
才知道這個元素這麼詐欺……
用chrome的檢查元素功能就能看出，這個textarea的各項內容如下：
顯示/隱藏
有四個元素（defaultValue、innerHTML、textContent、value）的內容都是"這是文字"
不過要是你把「這是文字」改成別的後，就會發現只有value發生變化……
當初看到innerHTML還以為就是這個的說……
結果竟然是value……
是說，這樣的話innerHTML和textContent是幹麼的？
defaultValue不是比較好懂嗎？（名稱的意味）
才知道這個元素這麼詐欺……
<textarea>這是文字<textarea>用chrome的檢查元素功能就能看出，這個textarea的各項內容如下：
顯示/隱藏
有四個元素（defaultValue、innerHTML、textContent、value）的內容都是"這是文字"
不過要是你把「這是文字」改成別的後，就會發現只有value發生變化……
當初看到innerHTML還以為就是這個的說……
結果竟然是value……
是說，這樣的話innerHTML和textContent是幹麼的？
defaultValue不是比較好懂嗎？（名稱的意味）
(；￢ロ￢)=зふぅ… 製作插件的想法……
一直都有想要製作chrome插件……
目前有兩個很想製作……
第一個……
根據google的說法……
所以我想應該是不可能了……
至於第二個……
如果load網址後再設定一些有的沒的……
也許ok喔……
不過這也不是很確定就是了……
目前有兩個很想製作……
- chrome主題製作插件
- blogger增加表情的插件
第一個……
根據google的說法……
A theme is a special kind of extension that changes the way the browser looks. Themes are packaged like regular extensions, but they don't contain JavaScript or HTML code.
所以我想應該是不可能了……
至於第二個……
如果load網址後再設定一些有的沒的……
也許ok喔……
不過這也不是很確定就是了……
(＠￣Д￣＠；)
最近因為上課關係，研究著javascript
基本上因為上過java所以還蠻容易上手的……
是說……
javascript和java真的很像的說……
不過差距還是很大就是……
另外，雖然說是這樣，不過還是有語法真的看都看不明白……
例如我在創作區的tag語法……
下面是我自己copy某論壇的語法再簡化而成的：
看不懂……
今天經由多次嘗試，終於重新做了一個可用代碼（而且是自己看得懂得）
到現在還是看不懂代碼1，不曉得到底是哪個人設計出來的？
順帶一提，因為不知道js中，if的等於符號也和java一樣要兩個（==），結果害我花很多時間在弄這個語法……
基本上因為上過java所以還蠻容易上手的……
是說……
javascript和java真的很像的說……
不過差距還是很大就是……
另外，雖然說是這樣，不過還是有語法真的看都看不明白……
例如我在創作區的tag語法……
下面是我自己copy某論壇的語法再簡化而成的：
<a style="cursor: hand" onclick="ID.style.display = ID.style.display=='none'?'':'none'" href="#NULL">click me</a>
<div id="ID" style=" DISPLAY: none; ">
test text</div>看不懂……
今天經由多次嘗試，終於重新做了一個可用代碼（而且是自己看得懂得）
<head>
<script type="text/javascript">
function hiddenxxx(x)
{
var txt = document.getElementById(x).style.display;
if (txt == "none")
{
document.getElementById(x).style.display = "block";
}
else if (txt == "block")
{
document.getElementById(x).style.display = "none";
}
}
</script>
</head>
<body>
<a href="#NULL" onclick ="hiddenxxx('test')">click me</a>
<span id="test" style ="display:none;" >test text</span>
</body>到現在還是看不懂代碼1，不曉得到底是哪個人設計出來的？
順帶一提，因為不知道js中，if的等於符號也和java一樣要兩個（==），結果害我花很多時間在弄這個語法……
訂閱：
文章 (Atom)