院長週記 2021 第 34 週 - 臉書40萬人的新竹大小事社團被滅團

這是院長本人的數位週記簿,每週五紀錄一下本週發生了什麼事以及院長的觀點。

重點話題

臉書40萬人的新竹大小事社團被滅團

你的 business 不應該依賴別人的平台,平台只是助力,真正還是要能夠自己掌控,所以我自己建立 blog

詳細滅團經過可以看影片


技術話題

markdown-it-link-preview

markdown-it 的 plugin 去抓連結 meta 的圖片與 description 。

GitHub - junkawa/markdown-it-link-preview: Markdown-it plugin to include link preview in your document
GitHub - junkawa/markdown-it-link-preview: Markdown-it plugin to include link preview in your document

Markdown-it plugin to include link preview in your document - GitHub - junkawa/markdown-it-link-preview: Markdown-it plugin to include link preview in your document

https://github.com/junkawa/markdown-it-link-preview


big.js

JavaScript 處理 decimal 的函式庫

如果有業務邏輯是跟金錢計算有關的話,建議都要用 decimal 的型態來計算會比較安全。

GitHub - MikeMcl/big.js: A small, fast JavaScript library for arbitrary-precision decimal arithmetic.
GitHub - MikeMcl/big.js: A small, fast JavaScript library for arbitrary-precision decimal arithmetic.

A small, fast JavaScript library for arbitrary-precision decimal arithmetic. - GitHub - MikeMcl/big.js: A small, fast JavaScript library for arbitrary-precision decimal arithmetic.

https://github.com/MikeMcl/big.js


Public API Lists

收集各種有用的 API 並分門別類

稍微看了一下,整理得很好,而且重要的是同樣類型的服務會放在一起,像是 Weather 就有好幾個供應商任君挑選。

GitHub - public-api-lists/public-api-lists: A collective list of free APIs for use in software and web development 🚀 (Clone of https://github.com/public-apis/public-apis)
GitHub - public-api-lists/public-api-lists: A collective list of free APIs for use in software and web development 🚀 (Clone of https://github.com/public-apis/public-apis)

A collective list of free APIs for use in software and web development 🚀 (Clone of https://github.com/public-apis/public-apis) - GitHub - public-api-lists/public-api-lists: A collective list of fre...

https://github.com/public-api-lists/public-api-lists


html-to-image

將網頁上的 html 轉成圖片

GitHub - bubkoo/html-to-image: ✂️ Generates an image from a DOM node using HTML5 canvas and SVG.
GitHub - bubkoo/html-to-image: ✂️ Generates an image from a DOM node using HTML5 canvas and SVG.

✂️ Generates an image from a DOM node using HTML5 canvas and SVG. - GitHub - bubkoo/html-to-image: ✂️ Generates an image from a DOM node using HTML5 canvas and SVG.

https://github.com/bubkoo/html-to-image


用 CSS 加上內容 Google 會不會索引?

目前的結論是「不會」

Does Google Index Text Content in CSS Pseudo Elements? | Search Candy
Does Google Index Text Content in CSS Pseudo Elements? | Search Candy

We conduct a test to see if content from CSS pseudo elements will be indexed in Google

https://www.searchcandy.uk/seo/technical-seo/css-pseudo-elements/

Blog 也有一些 SEO 的資訊可以看

Blog - Search Candy
Blog - Search Candy

Browse the latest SEO, blogger outreach and content marketing news and tips from our blog section. Click here now.

https://www.searchcandy.uk/blog/


資料庫 - 如何設計朋友關係

Modeling mutual friendship
Modeling mutual friendship

Is data duplication always bad? How to deal with the additional invariants in the relational table design?

https://minimalmodeling.substack.com/p/modeling-mutual-friendship


一行啟用 Dark mode

好像蠻神的,找個時間來試用在本 blog 上

Dark Mode in One Line of Code!
Dark Mode in One Line of Code!

Though it's not a true "dark mode", you can use CSS' filter to create dark mode of your own.

https://davidwalsh.name/dark-mode-invert-filter


如何優化 node 項目的 docker 鏡像

如何优化 node 项目的 docker 镜像(像老板压榨员工一样压榨镜像) - 掘金
如何优化 node 项目的 docker 镜像(像老板压榨员工一样压榨镜像) - 掘金

本文将以 Node 程序展示如何优化 Docker 镜像(优化思想是通用的,不分程序),主要解决镜像大小过大、CI/CD 构建镜像速度,本文演示如何一步步优化 Dockerfile 文件,绝对的干货,

https://juejin.cn/post/6991689670027542564


ES6 新的運算子

整篇也有講 ES6 的新東西

运算符的扩展
运算符的扩展

https://wangdoc.com/es6/operator.html