视野修炼-技术周刊第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月前
|
JavaScript 前端开发 API
视野修炼-技术周刊第55期
1. disable-devtool - 一行代码禁用 devTool 如题可以用来防止网站被开发者工具调试,打开开发者工具后,页面会自动重定向到指定的页面
|
6月前
|
人工智能 JavaScript 开发工具
视野修炼-技术周刊第39期
🔥强烈推荐 1. Transformers.js - 浏览器直接运行AI模型 "抱抱脸"🤗 近期推出了 JS 版SDK,至此可以使用 Node.js 和 浏览器运行提供的AI模型了,大大降低了使用门槛 下面看一下官方示例,在浏览器里的运行效果 只需要在 index.html 加入以下代码 html复制代码
|
6月前
|
JSON 前端开发 JavaScript
视野修炼-技术周刊第22期
🔥强烈推荐 1. 英:纯CSS实现树状视图 利用ul,li,details,summary4个标签实现 其中summary,可以通过open属性控制显隐状态 下面是个最简示例
|
6月前
|
前端开发 JavaScript 容器
视野修炼-技术周刊第23期
🔥强烈推荐 1. 看完 Svelte 纪录片才知道它为什么在国外比国内火 文章作者总结了一下 Svelte 纪录片 里的内容,个人感觉有许多描述很精彩的地方 为啥叫Svelte:在 npm 上找个别人没注册过的包实在是太难了😢 他说他想用 LEAN、ZIPPY、FAST、ELEGANT 组成一个单词,于是就组成了 Svelte:
|
6月前
|
人工智能 缓存 资源调度
视野修炼-技术周刊第41期
🔥强烈推荐 1. 使用纯CSS实现噪点效果 张鑫旭大佬的文章,在简单介绍了canvas和svg的实现之后,详细介绍了CSS版本的实现 如下所示代码也比较简单
视野修炼-技术周刊第41期
|
6月前
|
Web App开发 前端开发 JavaScript
视野修炼-技术周刊第53期
🔥强烈推荐 1. rome 停止维护 9 月 2 日,Facebook 出品的前端工具链项目 Rome 宣布停止维护,团队相关成员也被解雇
|
6月前
|
Web App开发 人工智能 前端开发
视野修炼-技术周刊第64期
🔥强烈推荐 1. VueDraggablePlus - 祖师爷推荐拖拽库 支持 Vue2 和 Vue3 的拖拽组件库。祖师爷力荐🔥
|
6月前
|
人工智能 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 上面的小组件。
|
6月前
|
人工智能 前端开发 JavaScript
视野修炼-技术周刊第44期
🔥强烈推荐 1. ECMAScript 2023 正式发布,有哪些新特性? 从头到尾搜索数组:findLast() 、findLastIndex() Hashbang 语法 通过副本更改数组:toReversed()、toSorted()、toSpliced()、with() Symbol 作为 WeakMap 的键 这个在之前一期有介绍过,上周正式发布,配一下babel生产上就能用起来了
|
6月前
|
人工智能 JavaScript 安全
视野修炼-技术周刊第50期
🔥强烈推荐 1. glitchtext - 毛刺字符生成 为字符加上毛刺效果的网页工具,这个可以在部分取名场景使用,比如游戏ID取名经常重复的情况(前提是目标设备支持)