![[指南] 你真的需要 jQuery 嘛？ jQuery 和 Vanilla JavaScript 轉換對照表](https://smlpoints.com/wp-content/uploads/guide-do-you-need-jquery-1.jpg "[指南] 你真的需要 jQuery 嘛？ jQuery 和 Vanilla JavaScript 轉換對照表")
[指南] 你真的需要 jQuery 嘛？ jQuery 和 Vanilla JavaScript 轉換對照表
jQuery 的誕生至今也超過 10 年了，而瀏覽器彼此間語法不相通的狀況也日漸削減，究竟有無需要再使用 jQuery 呢？jQuery 當初設立的目的除了解決 Read More …
分類: 網頁開發 Web Development
![[指南] Vue.js 搭配 Docker 進行佈署](https://smlpoints.com/wp-content/uploads/guide-deploy-vue-js-with-docker-1.png "[指南] Vue.js 搭配 Docker 進行佈署")
[指南] Vue.js 搭配 Docker 進行佈署
Docker 是個運用了虛擬化技術的套件，讓不同電腦上可以正常執行同樣的電腦程式。之所以有這項需求的產生，是由於每台電腦的作業系統、硬體配置、甚至是操作套件的版 Read More …
![[筆記] 簡易型筆記本 Nute 瀏覽器輸入直接存成 TXT 檔](https://smlpoints.com/wp-content/uploads/guide-online-txt-editor-nute-1.jpg "[筆記] 簡易型筆記本 Nute 瀏覽器輸入直接存成 TXT 檔")
[筆記] 簡易型筆記本 Nute 瀏覽器輸入直接存成 TXT 檔
有時候要筆記一下東西，卻得額外開個記事本、備忘錄之類的，總是有一點麻煩。Nute 則是個使用起來簡單不囉嗦的網頁服務。同時所需的頻寬很小，在網路訊號不佳的地方也 Read More …
![[筆記] Vue-Carousel 輕量化輪撥套件介紹](https://smlpoints.com/wp-content/uploads/notes-vuejs-node-js-initialize-projects-1.jpg "[筆記] Vue-Carousel 輕量化輪撥套件介紹")
[筆記] Vue-Carousel 輕量化輪撥套件介紹
說到 Carousel 輪撥系列的套件，Swiper 可以說是滿知名的一個，也有整合版的 Vue Awesome Swiper 可供使用。不過若你只是要簡單輕量 Read More …
![[指南] Embed Responsively 幫助 Google Maps, Youtube ….等加上自適應 RWD 效果](https://smlpoints.com/wp-content/uploads/guide-embed-responsively-help-google-maps-youtube-etc-with-responsive-effect-1.jpg "[指南] Embed Responsively 幫助 Google Maps, Youtube ….等加上自適應 RWD 效果")
[指南] Embed Responsively 幫助 Google Maps, Youtube ….等加上自適應 RWD 效果
最近常會有需要轉貼 Google Maps, Youtube, Vimeo 之類的 iFrame 到網頁上，或是內嵌到某個網站內。但是要從頭調整成滿版的 RWD Read More …
![[指南] Chart.js 前端圖表實用工具](https://smlpoints.com/wp-content/uploads/guide-chart-js-configuration-and-demo-1.jpg "[指南] Chart.js 前端圖表實用工具")
[指南] Chart.js 前端圖表實用工具
Chart.js 是個輕量且具備多樣化設定的 JavaScript Library，支援 8 種圖表類型，也支援混合圖表。在大數據的時代，資料視覺化變成一門顯學 Read More …
[筆記] 在 Vue 中正確引用 src/assets 裡的圖片
在 Vue 專案內放於 src/assets 裡面的圖片檔案，會在打包 npm run build 的時候一起被整合到最終的 img 資料夾。因此，若你要在 V Read More …
[筆記] 將 Vue 專案自動佈署到 Github Pages 上
每次完成了一個 Vue 專案，要佈署到 Github 上，往往要手動執行 npm run build 之類的指令才能看到結果。這樣的重複動作，是可以寫腳本 (S Read More …
![[筆記] 網頁跨平台文字設定 Font-Family](https://smlpoints.com/wp-content/uploads/notes-html5-input-time-format-1.jpg "[筆記] 網頁跨平台文字設定 Font-Family")
[筆記] 網頁跨平台文字設定 Font-Family
在網頁設定中，往往會被忽略的大概就屬 Font-Family 了。這 Font-Family 掌管著你的網頁最後呈現在使用者的瀏覽器上時，其字型究竟是怎樣被決定 Read More …
