昨天的經(jīng)歷讓我充滿了挫敗感。昨天從早到晚，可能都不止8個(gè)小時(shí)，僅僅寫出了一個(gè)Hello 這樣的程序。
事情的經(jīng)過(guò)是這樣，準(zhǔn)備寫一個(gè)小網(wǎng)頁(yè)，正好把大前端看看，補(bǔ)充點(diǎn)知識(shí)。這是背景，然后就在網(wǎng)上查查看看前端當(dāng)前的發(fā)展，找找框架去寫唄。
看了一些文章，還是吃驚不小，前端的發(fā)展竟然是如此的大，讓我覺(jué)得原來(lái)的中間件及后端開(kāi)發(fā)逐漸要變成更后端，偏運(yùn)維了。
然后去找當(dāng)前的前端最新的一些技術(shù)，就看到Vue 了，其實(shí)還有 react ，只是覺(jué)得react 場(chǎng)景比較大，就選擇vue了，中間還比較了一下開(kāi)發(fā)工具，對(duì)我這樣的，還是越傻瓜越好，就選擇了 webstorm .
然后就開(kāi)始了痛苦之旅?？磶椭?，看網(wǎng)頁(yè)，覺(jué)得很容易理解，就上手去寫。這里面看到搭建前期的開(kāi)發(fā)環(huán)境，看到需要NPM，Brew，CLI ，webpack 來(lái)安裝，當(dāng)時(shí)就出了一些問(wèn)題，對(duì)這些工具，我都沒(méi)有用過(guò)?。?！當(dāng)時(shí)心里開(kāi)始發(fā)慌，一個(gè)前端類似與類庫(kù)一樣的東西，開(kāi)發(fā)樣式，為什么要裝這么多，這樣的開(kāi)發(fā)環(huán)境和運(yùn)行環(huán)境有什么不同？ 運(yùn)行環(huán)境不就是一個(gè)js 文件就可以了嗎？？？？ 雖然疑惑，但還是覺(jué)得應(yīng)該只用一個(gè) js文件。對(duì)于那么多選擇，有些不太理解，現(xiàn)在來(lái)看，只是教程寫的有些不清楚，特別對(duì)于一個(gè)小白來(lái)說(shuō)。順便說(shuō)一下，據(jù)說(shuō)和其同類的教程比較起來(lái)，這個(gè)教程已經(jīng)是非常好的教程了。
再然后就是寫代碼了。
<div id="app">
{{ message }}
</div>
var app = new Vue({
el: '#app',
data: {
message: 'Hello Vue!'
}
})
就是這樣，把一個(gè)html里面的加上 <script src="https://unpkg.com/vue/dist/vue.js"></script>
就該出現(xiàn)結(jié)果了。
我的瀏覽器里面 chrome ，firefox（在mac 上） 一直出現(xiàn)的是
{{ message }}
而不是 Hello Vue!
不會(huì)吧，這個(gè)抓狂之旅就正式進(jìn)入高潮。
當(dāng)時(shí)想繼續(xù)找例子，看官網(wǎng)上的吧，打不開(kāi)，里面鏈接的 http://jsbin.com/ 網(wǎng)址不知道為什么被墻掉了，第一開(kāi)始并不知道是被墻掉了，就是覺(jué)得是瀏覽器與這個(gè)框架不是那么兼容，出現(xiàn)的并不是404 這樣的錯(cuò)誤提示，而是一個(gè)崩潰的小圖標(biāo)。
重試了幾次，都準(zhǔn)備換成react 這樣的框架來(lái)學(xué)了。期間還想過(guò)，為啥不用 boostrap
往復(fù)幾個(gè)來(lái)回，幾個(gè)小時(shí)就過(guò)去了
轉(zhuǎn)機(jī)出現(xiàn)在又找到一個(gè)類似的教程，
<!DOCTYPE html><html lang="en">
<head>
<meta charset="UTF-8">
<title>Hello World</title>
</head>
<body>
<h1 id="helloWorld">{{Msg}}</h1>
<script src="vue.js"></script>
<script> var v = new Vue({
el:"#helloWorld",// 這里是 Element 的選擇
data:{//這里是 選中的 Element 下的數(shù)據(jù)綁定
Msg:"Hello World,I'm Vue.js",
} });
</script>
</body>
</html>
這個(gè)竟然間沒(méi)出錯(cuò)，能夠正常顯示。
那就找差別唄，只有幾個(gè)符號(hào)不太相同，句子后面加沒(méi)加，；“ 這三個(gè)符號(hào)
問(wèn)題就出在” 和‘ 這兩個(gè)區(qū)別上 。
把’ 換為“ ，問(wèn)題就解決了?。。?br>
當(dāng)時(shí)真的是長(zhǎng)出一口氣。還是解決了，還是解決了。
當(dāng)前再來(lái)總結(jié)一下，一天的教訓(xùn)。
- 在入門的時(shí)候，如果有一個(gè)老師，會(huì)快的多的多，他能夠迅速發(fā)現(xiàn)一些基本問(wèn)題。特別是入門的時(shí)候，不需要特別強(qiáng)的老師。
- 多找?guī)讉€(gè)能夠運(yùn)行的例子。
- 前端的開(kāi)發(fā)難道不能如同原來(lái)開(kāi)發(fā) VB，delphi 時(shí)候一樣嗎？當(dāng)前這種開(kāi)發(fā)對(duì)于程序員差別不大，或者效率更高，但是由于分工越來(lái)越細(xì)，不同棧的程序員去開(kāi)發(fā)的時(shí)候，轉(zhuǎn)移成本還是有一些的，這些成本不太有意義。這些網(wǎng)頁(yè)，就不能做出和native開(kāi)發(fā)類似的嗎？
某種意義上，還是懷念曾經(jīng)的桌面開(kāi)發(fā)，單純，簡(jiǎn)單，高效。
