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

简介: 🔥强烈推荐1. LocalSend - 开源的跨平台文件传送软件不需要互联网连接,依靠共享 Wifi 分享文件。

🔥强烈推荐

1. LocalSend - 开源的跨平台文件传送软件

不需要互联网连接,依靠共享 Wifi 分享文件。

image.png

支持所有主流的操作系统

image.png

2. 周爱民:告前端同学书

一年前,InfoQ的编辑约请我对前端技术做了些回顾总结,说了三个方面的话题:其一,前端过去的15年大致可以怎样划分;其二,前端的现状以及面临的挑战;其三,前端会有怎样的未来。后来刊发成综述,是《技术15年》。缘于文体变动,访谈的味道十不存一,所以这里再次整理成文,是为《告前端同学书》。

AI 总结:呼吁前端同学要注重领域和规范,并深入研究网络、系统、语言、编译和机器学习等方面。在面对变化时要有适应能力和动力,并向更多的应用领域渗透,避免只是“陪跑”

🔧开源工具&技术资讯

3. 京东前端:发布微前端框架 MicroApp

MicroApp 是由京东前端团队推出的一款微前端框架,通过基于类 WebComponent 进行微前端的渲染,旨在降低上手难度、提升工作效率。本次升级的亮点包括更简洁的接入方式、优化的沙箱性能、虚拟路由系统、样式隔离方案升级、vite 兼容以及开发工具 Micro-App-DevTools 的推出。MicroApp 提供了一种更加简单的微前端解决方案,可以用于任何前端框架。

4. 如何制作落地页:保姆级实操指南

AI 总结:这篇文章是关于如何制作落地页的实操指南,内容包括落地页的基本模块、不同类型的落地页和首页的区别、落地页的设计技巧等。文章总结了117个优秀的落地页案例,为希望快速上手落地页的读者提供了保姆级的入门指南。文章还介绍了落地页中的基础模块,如价格和套餐展示、产品使用案例展示、促销活动页和一站式展示页。文章强调了标题的重要性和行动指引的简洁性,以及调研目标用户、设计差异化和吸引目标用户等方面的注意事项。

落地页

  • 广义上一切不需要你通过输入 url 访问的网页
  • 狭义的落地页就是为了说服用户完成某项特定操作的网页

文章讲述的非常详细,作者非常用心,列举了很多例子配合观点阐述

5. React 代码如何跑在小程序上

AI 总结: 这篇文章核心内容是关于如何将React代码运行在小程序上的讨论。作者提到了两种思路:一种是将React代码编译成小程序代码,这样可以在小程序中开发并运行React代码;另一种是通过模拟实现DOM和BOM API让前端框架直接运行在小程序环境中。作者还介绍了Taro 3的架构和React的架构,并详细解释了相关实现方法和技术细节。

过程中很多场景,使用 Taro 举例

6. ESLint9 默认使用Flat Config

ESLint计划在v9.0.0中默认使用称为"flat config"的新配置系统,并在此版本中弃用但不移除当前的"eslintrc"配置系统。新功能只会为flat config添加。v9.0.0发布后,CLI用户会默认寻找eslint.config.js文件,而不是.eslintrc.*文件。

针对 flat config 例子可以 参考antfu/eslint-config

// eslint.config.js
import {
  comments,
  ignores,
  imports,
  javascript,
  jsdoc,
  jsonc,
  markdown,
  node,
  // ...more
} from '@antfu/eslint-config'
export default [
  ...ignores(),
  ...javascript(/* Options */),
  ...comments(),
  ...node(),
  ...jsdoc(),
  ...imports(),
  ...unicorn(),
  ...typescript(/* Options */),
]

这样的好处是可以将某一类的配置聚合 按需取用

7. 英:编程四十年

文章讲述了作者在四十年编程经历中如何处理和预防身体疼痛的经验。

  1. 使用垂直鼠标和魔力触控板,以减少手的不适。
  2. 使用人体工学键盘,最终选择了Ergodox EZ键盘。
  3. 为了避免使用鼠标,作者使用VIM模式进行编程。
  4. 使用电动站立办公桌,并定期进行伸展运动。

🤖AI工具&资讯

8. github copilot voice - 用嘴写代码

image.png

可以先加入 waitlist

不过在公司一群人用”嘴写“的场景是不是会很有意思🤭

相关文章
|
6月前
|
存储 人工智能 前端开发
视野修炼-技术周刊第61期
🔥强烈推荐 1. 2023年🧑‍💻工程师的 Mac 工具箱 Arc - 浏览器, Warp - 终端, Raycast - 启动器,Orbstack - 容器,Setapp - 软件订阅,CleanShotX - 截屏,OBS - 录屏推流,Gifox - Gif图制作, 1Password - 密码管理器,Bartender - 菜单栏管理,Downie - 视频下载,IINA / Infuse - 视频播放器,iRightMouse - 鼠标右键增强,PopClip / Bob - 鼠标工具 Arc 和 Warp 目前笔者一直在用,其它的看着也还不错,按使用场景可以试试 作者:粥里
|
6月前
|
人工智能 Rust JavaScript
视野修炼-技术周刊第51期
🔥强烈推荐 1. 🍉 CEC-IDE 本周技术圈的大瓜,对外宣传自研 IDE,实际上是 VS Code 的换皮
|
6月前
|
资源调度 Rust 前端开发
视野修炼-技术周刊第59期
🔥强烈推荐 1. Yarn 4.0 正式发布,性能大幅提升! 10.23 日,Yarn 4.x 发布。 新的官网如下 看上去档次高了
|
6月前
|
JavaScript 前端开发 API
视野修炼-技术周刊第55期
1. disable-devtool - 一行代码禁用 devTool 如题可以用来防止网站被开发者工具调试,打开开发者工具后,页面会自动重定向到指定的页面
|
6月前
|
前端开发 JavaScript 安全
视野修炼-技术周刊第40期
🔥强烈推荐 1. 从浏览器到 Node.js 环境,一文彻底搞懂前端沙箱 文章摘要: 本文介绍了什么是前端沙箱,以及通过浏览器和Node.js环境来实现前端沙箱的原理和方法。同时还对代码注入的安全问题、with关键字、eval()和Function方法等进行了详细的讲解,最后也提到了Node.js建立安全的隔离沙箱的难点和解决方案。 文章总结: 本文深入浅出地介绍了前端沙箱的概念和实现方式,同时还详细讲解了相关的安全问题和注意事项。通过学习本文,读者可以更好地了解前端沙箱的重要性及其应用场景,同时也可以提高代码安全性。
|
6月前
|
前端开发 JavaScript 容器
视野修炼-技术周刊第23期
🔥强烈推荐 1. 看完 Svelte 纪录片才知道它为什么在国外比国内火 文章作者总结了一下 Svelte 纪录片 里的内容,个人感觉有许多描述很精彩的地方 为啥叫Svelte:在 npm 上找个别人没注册过的包实在是太难了😢 他说他想用 LEAN、ZIPPY、FAST、ELEGANT 组成一个单词,于是就组成了 Svelte:
|
6月前
|
JSON 前端开发 JavaScript
视野修炼-技术周刊第22期
🔥强烈推荐 1. 英:纯CSS实现树状视图 利用ul,li,details,summary4个标签实现 其中summary,可以通过open属性控制显隐状态 下面是个最简示例
|
6月前
|
数据可视化 前端开发 JavaScript
视野修炼-技术周刊第60期
🔥强烈推荐 1. 通义灵码
|
6月前
|
人工智能 自然语言处理 文字识别
视野修炼-技术周刊第63期
🔥强烈推荐 1. 前端量子纠缠效果 本周最火的“前端项目”
|
6月前
|
Web App开发 前端开发 JavaScript
视野修炼-技术周刊第53期
🔥强烈推荐 1. rome 停止维护 9 月 2 日,Facebook 出品的前端工具链项目 Rome 宣布停止维护,团队相关成员也被解雇