第12期:如何实现用户行为的动态采集与分
date
Jul 23, 2021
slug
2021-weekly-30
status
Published
tags
Website
Book
React
summary
前端监控、详解CSRF攻击、NanoID、VISX、Ventoy、Window11-Web
type
Post
weixin
authors
topic
Description
Link
文章推荐
《前端安全系列（二）：如何防止CSRF攻击？》—— 美团技术团队的分享，讲的很详细。
开源与库
airbnb/visx —— 一套爱彼迎前端可视化编程的原语集，它将 D3 的强大和 React 的乐趣融为一体，Airbnb 爱彼迎 visx 项目介绍
htm —— Preact作者编写，可以使用类JSX写法，没有编译器的库 7K⭐️
Ventoy —— 新一代多系统启动U盘解决方案，如果你想体验 windows11，可以选择这个。
- 简单来说，Ventoy是一个制作可启动U盘的开源工具。关键是 U 盘无需格式化，支持多选系统，一键装机。
- 有了Ventoy你就无需反复地格式化U盘，你只需要把 ISO/WIM/IMG/VHD(x)/EFI 等类型的文件拷贝到U盘里面就可以启动了，无需其他操作。
- 你可以一次性拷贝很多个不同类型的镜像文件，Ventoy 会在启动时显示一个菜单来供你进行选择 (参见 截图)。
- Ventoy 安装之后，同一个U盘可以同时支持 x86 Legacy BIOS、IA32 UEFI、x86_64 UEFI、ARM64 UEFI 和 MIPS64EL UEFI 模式。
- Ventoy 支持大部分常见类型的操作系统 （Windows/WinPE/Linux/Unix/VMware/Xen ...）目前已经测试了各类超过 720+ 个镜像文件(列表)。 支持 distrowatch.com 网站上收录的 90%+ 的操作系统(列表)。
vue-vben-admin 5.4K⭐️ —— Vue-Vben-Admin 是一个基于 Vue3.0、Vite、 Ant-Design-Vue、TypeScript 的后台解决方案，目标是为开发中大型项目提供开箱即用的解决方案
技术专题
持续关注CSS IN JS解决方案
CSS IN JS
React
经验教程
1、Mac系统 Sourcetree 问题之 store password in keychain 不生效每次都要输入两次密码
- 直接配置 参照 Sourcetree 社区 的回答，终端执行
git config --global credential.helper osxkeychain
- 下载配置
- 如果没有的同学需要进行下载操作，
curlhttp://github-media-downloads.s3.amazonaws.com/osx/git-credential-osxkeychain-o git-credential-osxkeychain再将移动到bin目录mv git-credential-osxkeychain /usr/local/bin赋文件所有者执行的权限chmod u+x /usr/local/bin/git-credential-osxkeychain进行配置git config --global credential.helper osxkeychain
- 最终还是要输入密码的话，重启机器即可。
2、你还在CSS中写色值使用HEX方式吗，是时候尝试一下HSL了。
拓展阅读
RGB —— RGB通过输入的数值，将红色、绿色和蓝色的光源以一定的量混合在一起，形成颜色。
HEX —— 其实它和RGB的原理差不多，都是用Red, Green, Blue相混合所产生的颜色，只不过换成了十六进制。HEX的格式：# rrggbb
HSL —— HSL表示色相（Hue）、饱和度（Saturation）、亮度（Lightness）。结构是：hsl(hue, saturation%, lightness%)。其中饱和度和亮度是百分比，不是数值。
你只要看到下面写法，就会明悟为什么用hsl了。
:root {
--primary-h: 221;
--primary-s: 72%;
--primary-l: 62%;
}
.button {
background-color: hsl(var(--primary-h), var(--primary-s), var(--primary-l));
}
.button:hover {
--primary-l: 54%;
}3、nodemon 是一个 Node.js 工具，只要发现源码文件有变动，就会自动重新启动服务。本文教你怎么自己写一个 nodemon。
开发周边
Windows-11-Web —— Preact + ViteJS 开发，目前只有基础界面，内部功能有待开发。
还有类似的web系统：
Streamline-EMOJI —— 这个简直是 notion 的绝配，关键能免费下载，非常推荐！
