20240308 前端开发周报

2024 前端趋势:全栈也许已经是必选项;前端接口防止重复请求实现方案;看了千万项目的 vue 代码,我陷入了沉思;面试官:为什么不用 index 做 key?;unocss 究竟比 tailwindcss 快多少?;绕过付费,畅享网络:自由浏览付费内容 | 开源日报 No.185;Vue vscode 插件版本更新:写TS不需要装两个插件了;前端之虎陈随易 – 2024年1-2月折腾之路

  1. 2024 前端趋势:全栈也许已经是必选项

    从《2023 的 Javascript 星趋势》中,似乎可以看到,全栈开发的时代已经到来。我们应该做好准备,欢迎其到来。

  2. 前端接口防止重复请求实现方案

    前言 前段时间老板心血来潮,要我们前端组对整个的项目都做一下接口防止重复请求的处理(似乎是有用户通过一些快速点击薅到了一些优惠券啥的)。。。行吧,搞就搞吧,you happy jiu ok!

  3. 看了千万项目的 vue 代码,我陷入了沉思

    最近接了个成本千万级的业务系统运维工作,前端是用 Vue3 写的。看了代码之后,我大为震惊,让我不得不重新思考下使用 Vue3 的正确姿势。

  4. 面试官:为什么不用 index 做 key?

    Holle 大家好,我是阳阳羊,在前两天的面试中,面试官问了这样一个问题:“在 Vue 中,我们在使用 v-for 渲染列表的时候,为什么要绑定一个 key?能不能用 index 做 key?”

  5. unocss 究竟比 tailwindcss 快多少?

    unocss 究竟比 tailwindcss 快多少? 前言 我们知道 unocss 很快,也许是目前最快的原子化 CSS 引擎 (没有之一)。 unocss 解释它为什么这么快的原因,是因为它不用去

  6. 绕过付费,畅享网络:自由浏览付费内容 | 开源日报 No.185

    bypass-paywalls-chrome 是一个用于 Chrome 和 Firefox 的网页浏览器扩展,可帮助绕过特定网站的付费墙。

  7. Vue vscode 插件版本更新:写TS不需要装两个插件了

    今天打开vue项目的时候,弹出警告 The "TypeScript Vue Plugin (Volar)" extension is no longer needed in version 2.0.

  8. 前端之虎陈随易 – 2024年1-2月折腾之路

    大家好,我是前端之虎陈随易。 目前是: 农村程序员(自2021年离职至今都在农村待着) 独立开发者(有多个已经在盈利中的产品) 自由职业者(睡到自然醒,困就马上睡) 个人创业者(注册了自己的公司

  9. Flutter&Flame游戏实践#01 | Trex-角色登场

    Flutter&Flame 游戏开发系列前言: 该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为 全平台 的 原生级 渲染框架,兼具 全端 跨平台和高性能的特点。目前官方对

  10. 不一样的SVGSVG 渐变边框在 CSS 中的应用

    介绍一些你可能没用过的SVG & CSS小技巧。 在平时开发中,很多时候都会用到SVG。大部分情况我们都不必关注SVG里面到底是什么,直接当成图片资源引入就行,比如常见的图标资源 我们可以通过多种方式

  11. 答应我,在vue中不要滥用watch好吗?

    上周五晚上8点,开开心心的等着产品验收完毕后就可以顺利上线。结果产品突然找到我说要加需求,并且维护这一块业务的同事已经下班走了,所以只有我来做。虽然内心一万头草泥马在狂奔,但是嘴里还是一口答应。

  12. 【Vue】VueX仓库

    文章浏览阅读749次,点赞53次,收藏47次。vuex是一个vue的状态管理工具,状态就是数据大白话:vuex是一个插件,可以帮我们管理vue通用的数据(多组件共享的数据)

  13. Node.js 新官网来了,UI 和 UX 全面升级,欢迎体验和反馈

    最新消息,Node.js 新官网已发布 Beta 预览版本,正在招募志愿者测试。如果你对新的 Node.js 网站感兴趣,欢迎参与体验,并在对应 Github 仓库提供反馈和建议!

  14. 基于React低代码平台开发:构建高效、灵活的应用新范式

    文章浏览阅读1.8k次,点赞104次,收藏77次。本书由三部分组成,第 一部分介绍基础理论知识,第二部分介绍如何构建低代码系统,先进行需求分析,涉及列表页、详情页和表单页的布局需求和逻辑需求,可视化编辑器、应用管理、组件市场和用户管理的需求等内容,然后介绍设计思路,包含架构设计、Schema 设计、组件库市场和 MongoDB Document 设计等,z后介绍详细的编码过程,包括可视化编辑器的实现、渲染 SDK 的实现、版本控制,以及如何将其集成到其他系统。秦小倩(网名何遇)

  15. 一款基于web的开源word文档编辑器

    hi, 大家好, 我是徐小夕, 最近在研究基于 web 的文档编辑器,在网上调研了很多方案, 刚好看到了一款非常有意思的开源编辑器——canvas-editor, 它底层基于 canvas 实现, 我

  16. 写给想学 Rust 的前端同学

    Rust 可能正在逐渐渗透前端的方方面面,所以作为一个前端究竟有没有必要学习 Rust 呢?我认为,还是看个人的精力吧,有那个精力多学一点没有坏处,没那个精力不学也没有影响。本篇不是讨论该不该学

  17. Vue使用高德地图定位到当前位置,并显示天气信息

    文章浏览阅读450次,点赞10次,收藏9次。Vue使用高德地图定位到当前位置,并显示天气信息

  18. 万物皆可转:前端框架编译原理内参

    (内容真的很干,来看看,求你了)作为前端同学,如果接到这种工作可能会汗流浃背。但不要担心,只要我们把目标拆解到足够清晰、足够细化,一切困难都是纸老虎。所以我们做事第一步,先了解一下什么是编译器:

  19. 乐吾乐Web可视化RTSP播放

    背景 乐吾乐致力于物联网和智能制造等场景的Web可视化平台和解决方案,其中摄像头播放必不可少。 当前国内摄像头都以RTSP协议为主,而HTML不能直接读取RTSP协议,因此需要一个转流服务。

  20. 源码剖析ref和reactive的区别

    掘金总是有人抵触ref,抵触reactive,说ref有个value很丑,reactive有类型限制等等,其实没什么好吵的,爱用哪个用哪个。当一个组件响应式变量很多的时候我们其实用reactive更好

  21. 2024最新版:前端性能优化方案汇总

    前端性能优化一直是很多同学非常关注的问题,在日常的面试中也是经常会被问到的点。所以今天咱们就花一点时间来了解一下【2024最新的前端性能优化方案】,以此来助大家高效工作,面试顺利!

  22. LangChain + Next.js 入门级

    Next.js中LangChain项目的入门模板和示例用例包括聊天、代理和检索。 代码仓库:LangChain + Next.js 入门级 此模板搭建了一个LangChain.js + Next.js

  23. 我竟然中招了github钓鱼链接

    相信最近大家应该有关注到github的一些repo的issue中可能会发送一些钓鱼链接,类似下面这样。而一般人应该都没有点击链接,或者是点了链接但看到授权的权限太多并没有进行验证。而我……

  24. Rust 登上了开源头条「GitHub 热点速览」

    本周的热门开源项目,Rust 语言可谓是出尽风头,登顶的是一款 Rust 写的 Web 服务器:pingora,它夸张到一周涨了 1 万 Star,目前还在以每天 1000+ 恐怖速度增长着,该项目是

  25. 2种纯前端换肤方案

    前言 换肤功能是一项普遍的需求,尤其是在夜晚,用户更倾向于使用暗黑模式。在我负责的公司项目中,每个项目都有换肤功能的需求。 过去,我主要使用 SCSS 变量,并利用其提供的函数,如 @each、map

  26. 两道JS面试题

    哈喽,各位看客大大好呀。 没错,正如题目,小编最近正在找工作中,不过是骑驴找马。经常刷掘金沸点,感觉形势很严峻,现在不敢随便裸辞了。 金三银四好像真的成为了过去式,感觉铜三铁四差不多!!

  27. 【Flutter&Flame 游戏实践 – 壹】Trex | 角色登场

    Flutter&Flame 游戏开发系列前言: 该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为 全平台 的 原生级 渲染框架,兼具 全端 跨平台和高性能的特点。目前官方对

  28. 前端公共组件库优化2.0

    针对1.0版本使用的前端组件库引入方式做了一次优化,改为了使用npm的方式来发布和引入,涉及了私仓的搭建 发布 引入 整体流程

  29. Flutter&Flame 游戏开发 – 零 | 文章总集

    Flutter&Flame 游戏开发系列前言: 该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为 全平台 的 原生级 渲染框架。官方对休闲游戏的宣传越来越多,以 Flame

  30. vue3和vue2的区别,你知道多少

    一. 根节点不同 vue2中必须要有根标签。 vue3中可以没有根标签,。 二. 组合式API和选项式API

  31. 18.6K star替换Trello + Notion ,开源项目管理利器

    选一款适合的项目管理工具,会让团队效率倍增,项目进展顺利。 今天我们介绍开源的项目管理利器,它可以平替notion+trello,开源免费、多语言、支持自托管,它就是:Focalboard。

  32. ES6不常见的新特性

    ES6不常见的新特性 DevUI是面向企业中后台产品的开源前端解决方案,其设计价值观基于高效、开放、可信、乐趣四种自然与人文相结合的理念,旨在为设计师、前端开发者提供标准的设计体系,并满足各类落地场景

  33. 毕业半年多了,回顾从大学到现在搞过的很有意思的开源项目

    昨天突发奇想想总结分享一下我做过的项目,因为写过的东西还是比较多的,所以也总结了好久。计算机还是非常有意思的,我也希望能够保持对于技术的好奇心,同样也希望能做出一些有意思的项目来获得一丝成就感。

  34. vue.config.js全部详细配置

    vue.config.js 是一个可选的配置文件,如果项目的根目录中没有这个文件,你需要手动创建它。这个文件是一个 Node.js 模块,会导出一个包含了 Vue CLI 项目配置的对象。 下面是一些

  35. 前端妹子失业在家刷题,开发了个leetcode刷题工具,效率直接翻倍

    大家好,我是薇薇,一名沪漂女程序员,年前惨遭被裁,正值在家悲伤抠脚之际,突然看到两位朋友在合谋开发一款刷leetcode的小工具——leetcode-practice…… 下面重点稍微来介绍一下 在神

  36. Vue 3 中的 ref 和 reactive 有什么区别?

    文章浏览阅读352次,点赞11次,收藏5次。则更适用于处理复杂的数据结构,并直接操作返回的对象。在选择使用哪个函数时,你需要考虑数据的类型、结构以及你的具体需求。同时,你还需要注意它们与 TypeScript 的兼容性以及解构和类型推断等方面的差异。是两个核心的函数,用于创建响应式数据。虽然它们的目标都是使数据变得响应式,但它们在使用方式和行为上有一些不同。都是 Vue 3 中用于创建响应式数据的函数,但它们在使用方式和行为上有一些不同。时,你可以直接操作返回的对象,就像操作普通对象一样。更适用于处理基本类型的数据,并通过。来访问或修改其内部的值。

  37. Git LFS 大文件存储

    Git LFS(Git 大文件存储),一篇讲完LFS原理,由来,优缺点,使用的教程,让你轻松在git上使用大文件存储

  38. 一文读懂Vue组件通信

    Vue组件之间的通信,伴随着Vue的版本迭代,也在不断发生着变化。这篇文章重新梳理了Vue组件通信中一些常规的方式,以及一些探索式的内容

  39. 前端Vue篇之Vue 3.0 中的 Vue Composition API?Composition API与React Hook很像,区别是什么

    文章浏览阅读326次,点赞8次,收藏6次。Vue 3.0 中的 Composition API 和 React Hooks 都是用于在函数式组件中管理状态和逻辑的工具,它们有相似之处,但也有一些区别。

  40. 【前端调试】如何优雅调试线上代码(Vue、React)

    前言 不管是我们Vue还是React项目,线上都是通过Webpack或Vite编译压缩之后的代码,比如: React项目: Vue项目: 这就导致了一个问题:一旦线上出现bug时,首先我们不知道问题是

  41. 2024版: 用 Node.js 调用 ChatGPT API 实现 Stream 流式聊天效果

    大家好,我是前端双越老师~ 本文介绍如何使用 Node.js 调用 ChatGPT API 并实现 Stream 流式效果,2024 最新的代码和示例(有些 2023 资料都过时了)

  42. Flutter&Flame 游戏开发 – 零 | 文章总集

    Flutter&Flame 游戏开发系列前言: 该系列是 [张风捷特烈] 的 Flame 游戏开发教程。Flutter 作为 全平台 的 原生级 渲染框架。官方对休闲游戏的宣传越来越多,以 Flame

  43. 24届专科毕业生 : 普通前端学子心路历程

    前言 如果只想看面试和工作经历,可以目录直接到达 家庭压力 在校学习 入学之后学校开始上课,教授我们java基础,还有前端的html以及css,为了能更多了解这一行,我做了课代表,向老师请教一些东西。

  44. Vue你遗忘的的那些基础语法

    很多刚入门Vue不久的小伙伴,学了基础语法后,可能过了一段时间没有巩固练习,一上手就不知道怎么写了…语法都能看明白,但自己写就有点捉襟见肘了!本文呢,就给小白打下扎实基础,直接上手业务开发。

  45. 纯前端也能实现视频转GIF

    前言 之前使用过FFMpeg来做视频转GIF,但是FFMpeg的体积还是太大了,前端加载一般要10M左右。后面发现了 Webcodecs 这个新的 Web API ,它提供了解码视频的能力。所以就沿着


关注我

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

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

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