Hazel Wu | 22'mm

Vue 與 Slot 結合

Vue 與 Slot 結合SlotSlot是什麼?可以讓你插入HTML內容。會使用的時機通常是結構都相同,但是裡面的HTML需要更改,CSS表現方式可能有三四種,這時Slot就可以派上用場了。 用法匿名插槽匿名插槽就是slot不設定name屬性,通常用在屬性較單純,只需要插入一個地方處。他會 ...
閱讀更多

Vue 動態切換元件

Vue 動態切換元件根據API取得的資料,動態切換元件。公司需要做模板切換,使用者可以在後台選擇layout1、layout2、layout3,分別會載入不同的layout 我們將API取得的資料放在sessionStorage.siteInfo裡,接著利用:is來做動態切換。 當是layo ...
閱讀更多

Vue 自動化導入 SASS Mixin

專案需要導入全域的 Mixin,以下會介紹要怎麼設定。專案使用的是Vue CLI 3建立的,因此需要自行建立一個vue.config.js檔來修改Webpack設定 在官方Vue文件的自动化导入說明,我們可以用style-resourses-loader來加載mixin、color等需要全域 ...
閱讀更多

Docker Network

Docker
Docker Network 筆記及練習 Docker Network 指令Container Port 與協議1docker port [container_ID] Docker Container IP顯示Container IP 1docker inspect [container_I ...
閱讀更多

MacOS 安裝 GVM

Go GVM
我用MacOS作業系統,iterm2、zsh環境,這邊做個紀錄 移除 Mac 官方 go 安裝檔我們要裝GVM,要先移除官方版本的GO 安裝檔,12rm /usr/local/gorm /etc/paths.d/go 安裝 GVMzsh1zsh < <(curl -s -S -L ...
閱讀更多

攻略:用Jenkins 從 0 到 1 打造強大的前端自動化工作流

Vue Jenkins
這篇要教導你如何用CI/CD最可靠的工具:Jenkins來打造自動化的前端環境。會有這篇文章是因為公司的專案一直以來都是手動部署的方式,每當更新程式碼要測試時,都需要找有權限的同事幫忙手動部署,一天請同事幫忙五六次都會覺得不好意思。非常希望能夠每次在git push專案時,便會自動抓最新的程 ...
閱讀更多

Vue 元件之間的傳話筒 總整理

使用 Vue 建構網站,會越來越多元件,元件之間的溝通非常重要,常常需要傳遞資訊,讓彼此知道,讓資訊流通是一件非常重要的事! Props 父傳子 Parent => Child Communication $emit 子傳父 自定義事件,Child => Parent Co ...
閱讀更多

FrameWork 7 與 H5 邂逅的雷坑

Vue FrameWrok 7
環境配置:Vue + FrameWork 7 ,外面包一層Apk,做成App供手機測試以下將紀錄在實作時遇到的雷坑及如何解決的。 input 送出按鍵123456789101112131415161718192021<!-- 驗證碼: authenticationCode Start ...
閱讀更多

快來架設超潮的NodeBB論壇在Heroku上

node.js forum heroku
架設 NodeBB 論壇 在 Heroku 上This tutorial is introduce how to install NodeBB forum with MongoDB on MacOS and how to create in Heroku application.I look ...
閱讀更多

Vue 元件化概念

Vue 元件化概念 筆記 使用元件化切出複雜頁面 使用vue-router 做耊面 使用 vuex(資料中心)統一狀態更動 元件化 App.vue是大元件 什麼是元件化? 將網頁依照頁面、功能拆分 小至一個按鈕、大到整個頁面或程式 Single File ComponentVue 元件化概 ...
閱讀更多
Prev Next