文章加密

;

2021年2月24日 星期三

網站 滲透測試

 滲透測試服務 (Penetration Test, PT) 以駭客思維嘗試入侵該企業的網站、資訊系統、設備等軟硬體,找出各種潛在的漏洞,驗證企業的資料與設備是否可被竊取或破壞,評估資訊系統與硬體安全性是否有待加強。

2021年2月3日 星期三

使用 WebP 格式減少圖片載入時間 (還沒看懂 git 上 sr的寫法)

 https://medium.com/@mingjunlu/image-optimization-using-webp-72d5641213c9

【使用套件偵測 WebP】
不想重複造輪子的話,可以直接使用 Modernizr 這個專門負責偵測瀏覽器功能的套件。我們只需要偵測 WebP,可以不用把整個 library 匯進來。請先到這邊,點選右上角的「BUILD」,再點選第一列的「Download」,就能拿到「只偵測 WebP」的程式碼片段。

↑這段還沒懂???


https://gitlab.com/asus-icr/asgard-gitlab/-/merge_requests/1232/diffs

弱掃weak sweep

 全球隱私保護執法網絡: Global Privacy Enforcement Network (GPEN)

Internet Privacy Sweep: 也就是弱掃weak sweep



  1. if the cookie transmission requires a secure protocol (https).

    Examples:

    Cookies.set('name', 'value', { secure: true })
  2. 如果你有使用 ESLint 的話,它會建議你在 a 標籤中要加上 rel="noreferrer noopener"

    之所以要加上這行,是因為當瀏覽器使用 target="_blank" 來打開新視窗時,新的視窗所在的網頁是有辦法透過 window.opener 這個物件來操作你原本的頁面。

    因此,若你使用的 target="_blank" 的話,eslint-plugin-react 都會建議你要加上 rel="noreferrer noopener",以確保使用者當前瀏覽的頁面,不會因為開新視窗後被另開的這個網站給影響。



2021年1月27日 星期三

nuxt 的很多規則(坑)

 The asyncData hook. This hook can only be placed on page components.   →這就造成header的觸發寫在各個page component裡面,而不寫在header component裡


 Middleware lets you define custom functions that can be run before rendering either a page or a group of pages (layout).

https://nuxtjs.org/docs/2.x/directory-structure/middleware



無關小知識:位元運算

1. a>>n   表示a除以2的n次方

2. a>>n   表示a乘以2的n次方

3. 3.122132 | 0  結果是3,這個的邏輯沒有懂 https://hackmd.io/@Yu040419/rkE0bTsaE

2021年1月15日 星期五

akamai是一種cdn

 內容傳遞網路和雲服務提供商

https://blog.gslin.org/archives/2015/08/20/5936/%E9%97%9C%E6%96%BC%E5%90%84%E5%AE%B6-cdn-%E7%9A%84%E9%81%B8%E6%93%87/


Bot Manager service:

https://www.akamai.com/us/en/products/security/bot-manager.jsp

2021年1月12日 星期二

google insight, 網站評價 google Web Vitals

網站使用體驗核心指標一篇看懂,從概念介紹到如何優化完全解析-奇寶網路部落格 (seoseo.com.tw) 


https://github.com/GoogleChrome/web-vitals


https://www.ithome.com.tw/news/137434


https://medium.com/hybrid-maker/%E7%B0%A1%E5%96%AE%E4%BE%86%E5%81%9A%E4%B8%80%E5%80%8B-chrome-extension-2359e43f282a


// 下面這個還沒看,稍微有覺得比起學習怎麼寫code,已經有點需要整體的運作,從發展到實踐成功,多看看別人的經歷不錯

https://tw.alphacamp.co/blog/how-to-make-a-chrome-extension

https://sci-hub.se/

2021年1月6日 星期三

sass @extend %

 https://medium.com/chloelo925/scss-%E9%87%8D%E9%BB%9E%E7%AD%86%E8%A8%98-f933b5404d81