20240315 前端开发周报

TypeScript很麻烦,不想使用; 2024 推荐一款 Vue3 移动端模板 (⚠十个理由);原生 JS 实现简易低代码与 undo&redo 操作、现代 CSS accent-color 强调色、为何避免使用外键与级联操作 | 酱酱的下午茶第310期;字节跳动面试记录;Vue – Official 请降级到 1.8.x;原生 JS 实现简易低代码与 undo&redo 操作、现代 CSS accent-color 强调色、为何避免使用外键与级联操作 | 酱酱的下午茶第310期;【长文】只会 Vue 不会 React ?22 点证明 React 比 Vue3 更简单;原生 JS 实现简易低代码与 undo&redo 操作、现代 CSS accent-color 强调色、为何避免使用外键与级联操作 | 酱酱的下午茶第310期

  1. TypeScript很麻烦,不想使用

    最近,我们部门在开发一个组件库时,我注意到一些团队成员对使用TypeScript表示出了抵触情绪,他们常常抱怨说:“TypeScript太麻烦了,我们不想用!”起初,我对此感到困惑:TypeScrip

  2. 2024 推荐一款 Vue3 移动端模板 (⚠十个理由)

    2024 年 Vue3 移动端最好用模板推荐! Stars 600+~ VantRspack 作者 和 大圣老师也在关注 ~

  3. 原生 JS 实现简易低代码与 undo&redo 操作、现代 CSS accent-color 强调色、为何避免使用外键与级联操作 | 酱酱的下午茶第310期

    低代码实践:原生 JS 实现简易低代码 demo + undo、redo 操作,这撤消、重做快给我整懵了 – 查漏补缺,盘点和toggle相关的几个API – 现代 CSS 解决方案

  4. 字节跳动面试记录

    面试的业务是字节-千川,职级是 2-2,技术面一共 3 轮,每一面都要手写算法。我在 2023 年 7 月下旬被裁员,于 2024 年 2 月初面试字节-千川,没有通过第 3 轮面试,在这里记录下当时

  5. Vue – Official 请降级到 1.8.x

    本文纯属吐槽 Vue 的生态,遇到提醒 TS/JS 崩溃,语法没提示的同学,需要降低到 Vue – Official 1.8.x 版本

  6. 原生 JS 实现简易低代码与 undo&redo 操作、现代 CSS accent-color 强调色、为何避免使用外键与级联操作 | 酱酱的下午茶第310期

    低代码实践:原生 JS 实现简易低代码 demo + undo、redo 操作,这撤消、重做快给我整懵了 – 查漏补缺,盘点和toggle相关的几个API – 现代 CSS 解决方案

  7. 【长文】只会 Vue 不会 React ?22 点证明 React 比 Vue3 更简单

    大家好,我是双越老师。本文我对比 Vue2 Vue3,把 React 22 个基础技能过一遍,看看 React 到底哪里难。也欢迎关注我的【划水AI】项目,使用 React Next.js 全栈开发。

  8. 原生 JS 实现简易低代码与 undo&redo 操作、现代 CSS accent-color 强调色、为何避免使用外键与级联操作 | 酱酱的下午茶第310期

    低代码实践:原生 JS 实现简易低代码 demo + undo、redo 操作,这撤消、重做快给我整懵了 – 查漏补缺,盘点和toggle相关的几个API – 现代 CSS 解决方案

  9. 一文搞懂 JavaScript 模块化

    本文梳理JS模块化的历史和现状,不仅介绍不同模块系统是什么,而是深入介绍不同模块系统诞生的原因和解决的问题,阅读本文将为你解开很多JS模块化的疑惑

  10. 前端之虎陈随易-我的产品变现秘诀

    大家好,我是前端之虎陈随易。 目前是: 农村程序员,独立开发者,自由职业者,个人创业者。这篇文章,我将分享我的产品变现秘诀,希望可以给你带来思考和帮助。

  11. 面试常问:为什么 Vite 速度比 Webpack 快?

    为什么 Vite 速度比 webpack 快?之前一直对这个问题不是特别了解,甚至讲不出123….,这个问题在面试中也是常见的,作者在学习的过程当中总结了以下几点,在这里分享给大家看一下!

  12. 面试官问我String能存储多少个字符?

    面试官问我String能存储多少个字符串?我说内存够大就没有长度限制,面试官说好了,回去等通知吧。 1. String.length方法返回值是int 2. Javac的源码中限制字符>=65535会

  13. GitHub上5k+ star用ast-grep解决代码重构难题

    ast-grep是一个基于AST,可以让你用YAML来编写代码重构的工具,本文讲了如何在项目实际场景应用ast-grep进行代码重构

  14. 面试官:线程调用2次start会怎样?我支支吾吾没答上来

    写在开头 在写完上一篇文章Java面试必考题之线程的生命周期,结合源码,透彻讲解! – 掘金 (juejin.cn)后,本以为这个小知识点就总结完了。 但刚刚吃晚饭时,突然想到了多年前自己面试时的亲身

  15. Rolldown 正式开源未来将作为 Vite 的打包工具

    Rolldown 将作为 Vite 未来使用的打包工具,号称能够提供原生级性能,是基于字节跳动的 Oxc 工具集合构建的,它提供与 Rollup 兼容的应用程序接口和插件接口。

  16. 作为一个前端开发者,你没有必要学 Rust

    随着前端技术栈的发展,Rust 作为一门系统级语言,也逐渐进入了前端开发者的视野。最近很明显的一个例子就是,今年的 ViteConf 中尤雨溪宣布 Vite 的底层即将用 Rust 重写,即开发一个基

  17. Flutter鸿蒙终端一体化-天下一统

    在前面的文章中,我们了解了如何使用FlutterPage来创建Flutter容器。 Flutter鸿蒙终端一体化-混沌初开 Flutter鸿蒙终端一体化-珠联璧合 · 语雀 但更多的时候,我们需要的是

  18. 上来就对标 20k Star 的开源项目,是自不量力还是后起之秀?

    先来一段紧箍咒:nvm、fvm、gvm、sdkman、fnm、n、g、rvm、jenv、phpbrew、rustup、swiftenv、pyenv、rbenv… 这些都是用来解决编程语言多版本管理

  19. 如何用 Next.js v14 实现一个 Streaming 接口?

    Streaming 一个比较常见的应用是 ChatGPT 的打字效果,效果如下。本篇的最后我们会调用 OpenAI 的接口来实现这样一个效果

  20. 异步难题:前端并发控制全解析

    本文讲解Promise,callback,RxJS多种方式实现并发限制,通过示例循序渐进讲解,如何实现带数量限制的并发请求。

  21. H5推送,为什么都用WebSocket?

    大家好,我是石头~        最近大盘在3000点附近磨蹭,我也随大众去网上浏览了下感兴趣的几只股票,看下行情怎样。        看了一会,还是垃圾行情,不咋地,不过看着页面上的那些实时刷新分时

  22. WebGL逐片元的点光源、SVG 渐变边框在 CSS 中的应用、ByteHouse抖音精准推荐存储架构重构解读、Android | 酱酱的下午茶第313期

    【本期掘金酱的下午茶】亮点:上车 WebGL——逐片元的点光源 、不一样的 SVG!SVG 渐变边框在 CSS 中的应用、只会 put、get?快来学 Map 这几个“新”方法、从 MySQL 到 B

  23. Next.js v14 的模板(template.js)到底有啥用?

    在初学 App Router 的时候,布局和模板的使用可能会让大家感到困惑。倒不是不理解其用法,而是不明白有什么作用。 本篇就为大家详细介绍 Next.js 的模板,并举一些例子帮助大家理解并应用

  24. 一站式管理:揭示团队集体智慧凝聚成一人的 Git 代码提交实战

    有一天,甲方小明惊讶地问项目经理老张:“老张,你是怎么做到每天这么多高质量代码输出的?是不是偷偷喝仙露蟠桃了?”老张嘿嘿一笑,回答说:“真相其实很简单,我有个秘密武器——叫做‘一键全员化身术’。

  25. Gitbulter – 全新Git版本管理工具,专为现代工作流程而全新构建

    GitButler 是一个重新被定义的 git 客户端,是2024年才可以产生的新的git工作流的管理工具。

  26. 颠覆传统—探索前端开发中的BEM命名方法论

    前言 在前端开发中,命名约定和代码结构一直是开发者们争论的焦点。例如在我们写css代码时可能会遇到取类名焦头烂额的情况,那么可以通过什么方法使命名更规范更高效呢?在这个领域,有一种方法论凭借其独特的设

  27. 存储之争:Cookie vs Web Storage vs IndexedDB

    简介 在现代Web开发中,存储和管理数据是至关重要的任务。为了满足不同的需求,开发人员可以选择使用Cookie、Web Storage和IndexedDB等不同的技术。 Cookie是最古老的一种机制

  28. Git 分支整合之道:Merge 与 Rebase 的理念碰撞与实践指南

    在选择使用git merge还是git rebase时,应综合考虑团队协作习惯、项目历史可读性以及是否有严格的线性提交历史需求等因素。一般情况下,日常开发中可以灵活使用git merge,而在准备提交

  29. 学习vue3第五节(reactive 及其相关)

    文章浏览阅读152次,点赞3次,收藏3次。vue3中 reactive、 ref 、isReactive、 shallowReactive使用

  30. Flutter 3.19 值得关注的功能(译)

    Flutter 3.19 值得关注的功能,简介、两个新的 SDK 版本,以及将 Flutter 和 Dart 引入 Gemini 时代

  31. 一文全面解析 Vue3 el-table 组件二次封装

    文章浏览阅读331次,点赞9次,收藏6次。然而,数据的 key 作为列名的情况很少(至少在我们这里,一般是使用中文作为列名的),这就需要我们使用可定制的列名,并且,如果我们不想展示某些字段,上面的写法也是做不到的(它会显示数据的所有字段)。这时候,我们只需要一个映射(mapper)就可以解决这些问题。该对象的每一个属性对应每一列的 prop、key,值对应列的列名 label。// App.vue// 定义新的Header结构,key为column的prop/key,value为column的labela: "列a",b: "列b",


关注我

我的微信公众号:前端开发博客,在后台回复以下关键字可以获取资源。

  • 回复「小抄」,领取Vue、JavaScript 和 WebComponent 小抄 PDF
  • 回复「Vue脑图」获取 Vue 相关脑图
  • 回复「思维图」获取 JavaScript 相关思维图
  • 回复「简历」获取简历制作建议
  • 回复「简历模板」获取精选的简历模板
  • 回复「加群」进入500人前端精英群
  • 回复「电子书」下载我整理的大量前端资源,含面试、Vue实战项目、CSS和JavaScript电子书等。
  • 回复「知识点」下载高清JavaScript知识点图谱

每日分享有用的前端开发知识,加我微信:caibaojian89 交流