视野修炼-技术周刊第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月前
|
人工智能 前端开发 小程序
视野修炼-技术周刊第58期
🔥强烈推荐 1. LocalSend - 开源的跨平台文件传送软件 不需要互联网连接,依靠共享 Wifi 分享文件。
|
7月前
|
Rust 自然语言处理 前端开发
视野修炼-技术周刊第66期
🔥强烈推荐 1. Oxlint 正式发布 Oxlint 是一个 JavaScript linter,旨在捕获错误或无用的代码,默认情况下不需要任何配置 基于 Rust 实现,速度极快(比 ESLint 快 50-100 倍) 下面是使用示例,项目里直接执行如下的指令即可。
|
7月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第51期
🔥强烈推荐 1. 🍉 CEC-IDE 本周技术圈的大瓜,对外宣传自研 IDE,实际上是 VS Code 的换皮
|
7月前
|
存储 人工智能 前端开发
视野修炼-技术周刊第61期
🔥强烈推荐 1. 2023年🧑‍💻工程师的 Mac 工具箱 Arc - 浏览器, Warp - 终端, Raycast - 启动器,Orbstack - 容器,Setapp - 软件订阅,CleanShotX - 截屏,OBS - 录屏推流,Gifox - Gif图制作, 1Password - 密码管理器,Bartender - 菜单栏管理,Downie - 视频下载,IINA / Infuse - 视频播放器,iRightMouse - 鼠标右键增强,PopClip / Bob - 鼠标工具 Arc 和 Warp 目前笔者一直在用,其它的看着也还不错,按使用场景可以试试 作者:粥里
|
7月前
|
人工智能 JavaScript 安全
视野修炼-技术周刊第52期
🔥强烈推荐 1. 极速图片压缩器 软件特色 具有超快的压缩速度 支持压缩 GB 级别的超大体积的图片 支持 7 种图片格式 支持原始图片预览 支持【鼠标拖拽】【点击选择】【ctrl + v 粘贴】 等多种方式添加图片 支持添加文件夹,可自动解析文件夹内所有符合要求的图片 实时显示压缩进度 完全在本地执行压缩,有无网络均可,不上传图片,充分保证隐私安全
|
7月前
|
JavaScript 前端开发 API
视野修炼-技术周刊第55期
1. disable-devtool - 一行代码禁用 devTool 如题可以用来防止网站被开发者工具调试,打开开发者工具后,页面会自动重定向到指定的页面
|
7月前
|
移动开发 监控 前端开发
视野修炼-技术周刊第25期
🔥强烈推荐 1. 字节前端监控实践 文章较为详细的讲解了,做一个前端监控系统需要解决的关键问题和解决方案 js 异常监控 捕获异常 堆栈反解与聚合 错误自动分配 性能监控 请求&静态资源监控 低沉本的接入
|
7月前
|
前端开发 JavaScript 容器
视野修炼-技术周刊第23期
🔥强烈推荐 1. 看完 Svelte 纪录片才知道它为什么在国外比国内火 文章作者总结了一下 Svelte 纪录片 里的内容,个人感觉有许多描述很精彩的地方 为啥叫Svelte:在 npm 上找个别人没注册过的包实在是太难了😢 他说他想用 LEAN、ZIPPY、FAST、ELEGANT 组成一个单词,于是就组成了 Svelte:
|
7月前
|
数据可视化 前端开发 JavaScript
视野修炼-技术周刊第60期
🔥强烈推荐 1. 通义灵码
|
7月前
|
Web App开发 人工智能 前端开发
视野修炼-技术周刊第64期
🔥强烈推荐 1. VueDraggablePlus - 祖师爷推荐拖拽库 支持 Vue2 和 Vue3 的拖拽组件库。祖师爷力荐🔥