米薩克
  • 首頁
  • KBtalKing Pro
  • 關於作者
  • 鍵盤
  • 滑鼠
  • 工具
  • 網站連結
  • 首頁
  • KBtalKing Pro
  • 關於作者
  • 鍵盤
  • 滑鼠
  • 工具
  • 網站連結
米薩克

Mesak 敗家、筆記、生活

作者

Mesak

Mesak

我是米薩克,想了解更多可以點選  關於我 

Vue

[Vue] 那就來寫前端吧 router permission

by Mesak 2022-03-01
written by Mesak

Vue 的本身是沒有權限的,雖然 vue router 本身建議基於 路由把資料塞到 meta 內,不過這個邏輯不方便應用我的後台管理。

目前設計的是公司內部使用的管理介面,所以是有點類似論壇的概念,每個使用者一定會有特定的權限,後端也會設計角色群組,授權給不同的使用者,所以一定會有交錯的權限設計。

目前後端採用的權限控管使用 casbin 權限控管,帶入 laravel 有的 route name,每個路由都會有獨立的 key name ,前端的路由也可以對應後端的路由,不過要確定一個明確的 keyname,根據 laravel 的 resource 定義,能夠讀取首頁的 route name 都定義為 index 。

繼續閱讀
2022-03-01 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
Vue

[Vue] 那就來寫前端吧 router ? route ?

by Mesak 2022-02-26
written by Mesak

router, route 不知從何開始,寫後端都有一個 router 來控管程式進入的方式,透過 framework 框架的路徑模式,控管每個 function 的進入點來回傳內容,細部的切分讓程式的分工執掌更明確,統一的進入點讓程式的載入更有一致性。

以往麵條式的載入寫法都被視為非主流寫法,因為統一的調用更能夠掌握整個程式的運作模式,也衍伸了像是整個程式的生命週期問題,同步與非同步調用等設計模式。

開始寫 vue之後,沒想到前端也有個路由,加上之前看過的 class 繼承,越來越覺得 前端是不是跟後端也有點像了… 不過這也不是個壞東西,既然接了就要來弄懂他。

繼續閱讀
2022-02-26 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
Vue

[Vue] 那就來寫前端吧 vuex

by Mesak 2022-02-23
written by Mesak

開始寫 vue 的時候,首先最好開始理解一下 es6 的寫法,由於我是寫 php 居多,所以當我看到 es6 有 class 還有 extends 的時候,感覺相當熟悉,好像見到了老朋友…,不過幾個同事看到我專案寫一堆 extends 都叫我去寫 React XD….

利用 vue 建立了許多 component 之後,就會發現會遇到很多傳值的問題。

在許多框架裡面,會以 全域狀態管理的模式來管理這些你需要延續傳遞下去的數值,換作原生的 JavaScript 來說,當你遇到變數作用域無法共享的時候,vuex 那就放 WINDOW 的變數一樣,大家都抓的到。

繼續閱讀
2022-02-23 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
Vue

[Vue] 那就來寫前端吧 into

by Mesak 2022-02-23
written by Mesak

許久沒更新 Blog 的文章了,因為換了工作,時間都被工作排滿了,要重新學習的東西太多了,所以荒廢了部落格的文章

熊熊忘了自己的部落格文章也有部分是偏技術的 XD。

標題直接點破這次學習的就是 Vue ,不過我學的 Vue 有點雜食,主要我主力還是放在後端,也許後面有機會,會持續更新一點 後端 Laravel 的文件。

原先的工作是利用 jQuery 來支援原有的系統,再一段一段把後端的程式碼,由麵條式代碼改成 Framework 的形狀,打算逐步進行更新,原專案用了 jQuery 純 AJAX 建立了類似 前後端分離的模式。

更新期間進行了一次改版,把前端由純 JS + jQuery 改成 ES6 的 import 檔案加上 template7 來動態載入內容,感覺有一點像是 SPA 的東西,不過離 SPA 的模樣還是差個十萬八千里。

繼續閱讀
2022-02-23 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
硬體

[活動] 展碁x老貓2021 疫後新常態打造辦公新設備趴

by Mesak 2021-12-14
written by Mesak

時間過得好快,來到 2021 年末了,在這個時代中,遠距離工作環境變得越來越重要,各企業都開始考量員工不在公司上班的工作型態

這次參加展碁國際與老貓合辦的「展碁 x 老貓 2021 疫後新常態打造辦公新設備趴」看到了各家廠商針對居家辦公環境推出的各式軟硬體輔助,讓家用電腦與辦公設備的隔閡越來越少。

這次的活動會場在台北文創6樓,會場比以往對比感覺得出來好像多了許多位子。

繼續閱讀
2021-12-14 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
滑鼠

[開箱] 不只輕還更多變,POJUN J02-電競滑鼠

by Mesak 2021-11-26
written by Mesak

現在市面上出現越來越多的輕量化滑鼠,今天要介紹的 POJUN 也不惶多讓,推出 POJUN波軍 J02 電競滑鼠,主打著可多樣化的配置設計,定製你的側鍵、上蓋、配重,各種多樣化的自訂設計,提供給玩家更多樣化的選擇。

滑鼠不但要耐用還要多樣化 POJUN波軍 J02電競滑鼠主打

  • 高效能PAW3327感應器
  • 凱華 6000萬次微動開關
  • 可更換磁吸側鍵
  • 自訂RGB燈光
  • 程式自訂巨集
  • 替換蜂巢上蓋
  • 自訂配重

多樣化的選擇性,可讓你的滑鼠更符合你自己使用

來看看 POJUN J02 有哪些規格吧

繼續閱讀
2021-11-26 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
家具

[開箱] 廚房就是少個架子,走走家具電器架

by Mesak 2021-11-17
written by Mesak

前篇分享了走走家具設計的工作台以及高腳椅的組合配置,在品質上完全不輸給實木家具!

還有另一款北歐風的家具是是設計給電器櫃使用,家中如果一開始就沒有裝潢設計到電器專屬櫃子,等到有相關的家電要配置的時候,就會需要這種電器櫃來置放。

走走家具設計的電器櫃,就是拿來放置家用廚房電器的架子,搭配走走家具強調的輕便易移動的特性,北歐風的設計擺放在家中一點都不突兀。

走走家具稱為走走,也是方便租屋族可以將你的家具帶著走,搬家頭痛的都是大型家具的移動,如果可以折合收納就可以增加搬運的空間,不用受限於家具固定大小的侷限。

當然雖然增加了可拆可組性質,顏質還是不可少,走走家具全部採用樺木夾板來製作,早前我自己在入住的時候為了省錢也有從淘寶買過家具,不過淘寶的家具只寫了橡木色,完全不會跟你說什麼材質,

這次這款是走走家具電器架,走走家具的架子一直都是相當有質感的設計,就算一開始家具規劃設計沒有電器架位置,購買一個走走電器架來擺放都不會是太突兀的設計

走走家具有著一貫輕鬆的包裝,跟簡易的拼裝模組化設計,走走電器架全部的大零件平放圖

繼續閱讀
2021-11-17 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
家具

[開箱] 走走家具多功能工作台,隨手可及備菜超方便

by Mesak 2021-10-21
written by Mesak

在新家生活了一陣子,開始慢慢體會到小戶型的困擾。

一年前找了個小坪數的房型,把客廳改成電腦桌的空間,生活都圍繞在電腦桌前

廚房緊臨客廳,乾脆把客廳改為餐桌,視野看起來比較寬敞。

不過最近開始有點小苦惱,五月開始在家比較多做菜的時間,每次備餐備菜都要把餐桌的空間挪來備菜,有朋友來的時候餐桌就同時是備餐檯,備菜空間根本不夠放。

剛好看看走走家具最新推出的工具台+高腳椅的組合,北歐家具的風格似乎有點打中我的需求。

研究一下走走家具的板材用料以及設計,走走家具模組化設計模式相當的方便,主打重拆卸與安裝,簡單的包材也可以重複利用,先前買淘寶家具的經驗,保麗龍安裝緩衝材特別多,如果需要搬家或是移動的話,重新找到一樣的緩衝材就有點麻煩,快速的拆卸與打包算是走走家具的一個獨有的特色。

繼續閱讀
2021-10-21 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
家電

[家電] 新居入住,改變我生活習慣的幾樣家電

by Mesak 2021-07-07
written by Mesak

目前入住也快半年了,搬到新家生活習慣改變很多,今天就來寫幾個真心推薦的家電,本來想寫買了不後悔的家電,但是有滿多家電是生活必需品,能夠感受到不一樣的只有品牌差異,今天要來討論的是,原本我生活中沒有的,或是不一樣的行為,用了哪一些家電改變了我的生活習慣。

繼續閱讀
2021-07-07 0 comment
1 FacebookTwitterPinterestTumblrRedditLINEEmail
工具

[開箱] Wowstick 無線熱熔膠筆,隨手就能黏

by Mesak 2021-06-27
written by Mesak

你還在用有線的熱熔膠槍嗎?Wowstick 推出了無線便攜的速熱熔膠筆,有別於傳統的熱熔膠槍的造型,Wowstick 熱熔膠筆 完全擺脫電線的限制,只需要充飽電就可以無線使用長達 90分鐘,讓你不論是在家還是外出,都可以很好的操作

產品收到相當輕巧,黑色彩盒,熱熔膠條耗材、 TYPE-C 充電線、熱熔膠筆機身。

繼續閱讀
2021-06-27 0 comment
0 FacebookTwitterPinterestTumblrRedditLINEEmail
較新文章
較舊文章

米薩克

米薩克

近期文章

  • [教學] 利用 n8n 建立 LINE 聊天機器人
  • [開箱] IROCKS K103R 熱插拔無線機械式鍵盤
  • [開箱] IROCKS-K85R 無線機械鍵盤
  • [開箱] IROCKS K75M 銀色上蓋機械式鍵盤
  • [開箱] IROCKS M31E 粉紅色光學遊戲滑鼠

彙整

  • 2025 年 6 月
  • 2025 年 3 月
  • 2024 年 4 月
  • 2023 年 10 月
  • 2023 年 9 月
  • 2023 年 8 月
  • 2023 年 2 月
  • 2023 年 1 月
  • 2022 年 11 月
  • 2022 年 7 月
  • 2022 年 5 月
  • 2022 年 3 月
  • 2022 年 2 月
  • 2021 年 12 月
  • 2021 年 11 月
  • 2021 年 10 月
  • 2021 年 7 月
  • 2021 年 6 月
  • 2021 年 4 月
  • 2021 年 3 月
  • 2021 年 2 月
  • 2020 年 12 月
  • 2020 年 11 月
  • 2020 年 10 月
  • 2020 年 9 月
  • 2020 年 8 月
  • 2020 年 7 月
  • 2020 年 6 月
  • 2020 年 5 月
  • 2020 年 4 月
  • 2020 年 3 月
  • 2020 年 2 月
  • 2020 年 1 月
  • 2019 年 12 月
  • 2019 年 11 月
  • 2019 年 10 月
  • 2019 年 9 月
  • 2019 年 8 月
  • 2019 年 7 月
  • 2019 年 6 月
  • 2019 年 5 月
  • 2019 年 4 月
  • 2019 年 3 月
  • 2019 年 2 月
  • 2019 年 1 月
  • 2018 年 12 月
  • 2018 年 11 月
  • 2018 年 9 月
  • 2018 年 8 月
  • 2018 年 7 月
  • 2018 年 6 月
  • 2018 年 5 月
  • 2018 年 4 月
  • 2018 年 3 月
  • 2018 年 2 月
  • 2018 年 1 月
  • 2017 年 12 月
  • 2017 年 11 月
  • 2017 年 10 月
  • 2017 年 9 月
  • 2017 年 8 月
  • 2017 年 6 月
  • 2017 年 4 月
  • 2017 年 3 月
  • 2017 年 2 月
  • 2017 年 1 月
  • 2016 年 12 月
  • 2016 年 11 月
  • 2016 年 10 月
  • 2016 年 9 月
  • 2016 年 8 月
  • 2016 年 7 月
  • 2016 年 6 月
  • 2016 年 5 月
  • 2016 年 4 月
  • 2016 年 3 月
  • 2016 年 1 月
  • 2015 年 12 月
  • 2015 年 11 月
  • 2015 年 10 月
  • 2015 年 9 月
  • 2015 年 8 月
  • 2015 年 7 月
  • 2015 年 6 月
  • 2015 年 5 月
  • 2015 年 4 月
  • 2015 年 3 月
  • 2015 年 2 月
  • 2015 年 1 月
  • 2014 年 12 月
  • 2014 年 11 月
  • 2014 年 10 月
  • 2014 年 9 月
  • 2014 年 8 月
  • 2014 年 7 月
  • 2014 年 6 月
  • 2014 年 5 月
  • 2014 年 4 月
  • 2014 年 3 月
  • 2014 年 2 月
  • 2014 年 1 月
  • 2013 年 12 月
  • 2013 年 11 月
  • 2013 年 9 月
  • 2013 年 8 月
  • 2013 年 7 月
  • 2013 年 6 月
  • 2013 年 5 月
  • 2013 年 4 月
  • 2013 年 3 月
  • 2013 年 2 月
  • 2013 年 1 月
  • 2012 年 12 月
  • 2012 年 11 月
  • 2012 年 10 月
  • 2012 年 9 月
  • 2012 年 8 月
  • 2012 年 7 月
  • 2012 年 6 月
  • 2012 年 5 月
  • 2012 年 4 月
  • 2012 年 3 月
  • 2012 年 2 月
  • 2012 年 1 月
  • 2011 年 12 月
  • 2011 年 11 月
  • 2011 年 10 月
  • 2011 年 9 月
  • 2011 年 8 月
  • 2011 年 7 月
  • 2011 年 6 月
  • 2011 年 5 月
  • 2011 年 4 月
  • 2011 年 3 月
  • 2011 年 2 月
  • 2010 年 11 月
  • 2010 年 10 月
  • 2010 年 9 月
  • 2010 年 7 月
  • 2010 年 4 月
  • 2010 年 3 月
  • 2009 年 11 月
  • 2008 年 12 月
  • 2008 年 10 月
  • 2008 年 9 月
  • 2008 年 8 月
  • 2008 年 7 月
  • 2008 年 6 月
  • 2008 年 4 月
  • 2008 年 3 月
  • 2008 年 2 月
  • 2008 年 1 月
  • 2007 年 12 月
  • 2007 年 11 月
  • 2007 年 10 月
  • 2007 年 9 月
  • 2007 年 8 月
  • 2007 年 7 月
  • 2007 年 6 月
  • 2007 年 5 月
  • 2007 年 4 月
  • 2007 年 3 月
  • 2007 年 2 月
  • 2007 年 1 月
  • 2006 年 12 月
  • 2006 年 11 月
  • 2006 年 10 月
  • 2006 年 9 月
  • 2006 年 8 月
  • 2006 年 7 月
  • 2006 年 6 月
  • 2006 年 5 月
  • 2006 年 3 月
  • 2006 年 2 月
  • 2006 年 1 月
  • 2005 年 12 月
  • 2005 年 11 月
  • 2005 年 10 月
  • 2005 年 9 月
  • 2005 年 8 月

分類

  • 個人配件
  • 咖啡
  • 家用主機
  • 居家
    • 家具
    • 家電
  • 工具
    • 文具
  • 影音
  • 玩具
  • 硬體
    • 3D Printer
    • 其他周邊
    • 喇叭
    • 手把
    • 手機
    • 滑鼠
    • 相機
    • 耳機
    • 鍵盤
    • 電源
  • 碎碎念念
  • 程式
    • Chrome extensions
    • JavaScript
    • PHP
    • Python
    • Vue
    • WordPress
  • 網路資訊
  • 美食
  • 軟體
  • 遊戲
  • 遊玩
  • 運動

書籤

  • 歡迎交換連結

About

Mesak

mesak

http://about.me/mesak

Contact:

Mesak Gmail

Histats:

Online:

2025 年 7 月
一二三四五六日
 123456
78910111213
14151617181920
21222324252627
28293031 
« 6 月    
  • Facebook
  • Twitter

@2020- All Right Reserved. Designed and Developed by PenciDesign


Back To Top
米薩克
  • 首頁
  • KBtalKing Pro
  • 關於作者
  • 鍵盤
  • 滑鼠
  • 工具
  • 網站連結
@2020- All Right Reserved. Designed and Developed by PenciDesign