Category: Vue

有讀者提到:常聽人說「寫過 MVVM 網頁就回不去了」,想試試卻不知如何入門。 看來,不少全端同學仍依賴 JavaScript / jQuery 掛事件串元素的傳統做法寫網頁,沒體驗過 MVVM 的美麗新世界。但當今前端框架(VAR, Vue.js、Angular、React.js)主流做法多需安裝...

網友留言說 UI 設計小錦囊 - 20 種差異鮮明色彩組合的輕前端範例無法執行。 這回輪到我說:「咦?我測試的時侯明明是好的...」 實際一測,還真的壞惹!! 網頁所引用的 Vue.js CDN 網址 https://unpkg.com/vue@next 失效了。 vue@next 應是 Vue ...

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

前端?後端?全端? 小閃光問了個問題:非本科轉職資訊走前端是不是比較容易?身為全端老司機,依多年經驗與觀察給了分析: 前端技術工具常砍掉重練,大家一起被拉回起跑線,老鳥優勢不明顯 前端知識較收斂,打好 HTML、CSS、JavaScript 基礎即能上場 前端設計成果回饋直覺,驗收規格明確,也易靠...

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

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

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

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

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

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

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

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

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