iulo / iulo.github.io Goto Github PK

启动模板

https://medium.com/better-programming/best-node-js-boilerplate-to-speed-up-your-project-development-a9eca7b07f90

hackathon-starter
TypeScript-Node-Starter

cli工具

commander 用来实现基本命令
Inquirer 实现cli中的问答
update-notifier 升级提示
use-config (deprecated) 读取用户配置
joycon use-config替代品
cosmiconfig 读取用户配置
bin-wrapper
concurrently

发布相关工具

standard-version
semantic-release

config读取

cosmiconfig
joycon

文件处理

globby通配符匹配文件，api比node-glob更友好
fs-extra node fs模块的功能增强，例如创建多级文件夹，promise支持等

100 - Thin
200 - Extra Light (Ultra Light)
300 - Light
400 - Regular (Normal、Book、Roman)
500 - Medium
600 - Semi Bold (Demi Bold)
700 - Bold
800 - Extra Bold (Ultra Bold)
900 - Black (Heavy)

https://aotu.io/notes/2016/11/08/css3fontweight/index.html
https://www.w3.org/html/ig/zh/wiki/CSS3%E5%AD%97%E4%BD%93%E6%A8%A1%E5%9D%97#.E5.AD.97.E4.BD.93.E7.B2.97.E7.BB.86.EF.BC.9A.E2.80.98font-weight.E2.80.99.E5.B1.9E.E6.80.A7
https://zh.wikipedia.org/wiki/Roboto

准备抛弃为知，备选方案：

• leanote(https://github.com/leanote)
• boostnote(https://boostnote.io)

参考文章：

• https://sspai.com/post/42126

原因

相对于webpack3 webpack4改变了 dynamic import()的行为
import(cjs) 这种场景下，webpack3会把module.exports返回来，webpack4会包装一层成object = { default: xx }返回来，并把default的properties assign到这个object上，方便解构使用

https://medium.com/webpack/webpack-4-import-and-commonjs-d619d626b655

解决方案

建议处理方式：

const mod = await import('cjsModule')
const classFunc = mod.default || mod // 如果默认导出的是个class(即function)，建议这样取

补充信息

webpack/webpack@7a34977

测试用例：https://github.com/webpack/webpack/blob/master/test/cases/mjs/non-mjs-namespace-object-lazy/index.js

现状

从Catalina开始 macOS的根目录变成了只读，root权限也无法创建目录。
网上有个流传较多的方法，关闭sip后，重新mount根目录。不过这个方式从 Big Sur后无效了。

解决方法

目前正统的方式，是通过配置synthetic.conf文件，可以从根目录symlink一个同名目录到用户目录，方式如下：

1. cd /etc/
2. 创建配置文件：sudo touch synthetic.conf
3. 配置文件内容demo：data Users/YourUserName/data(注意使用tab分隔kv)，即在你的用户目录下，创建一个data目录，那么在根目录会生成一个同名的data目录，并symlink两者
4. 重启后即可生效，重新cd / 看看文件夹是否存在

参考

• https://stackoverflow.com/questions/58396821/what-is-the-proper-way-to-create-a-root-sym-link-in-catalina

调试

• vConsole 腾讯出品的调试面板
• eruda 调试面板
• spy-debugger WebView调试工具

兼容性测试

• modernizr 一个浏览器能力检测库
• es-checker

动画

• anime 一个js的dom动画引擎

date: 2020.12.31

Facebook

android (com.facebook.katana)

Mozilla/5.0 (Linux; Android 10; MI 8 SE Build/QKQ1.190828.002; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/87.0.4280.101 Mobile Safari/537.36 [FB_IAB/FB4A;FBAV/300.1.0.57.129;]

ios

Mozilla/5.0 (iPhone; CPU iPhone OS 14_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148 [FBAN/FBIOS;FBDV/iPhone11,8;FBMD/iPhone;FBSN/iOS;FBSV/14.3;FBSS/2;FBID/phone;FBLC/zh_CN;FBOP/5]

Facebook Messenger

android (com.facebook.orca)

Mozilla/5.0 (Linux; Android 10; MI 8 SE Build/QKQ1.190828.002; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/87.0.4280.101 Mobile Safari/537.36 [FB_IAB/Orca-Android;FBAV/294.0.0.24.129;]

ios

Mozilla/5.0 (iPhone; CPU iPhone OS 14_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148 LightSpeed [FBAN/MessengerLiteForiOS;FBAV/294.0.0.60.128;FBBV/262406393;FBDV/iPhone11,8;FBMD/iPhone;FBSN/iOS;FBSV/14.3;FBSS/2;FBCR/;FBID/phone;FBLC/zh-Hans;FBOP/0]

Messenager Lite

android (com.facebook.mlite)

看起来像是个hybrid app，打开页面是调用系统Chrome（Chrome Custom Tabs），没有ua特征
Mozilla/5.0 (Linux; Android 10; MI 8 SE) AppleWebKit/537.36 (KHTML, like Gecko) Chrome/87.0.4280.101 Mobile Safari/537.36

Facebook lite

android (com.facebook.lite)

调用系统浏览器

Instagram

android (com.instagram.android)

Mozilla/5.0 (Linux; Android 10; MI 8 SE Build/QKQ1.190828.002; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/87.0.4280.141 Mobile Safari/537.36 Instagram 170.0.0.30.474 Android (29/10; 440dpi; 1080x2029; Xiaomi; MI 8 SE; sirius; qcom; en_US; 267397344)

ios

Mozilla/5.0 (iPhone; CPU iPhone OS 14_3 like Mac OS X) AppleWebKit/605.1.15 (KHTML, like Gecko) Mobile/15E148 Instagram 170.0.0.29.479 (iPhone11,8; iOS 14_3; zh_CN; zh-Hans-CN; scale=2.00; 828x1792; 266894454)

Snapchat

android

Mozilla/5.0 (Linux; Android 10; MI 8 SE Build/QKQ1.190828.002; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/87.0.4280.101 Mobile Safari/537.36Snapchat11.8.2.32 (MI 8 SE; Android 10#V12.0.2.0.QEBCNXM#29; gzip)\

WhatsApp

android

调用系统浏览器

Zalo

android

Mozilla/5.0 (Linux; Android 10; MI 8 SE Build/QKQ1.190828.002; wv) AppleWebKit/537.36 (KHTML, like Gecko) Version/4.0 Chrome/87.0.4280.101 Mobile Safari/537.36 Zalo android/12100550