视野修炼-技术周刊第26期

简介: 🔥强烈推荐1. 一个程序员决定写代码到60岁“人物采访总结”,讲了一位阿里大牛的成长历程(做数据库的),再过几年就60了,仍在一线编码推荐大家阅读一下,大佬的路虽不可以复制,但部分经验可以借鉴 🙊

🔥强烈推荐

1. 一个程序员决定写代码到60岁

“人物采访总结”,讲了一位阿里大牛的成长历程(做数据库的),再过几年就60了,仍在一线编码

推荐大家阅读一下,大佬的路虽不可以复制,但部分经验可以借鉴 🙊

image.png

“emmm:画页面的换了一代又一代,我的数据库还能继续用”

2. id为数字如何使用querySelector

image.png

可以用 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

image.png

🔧开源&工具

4. App:hellohistory - 和历史人物对话

使用特定人物语料训练的 对话AI (每个账号有免费的20次)

image.png

image.png


5. AwA UI - 一系列纯CSS实现的组件

可以先放到收藏夹吃灰,制作个人网站&一些特效,需要灵感的时候可以来看看

image.png

6. paint-board - 开源的web画板

开源的web画板,基于 React18 + canvas实现,当做一个学习的项目也不错

image.png

📚文章&资讯

7. HTML性能优化-Prerender2.0机制解读

Prerender 是在打开网页前提前加载资源并解析渲染,在其真正被打开时以最快的速度呈现出来,理想状态下打开预渲染页面几乎是即时的。

本文介绍了 Prerender2.0 技术的使用方案、实现流程和应用场景

下面是官方的例子

image.png

8. 云谦:百里挑 15 个 Git 技巧

大佬分场景总结了一些实用的Git技巧,下面调2个展示一下

① 在上一次提交的基础上增加改动?

git commit --amend

② 提交信息写错了怎么办?

git commit --amend --only -m 'chore: new msg'

9. 独立软件承包商怎么收费?

直接CV结论过来

  1. 先定一个能够接受的每小时价格,无论这个价格是多少,再翻一倍报价
  2. 如果还能拿到合同,可以尝试稳步提价,直到拿不到合同为止,只有这样才能知道真正的价格天花板在哪里
  3. 如果报价翻倍,而只失去一半的客户,那么就赢了

10. 2022Q4移动互联网行业数据研究报告

一些结论:

  • 人均app安装数量73个,人均单日使用App时长5.3小时
  • 互联网大厂积级布局影音市场
  • 美团饿了么 DAU 分别1.4亿,2000w

相关文章
|
10月前
|
资源调度 Rust 前端开发
视野修炼-技术周刊第59期
🔥强烈推荐 1. Yarn 4.0 正式发布,性能大幅提升! 10.23 日,Yarn 4.x 发布。 新的官网如下 看上去档次高了
|
10月前
|
文字识别 安全 前端开发
视野修炼-技术周刊第57期
🔥强烈推荐 1. Rspress - 基于 Rspack 的高性能静态站点生成器 由 ByteDance Web Infra 团队孵化的一款静态站点生成器,使用 Rspack 进行构建,基于 React 框架进行渲染,支持 MDX 内容开发,主打高性能、简单易用和定制性强。
|
10月前
|
移动开发 监控 前端开发
视野修炼-技术周刊第25期
🔥强烈推荐 1. 字节前端监控实践 文章较为详细的讲解了,做一个前端监控系统需要解决的关键问题和解决方案 js 异常监控 捕获异常 堆栈反解与聚合 错误自动分配 性能监控 请求&静态资源监控 低沉本的接入
|
10月前
|
JSON 前端开发 JavaScript
视野修炼-技术周刊第22期
🔥强烈推荐 1. 英:纯CSS实现树状视图 利用ul,li,details,summary4个标签实现 其中summary,可以通过open属性控制显隐状态 下面是个最简示例
|
10月前
|
前端开发 JavaScript 容器
视野修炼-技术周刊第23期
🔥强烈推荐 1. 看完 Svelte 纪录片才知道它为什么在国外比国内火 文章作者总结了一下 Svelte 纪录片 里的内容,个人感觉有许多描述很精彩的地方 为啥叫Svelte:在 npm 上找个别人没注册过的包实在是太难了😢 他说他想用 LEAN、ZIPPY、FAST、ELEGANT 组成一个单词,于是就组成了 Svelte:
|
10月前
|
人工智能 缓存 资源调度
视野修炼-技术周刊第41期
🔥强烈推荐 1. 使用纯CSS实现噪点效果 张鑫旭大佬的文章,在简单介绍了canvas和svg的实现之后,详细介绍了CSS版本的实现 如下所示代码也比较简单
视野修炼-技术周刊第41期
|
10月前
|
人工智能 自然语言处理 文字识别
视野修炼-技术周刊第63期
🔥强烈推荐 1. 前端量子纠缠效果 本周最火的“前端项目”
|
10月前
|
Web App开发 前端开发 JavaScript
视野修炼-技术周刊第53期
🔥强烈推荐 1. rome 停止维护 9 月 2 日,Facebook 出品的前端工具链项目 Rome 宣布停止维护,团队相关成员也被解雇
|
10月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第62期
🔥强烈推荐 1. Vite5.0 发布! 11 月 16 日,Vite 5.0 正式发布 该版本主要关注API优化,去除过时功能,并解决一些长期存在的问题。 使用了Rollup 4,这在构建性能方面有了很大的提升。 对Node.js的支持进行了调整,现在需要使用Node.js 18+版本。 2. Bubble - README 小组件 该仓库收集各种可以放在 GitHub Profile 和 Readme 上面的小组件。
|
10月前
|
数据可视化 前端开发 JavaScript
视野修炼-技术周刊第60期
🔥强烈推荐 1. 通义灵码