structured-clone；2023's Top Development Projects for Programmers: A Complete List of Tutorials and Tools for Mastering the Latest Technologies;pperformance API;Typographic Hierarchy in Print, Web & App Design；命令行gif生产；PWA+(SW)+push+Noification扫盲；

type

status

date

slug

summary

👟 Articles

📖 Title: PWA+(SW)+push+Noification扫盲

🔗 Link:https://github.com/timtnleeProject/pwa-demo#applicationserverkey-選項

👍 Some Contents

sw监听fetch实现catche缓存：

怎样算PWA：

Notification限制：

sw订阅push代码：(ServerKey里面应该是加密包含了Server地址吧。。)

💡

* Notification需要https协议，而且不同浏览器兼容也挺差，所以不推荐使用； * Push的流程需要一个push server, 在sw去做订阅，然后sw监听push事件去做notification。 * sw可以用来做离线catche * pwa是可安装的，离线可用的；

📖 Title: Typographic Hierarchy in Print, Web & App Design（字体排版）

🔗 Link：https://pimpmytype.com/hierarchy/?ref=web-design-weekly.com

👍 Some Contents

子项目的内部间距缩小；子项目直接间距标题与之前内容间距大，与本身内容间距应该小；加粗/对比/颜色对比等

💡

关联性强的用小间距联在一起，关联性弱的如组之间，可以用大的间距来隔开；

📖 Title: FE下载的几种方式

🔗 Link:https://juejin.cn/post/6844904069958467592

👍 Some Contents

Blob

Base64:

📖 Title: google高级搜索tips

🔗 Link:https://www.xnbeast.com/google-advanced-search-tips/

👍 Some Contents

双引号精准搜索

filetype:pdf

📖 Title: How nginx processes a request

🔗 Link:http://nginx.org/en/docs/http/request_processing.html

👍 Some Contents

💡

Ng处理时候从header里面拿的Host来判断走哪个server_name

📖 Title: performance api

🔗 Link: https://w3c.github.io/navigation-timing/#sec-PerformanceNavigationTiming

👍 Some Contents

自定义打performance点: performace.mark 测量不同的mark点使用performance.meature

📖 Title: Vue3 docs

🔗 Link：https://cn.vuejs.org/guide/components/provide-inject.html#inject

👍 Some Contents

组合式api: 组件的声明可以是<script setup>的单文件，也可以是<script >setup () {}; 第一种是vue在编译的时候帮忙处理的，把所有的都在setup函数里面导出；

vue本身组件声明方式又多种，单文件的 export + template; 或者template模版字符串，模版字符串里面的驼峰不能用，可能是单文件声明都是经过编译的，所以html里面推荐使用<aa-b>这种吧；

reactive和ref都是用于声明响应式的，ref可以说是补充吧，针对原始值的响应式；reactive的弊端是当做解构或者赋值的时候会失去响应式，所以需要配合ref使用；

💡

📖 Title: 2023's Top Development Projects for Programmers: A Complete List of Tutorials and Tools for Mastering the Latest Technologies

🔗 Link：https://dev.to/rahul3002/2023s-top-development-projects-for-programmers-a-complete-list-of-tutorials-and-tools-for-mastering-the-latest-technologies-37o3

👍 Some Contents

💡

📖 Title: structured-clone

🔗 Link： https://www.builder.io/blog/structured-clone

👍 Some Contents

JSON.stringify会把Date对象直接变为字符串；set map直接变为{}; 他只能处理基本的对象{}和数组{}；lodash太大所以可以考虑原生的structuredClone;

💡

❣️ Quote

quote

From: xxxx

📱 Products

🍞 name: 命令行gif生成

🔗 link: https://github.com/charmbracelet/vhs

📖 desc:

👟 Articles

❣️ Quote

📱 Products

❣️ Summary