Category: vue

2 4,311
身為老派全端攻城獅，我對網頁動畫效果的知識前幾年還停在 jQuery fadeIn()、slideDown() 時代，腦中的想像是用 JavaScript 間隔固定時間修改 CSS 樣式數值。這些年見了一點世面，發現前端世界早就變了，現在大家都用 CSS 做網頁動畫。很早之前各家瀏覽器便嘗試內建動畫...

1 3,234
讀者 Kg 分享，我愛用的 Vue 3.0 輕前端寫法若遭遇資安政策要求禁用 CSP script-src 'unsafe-eval' 將會失效。登楞!!! 研究了一下，Vue 超方便的 template 寫法 template: '<div>{{ message }}</div&...

3 2,327
在我專案裡 Vue.js 主要用來處理 MVVM，用 <script> 載入 vue.js，寫幾行 JavaScript 搞定，走不寫模組，不用 TypeScript，免編譯打包的「輕前端」模式，但常用邏輯還是會寫成元件(Component)方便共用。 在 Vue 2 時代，我習慣在網頁...

3 2,886
昨天分享透過 vue3-sfc-loader 載入 .vue 檔案的解決方案，讓輕前端也能輕鬆應用 SFC 元件實現氣刀體一致，但仍有美中不足之處。 首先，vue3-sfc-loader 的原理是把 Vue CLI 開發階段用的 SFC 編譯程式搬到瀏覽器端( vue3-sfc-loader.js ...

1 4,006
前幾天提到在 ASP.NET 使用輕前端 整合 Vue.js 做 MVVM，若遇到伺服端元件輸出 script/style 的注意事項。FB 留言區 Died Liu 分享透過 defineAsyncComponent 方法載入 .vue 元件檔的做法，不需要 npm、webpack 也能享受用 ....

0 7,207
即便前端發展已十分成熟，幾乎無所不能，但仍有些必須依賴 ASP.NET WebForm 的場合 - 例如，在前端專案中整合既有系統的 WebForm 網頁。如果該系統成熟且穩定，年資還比你多三倍，嚷著把它換掉改用前端重寫，通常老闆想換掉的會是你。另外，有些技術目前只有 WebForm 解決方案，Re...

2 4,406
這是我開始用 Vue + jQuery 寫「輕前端」最常遇到的困擾，網頁原本用 jQuery 在 HTML 元素加掛事件或用 jQuery("...").pluginName() 掛上套件，在加入 Vue 之後失效。我知道這聽起來很模糊，用實例展示一下，大家就知道我在說什麼了。 ...

5 5,629
不管用哪種前端框架，一定少不了遇到 Checkbox 清單需求，之前寫過 KO 版，寫過 NG 版，如今改學 Vue，不寫個 Vue 版成何體統？ 廢話少說，放碼過來! <!DOCTYPE html> <html> <head> <meta cha...

3 11,402
Vue 團隊在昨天(2020/09/18)正式發佈代號為「海賊王 One Piece」的 Vue 3.0，很快在知乎己有發佈公告的中文翻譯。我在一些「輕前端」專案引用 Vue.js 2.x 處理網頁元素互動操作時的 MVVM，自然要觀注 Vue 的版本發展，而這次關心重點不外乎：Vue 3.0 有什...

4 11,165
我從 onclick/onselect 寫 JavaScript 開始寫動態網頁，經歷了 jQuery 盛世，陸續學過 Knockout.js/AngularJS MVVM，還玩過一點 TypeScript；從來前端開發演進如火箭升天，但我當了中輟生，沒再跟隨前端潮流前進。當今主流的前端開發加入許多...

4 18,536
這兩年前端寫得少，Vue 筆記呈現「外出取柴」狀態轉眼也一年多。這段期間仍在留意 Vue.js 發展，專案上也用 Vue 取代 AngularJS 實作過幾個網頁的 MVVM，但嚴格來說沒什麼長進。 前幾週有網友問起老程式 - 中文編碼解析工具，讓我興起念頭，不如把它改成網頁版順便開源吧! 想當然爾...

1 8,964
要用 TypeScript 寫 Vue 程式，首先要取得 Vue.js TypeScript 定義檔才能享受強型別的好處。 Vue 2.0 釋出於 2016/9/30(最新版為 2.5 版)，NuGet 上的 vue.TypeScript.DefinitelyTyped 更新時間為 2016/...

13 20,903
相信大家看完官方教學已經躍躍欲試，就讓我們動手在 VS2017 ASP.NET 專案開個網頁試試 Vue.js。 好消息是 NuGet 上使用 vue 關鍵字就能找到 Vue.js 作者(Evan You, 尤雨溪)自己維護的 Vue 套件，Developer 版本包含較完整詳細的錯誤訊息，如果...