视野修炼-技术周刊第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

相关文章
|
7月前
|
资源调度 Rust 前端开发
视野修炼-技术周刊第59期
🔥强烈推荐 1. Yarn 4.0 正式发布,性能大幅提升! 10.23 日,Yarn 4.x 发布。 新的官网如下 看上去档次高了
|
7月前
|
Rust 自然语言处理 前端开发
视野修炼-技术周刊第66期
🔥强烈推荐 1. Oxlint 正式发布 Oxlint 是一个 JavaScript linter,旨在捕获错误或无用的代码,默认情况下不需要任何配置 基于 Rust 实现,速度极快(比 ESLint 快 50-100 倍) 下面是使用示例,项目里直接执行如下的指令即可。
|
7月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第51期
🔥强烈推荐 1. 🍉 CEC-IDE 本周技术圈的大瓜,对外宣传自研 IDE,实际上是 VS Code 的换皮
|
7月前
|
移动开发 监控 前端开发
视野修炼-技术周刊第25期
🔥强烈推荐 1. 字节前端监控实践 文章较为详细的讲解了,做一个前端监控系统需要解决的关键问题和解决方案 js 异常监控 捕获异常 堆栈反解与聚合 错误自动分配 性能监控 请求&静态资源监控 低沉本的接入
|
7月前
|
人工智能 JavaScript 开发工具
视野修炼-技术周刊第39期
🔥强烈推荐 1. Transformers.js - 浏览器直接运行AI模型 "抱抱脸"🤗 近期推出了 JS 版SDK,至此可以使用 Node.js 和 浏览器运行提供的AI模型了,大大降低了使用门槛 下面看一下官方示例,在浏览器里的运行效果 只需要在 index.html 加入以下代码 html复制代码
|
7月前
|
Web App开发 人工智能 Rust
视野修炼-技术周刊第56期
🔥强烈推荐 1. Vite 的现状与未来展望 10 月 5 日 - 6 日,ViteConf 2023 在线举行,尤大发表了题为《The State of Vite》 的演讲,有如下几个值得关注的点: Vite 5.0 目前处于测试阶段(beta):停止支持已经 EOL 的 Node.js 版本;推荐使用ESM 🔥 Rolldown(使用 Rust 开发的 Rollup 替代品):Vite 团队正在研发 Rolldown,同时与 Rspack 团队合作开发一些共享的底层工具和功能
|
7月前
|
数据可视化 前端开发 JavaScript
视野修炼-技术周刊第60期
🔥强烈推荐 1. 通义灵码
|
7月前
|
Web App开发 前端开发 JavaScript
视野修炼-技术周刊第53期
🔥强烈推荐 1. rome 停止维护 9 月 2 日,Facebook 出品的前端工具链项目 Rome 宣布停止维护,团队相关成员也被解雇
|
7月前
|
人工智能 前端开发 JavaScript
视野修炼-技术周刊第44期
🔥强烈推荐 1. ECMAScript 2023 正式发布,有哪些新特性? 从头到尾搜索数组:findLast() 、findLastIndex() Hashbang 语法 通过副本更改数组:toReversed()、toSorted()、toSpliced()、with() Symbol 作为 WeakMap 的键 这个在之前一期有介绍过,上周正式发布,配一下babel生产上就能用起来了
|
7月前
|
Web App开发 人工智能 JavaScript
视野修炼-技术周刊第47期
🔥强烈推荐 1. Arc 浏览器!!! 同事本周强烈推荐的一个 Chrome浏览器替代品,基于 Chromium 开发,支持直接从Chrome浏览器导入插件和收藏夹内容,实现无缝的切换,甚至连Cookie(登录状态)都能导入!! 笔者从昨天开始使用,目前体验非常不错(仅有Mac版本)。