欢迎来到第 26 期的【视界修炼 – 技能周刊】，下面是本期的精选内容简介。
强烈引荐
- 一个程序员决定写代码到60岁
- id为数字怎么运用querySelector
- WebContainers 与 Nodebox
开源&东西
- App：hellohistory – 和历史人物对话
- AwA UI – 一系列纯CSS完结的组件
- paint-board – 开源的web画板
文章&资讯
- HTML性能优化-Prerender2.0机制解读
- 云谦：百里挑 15 个 Git 技巧
- 独立软件承包商怎样收费？
- 2022Q4移动互联网行业数据研究报告
也引荐我们重视一下最终的引荐内容（周刊的主要内容来历途径）
下面开始本期内容的介绍，预计阅览时刻 8 分钟。
强烈引荐
1. 一个程序员决定写代码到60岁
“人物采访总结”，讲了一位阿里大牛的生长历程（做数据库的），再过几年就60了，仍在一线编码
引荐我们阅览一下，大佬的路虽不可以仿制，但部分经历可以学习
“emmm：画页面的换了一代又一代，我的数据库还能持续用”
2. id为数字怎么运用querySelector
可以用 CSS.escape 对传入的字符串进行转义
一般用于字符串选择器的转译
CSS.escape(".foo#bar") // "\.foo\#bar"
CSS.escape('--a') // "--a"
CSS.escape('1') // '\\31 '
又Get一个小常识
3. WebContainers 与 Nodebox
近期 Stackblitz 发布了揭露版 WebContainers，CodeSandbox 也发布了 WebContainers 的竞品 Nodebox
这两家的产品相信我们就算没用过也有所耳闻。这些容器支撑在浏览器里运行Node，支撑pnpm/npm/yarn，现代化的前端运用根本都给予了支撑
目前用于本地开发环境& demo演示 远景都很不错，用户啥也不需要装，有个浏览器就行，十分nice，
关于 playground，履行Node代码这些可以彻底在浏览器里履行。不需要服务端支撑，结构演示也不需要引进运行时的依靠了。
开发&构建可以彻底在浏览器完结。相信不久后根据此开发的开源软件（玩具）会涌现一大批。
可以看一下官方给的demo：浏览器里运行express
开源&东西
4. App：hellohistory – 和历史人物对话
运用特定人物语料练习的 对话AI (每个账号有免费的20次)
5. AwA UI – 一系列纯CSS完结的组件
可以先放到收藏夹吃灰，制造个人网站&一些特效，需要灵感的时分可以来看看
6. paint-board – 开源的web画板
开源的web画板，根据 React18 + canvas完结，当做一个学习的项目也不错
文章&资讯
7. HTML性能优化-Prerender2.0机制解读
Prerender 是在翻开网页前提前加载资源并解析烘托，在其真实被翻开时以最快的速度呈现出来，理想状态下翻开预烘托页面几乎是即时的。
本文介绍了 Prerender2.0 技能的运用计划、完结流程和运用场景
下面是官方的比如
8. 云谦：百里挑 15 个 Git 技巧
大佬分场景总结了一些有用的Git技巧，下面调2个展示一下
① 在上一次提交的基础上增加改动？
git commit --amend
② 提交信息写错了怎样办？
git commit --amend --only -m 'chore: new msg'
9. 独立软件承包商怎样收费？
直接CV定论过来
- 先定一个可以承受的每小时价格，无论这个价格是多少，再翻一倍报价
- 假如还能拿到合同，可以尝试稳步提价，直到拿不到合同停止，只有这样才能知道真实的价格天花板在哪里
- 假如报价翻倍，而只失去一半的客户，那么就赢了
10. 2022Q4移动互联网行业数据研究报告
一些定论：
- 人均app安装数量73个，人均单日运用App时长5.3小时
- 互联网大厂积级布局影音市场
- 美团饿了么 DAU 别离1.4亿，2000w
趣图
篇幅有限，假如你还没看够，可移步后边的引荐途径，持续游览，历史周刊（<20）移步博客
⭐️强力引荐重视
- 阮一峰: 科技爱好者周刊 – 记载每周值得共享的科技内容，周五发布
- 云谦：MDH 前端周刊 – 前端资讯和共享
- 童欧巴：前端食堂 – 你的前端食堂，吃好每一顿饭
- rottenpen：FE News – 共享前端，生活
- 常识星球：咲奈的平行时空 – 前端前沿技能、资讯、方法论共享
