跳到主要內容

無法取代的原生 - Javascript

最近幾年javascript 實在是一門進步神速的語言,從基本瀏覽器腳本語言,到HTML5 使用canvas、video、websocket、worker等,甚至是後端編譯腳本nodeJS ringoJS,當然還有許多從javascript 編寫出來的套件庫,整體來說javascript 發展的速度比我想像的還要快得多。

回顧javascript 歷史

從Netscape 發展此種語言開始,壓根不會想到javascript 會演變成現在的局面,因此在當初訂定javascript 來說,就是毫無標準可言。Javascript 對於沒有接觸過程式開發的人來說,是一種好的開始,畢竟它的容錯性高,出錯率低,簡單來說就是,開心宣告就宣告,不用宣告也可以寫出能動的程式碼!這也造就了javascript 初期開始,可以直接複製、貼上、接專案的映像。

因此由Douglas Crockford 也開始提倡起javascript: Good parts(javascript :優良部份),也發展出jslint ,提供大家作為javascript 程式碼驗證工具,會這樣子做不是沒有原因,畢竟javascript 實在是『太方便寫』,自己寫自己的,當然獨自開發這不是太大的問題,但是如果遇到大型專案時,這種充滿『重構味道』的程式碼,自然是一場不可抹滅的惡夢。

套件庫掘起

在AJAX 崛起之後,javascript 的發展就變得相當吃重,也漸漸的讓開發人員體會到前端開發的重要性。當然javascript 開發,對於前端來說還是有很多問題,光是跨瀏覽器就是個很令人頭大的問題。

因此各家開發出自己的套件、工具庫,例如YUIdojojQuery等。當然這是個很不錯得方向,專家們開發出套件,而開發者可以利用套件組裝出自己所需要的效果,瑣碎的問題交由套件處理掉,讓開發者減少開發時間與降低開發門檻。

Javascript 還是沒這麼簡單

前面的套件其實只解決了『前端開發的問題』,但是此時的javascript 已經不再是原本的javascript ,從前端到後端,甚至是指令等都可以利用javascript 來處理,例如nodeJS ,要怎麼利用javascript 寫出易讀,讓開發者容易瞭解、再利用的程式這是個難題。

coffeescriptDart兩者都屬於基於javascript 之上的產物,其目的就是為了解決『javascript 物件化』的問題,對於我來說,這兩種語言都不算是新的產物,頂多算是開發javascript 簡化工具,開發的程式結構越來越有『物件導向』的感覺,閱讀程式碼也更加簡單、優雅。

潛在的問題

萬變不離其宗,以上這幾種『工具』都是基於javascript 的變化型,根據使用套件及簡化作業的經驗來說,最終的最終還是會遇到許多不可解的問題,想要解決這些問題,或者是瞭解問題的所在,還是要去瞭解javascript ,只有根本的瞭解底層基礎運作,才是根本。

當然也許有開發者都不會碰到『地雷』,或者是『將地雷視而不見』,選擇繞路而行,雖然問題看似被解決了,事實上就變成了某種『經驗談』,或者是『它就是這樣子處理』,根本的問題還是存在著。

結語

javascript 演變至今,已經有一種越來越強大的局面,不可否認它是一種『非常糟糕的語言』,任何一種寫法都可以執行。當然隨著規範的更動,以及開發者的努力,這些問題都會漸漸被限制,規範也會越來越清楚。

當然利用套件開始自己的javascript 之路其實是不錯的事情,不管是從前端的jQuery 開始,或者是直接撰寫coffeescript 、Dart開始,都是一個不錯的方向,從門檻最低的平路開始,在一路上中後段還是會發現 - 『越不想碰的,最終還是要面對』

但至少你已經開始了這條,『不歸路』


留言

這個網誌中的熱門文章

面試者如何挑戰大工程師時代來臨?

面試者如何挑戰大工程師時代來臨? 全世界都在倡導轉職成為工程師,似乎轉職成為工程師就成為職場的救贖,真的是如此嗎?讓老衲來杠給各位聽。 最近有位好久不見的小朋友,是 2000 年出生的小蔡,對於即將面臨到面對職場的挑戰開始關心起技術,他開始尋找比較適合自己的領域,同時也開始在思考到底為了接下來的就職小蔡該如何準備。 詢問我說是不是可以考慮軟體開發工程師這條路線 對於他的詢問,反而引起我的注意, 這讓我開始思考並映射於最近招募的經驗,軟體開發此領域是不是對於每個人都是可以擔任的職啀,這邊分享一些自己的看法希望對各位有所幫助。 全民工程師這件事情 在全球景氣低迷的狀況下,的確特別在這一年大家會很有感覺萬物齊漲,薪水不漲,薪資就是一直停滯不前。 很多時候,在不同的領域中,會發現整個薪資就算是擔任了管理職務主管你也會面臨到薪資的強大屏障在自己面前。 這個時候, 軟體工程師年薪百萬口號 似乎就成了一種救贖。 好像成為了工程師就可以達到年薪百萬,在家輕鬆工作,不用打卡也不用受到風吹雨淋,隨時想工作就可以工作,每個月又有固定薪水入帳,感受到類財富自由,人生的美好。 如果能夠爭取到跨國公司的職位,這份薪水有可能還可以上看每個月十多萬以上,甚至是往上也是極度有可能的事情,人生美好層次又再度提高了起來。 但這件事情是真的每個人都可以達到嗎? 還是這就是另外一種性存者偏差呢? 亦或者這些人其實是金字塔頂端的小眾? 每份履歷都像是同一種履歷 最近在最近幾年在面試工程師的時候特別會看到許多轉職者,一開始履歷裡面看到相關的作品一開始會覺得十分的驚艷, Wow, 現在的新手就可以做到如此精美的畫面,這些畫面是我當初用 Bootstrap 也做不出來的東西,許多的互動體驗好的一個不行,做出來的頁面配色和對齊也是極致。 但是隨著時間推移,多看了幾封履歷之後,就會發現在各大技術養成學院出來的學生履歷成果內容如出一轍,在面試的過程中也會詢問許多關於框架的底層概念,和比較技術觀念的時候,甚至是許多框架的核心概念,就很容易露出馬腳。 很多面試者會 一問三不知 ,透過許多引導,但殘酷的是連關鍵字是什麼都也無法推敲出來,更不用說在小組裡面到底怎麼樣合作,許多不同線上產品的比較,使用者流程,使用者後面的互動邏輯等,幾乎是風吹一片倒,只能

jQuery, animate function with css exlapenation.

Today, I want to use jQuery making a animation for webpage, First I check animate fuction on ref book. I clearly know how use it, there are two main function for animate. 1. $().animate({ "style1":"value1" , "style2":"value2" }, Time); Time: it can be three type, String => "slow", "fast", "normal". Integer=>10000 2. $().stop(); it can immedaitely stop animation. Let's do some experieces, I bulit a simple page. You can hover UP and DOWN for a article sliding UP or DOWN. Les't do it. HTML CODE: <div id="all"> <div id="up">往上</div> <div id="showTab"> <div id="data"> About This script is intended for forms where the user needs to upload an image to a Web site. The image is displayed on the page for previewing before uploading. The display will be resized if needed so as not to break the page layout. Valid file types are set in the scri

初級工程師的迷霧:解析開發中常見的困擾與挑戰

在我和工程團隊的共事歷程中,我注意到初級工程師經常遇到的問題。這些問題,無論在面對簡單或複雜的挑戰時,都能體現出來。歸納起來會有常見以下幾個面向。 簡單的問題 發現許多初級工程師在面臨簡單或複雜的問題時,常有可能會遇到困難,時常會有一種繞圈圈的氛圍, 常見問題分別有, 問題本質 首先是對於問題本質上並沒有釐清完成的目標,以及問題本身是要解決什麼樣的商業問題,客戶問題,導致於因為總總原因,做了 scope 過大,或者,花了過多時間進行 over design 的問題發生。 過度依賴套件 發現在新手開發中,會發現為了解決單一問題,卻引用了一大包的 libary 或者引用了不適合此問題的套件。在求解的過程中,容易導致要解決套件的問題,而忘記了要解決的問題是什麼。 複雜的問題 我們在面對複雜的問題時,經常會因為缺乏策略與經驗而感到困惑,反而在處理看似簡單的問題時,卻可能因為過度依賴套件或缺乏組合技巧,而陷入泥淖。不論是複雜或是簡單的問題,我們都需要找到更有效的解決方式。 不論是經常過度依賴套件求解,又或者複雜的問題不知道如何拆解。因此導致新手可能會感到無所適從,不知道如何運用組合技巧。因此,他們往往在處理看似簡單的問題時,容易陷入困境,導致專案的時程延宕。 特別是各自工程師都有開發壓力時,身為新手開發者就更難與資深開發者進行討論,從中汲取前輩的經驗,轉化成自身的價值發生。 解決的方向 上述的問題,自己再開發的時候也或多或少會發生,當然在新入門者更是容易深陷其中,不知如何自拔。 除了參與社群,從傾聽到互動的過程中,從前輩的經驗進行思考及內化的過程。 在 AI Generated 時代,我們可以透過 LLM 透過適當的思考方式和問答過程,逐步的逼近答案,也許是一條可以進行的道路。 這裡,會以透過內部訓練的經驗,提出如何以 ChatGPT 這樣的工具為例,提升對於新手工程師的幫助。 透過 ChatGPT,我們可以解決許多類似的問題。例如,我們可以透過 ChatGPT 建立一個問答系統,進行問題分析,或是請 ChatGPT 提出最適合的工具和方法來解決問題,尤其是那些可以透過使用基礎 function 就能處理的簡單問題。這不僅能讓我們避免過度依賴套件,更能發掘並利用基礎工具的能力。 工商時間 7/3 (週