| | | 2 | | 4,311 |
身為老派全端攻城獅,我對網頁動畫效果的知識前幾年還停在 jQuery fadeIn()、slideDown() 時代,腦中的想像是用 JavaScript 間隔固定時間修改 CSS 樣式數值。這些年見了一點世面,發現前端世界早就變了,現在大家都用 CSS 做網頁動畫。很早之前各家瀏覽器便嘗試內建動畫...
| | | 0 | | 1,572 |
我寫了一個在 <input type="text" v-model="keywd" > 輸入關鍵字搜尋顏色的 Vue 3 範例: <div id="app"> <h2>HTML Color Nam...
| | | 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 也能享受用 ....
| | | 2 | | 3,263 |
前幾天介紹過用 Tag Helper 製作 ASP.NET Core 網頁自訂元件,我便開心寫起元件,初測 OK,與 Vue.js 整合卻遇到問題,與 Vue 處理內含 <script> <style> HTML 的行為有關,請容我娓娓道來。 我設計出以下實驗重現及觀察。新增...
| | | 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 | | 3,910 |
這兩年我的網頁開發主要走「輕前端」路線,以 ASP.NET MVC 或 ASP.NET Core .cshtml 為主體,直接 <script > 載入 jQuery、KendoUI 等程式庫處理 UI,若元素間互動較複雜的則用 Vue.js 實踐 MVVM。這有些背離當代重度依賴 np...
| | | 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 版本包含較完整詳細的錯誤訊息,如果...