20240112 前端开发周报

2024 前端预测;一万Star这个开源低代码工具在海外疯狂流行;面试官:0.1+0.2等于多少?我不假思索0.3,结果直接回家等通知;现代 CSS 解决方案:文字颜色自动适配背景色;去年最火的 JS 开源项目「GitHub 热点速览」;GPT自动投简历,一周斩获三offer,开源分享;Flutter 小技巧之升级适配 Xcode15;了解 Flutter 3.16 功能更新

  1. 2024 前端预测

    对于前端来说,这是不平凡的一年。我们见证了对服务器端渲染(SSR)市场的争夺和创新的热潮;人工智能的不断渗透;网络渲染器和 JS 引擎的迅猛发展;一大批有志之士试图将知名品牌从宝座上拉下;以及其他各个

  2. 一万Star这个开源低代码工具在海外疯狂流行

    开源工具天天有,1万Star不常有。分享一个在海外疯狂增长了1万Star的产品,低代码工具千千万,真正能用的却不多,这个工具目前主要是北美的开发者在使用,他们的discord社区也十分活跃。 社区里面

  3. 面试官:0.1+0.2等于多少?我不假思索0.3,结果直接回家等通知

    面试官:0.1+0.2等于多少?我不假思索0.3,结果直接回家等通知 关于0.1+0.2,这是一个非常经典的问题 众所周知数学上是0.1+0.2是等于0.3的,然而在大部分编程语言中却不等于0.3

  4. 现代 CSS 解决方案:文字颜色自动适配背景色

    在 23 年的 CSS 新特性中,有一个非常重要的功能更新 — 相对颜色。 简单而言,相对颜色的功能,让我们在 CSS 中,对颜色有了更为强大的掌控能力。 其核心功能就是,让我们能够基于一个现有颜色

  5. 去年最火的 JS 开源项目「GitHub 热点速览」

    近日,「Best of JS」发布了过去一年在 GitHub 上 Star 数增速最快的 JavaScript 开源项目(2023 JavaScript Rising Stars),前 10 的开源项

  6. GPT自动投简历,一周斩获三offer,开源分享

    最近在 GitHub 上发现了一个非常有意思的项目。 该作者巧妙地结合 GPT 和 RPA 技术,打造了一个自动投简历助手。然而,由于原项目存在一系列问题,笔者决定重写该项目,并且完全免费、一键运行。

  7. Flutter 小技巧之升级适配 Xcode15

    美好的 2024 从「适配」开始,按照苹果的尿性,2024 春季开始大家将不得使用 Xcode15 来构建 App ,另外根据《2024 的 iOS 的隐私清单》 要求,使用 Flutter 的开发者

  8. 了解 Flutter 3.16 功能更新

    作者 / Kevin Chisholm 我们在季度 Flutter 稳定版发布会上带来了 Flutter 3.16,此版本包含诸多更新: Material 3 成为新的默认主题、为 Android 带

  9. 23年一个迷茫前端的总结和规划

    23年匆匆过去,回首一看,也算是充满挑战的一年,技术没提升多少,人差点干废了。考摩托车驾驶证、亲人的离去、卖房子,买房子、开始装修房子、筹备婚礼

  10. 你必须掌握的git知识

    本文主要介绍日常开发中常用的git相关知识,希望能帮助大家。如有错误,不吝赐教!欢迎大家分享一些实用git技巧。

  11. 盘点2023前端技术,谁才是当红炸子鸡

    大家好,我是程序员凌览。2023已成过去式,让我们一起来看看2023年前端圈流行哪些技术? 最受欢迎的项目排行榜 榜一为shadcn/ui,它是一个用 React 编写的用户界面组库,允许通过 Tai

  12. RV大战之2024年我还想写React

    近期又上演了一场React/Vue大战,我也借这个时间点大概聊一聊自己对于React以及前端目前渲染类库的理解

  13. 好了,俺要开始学习React了 (基础一)

    写前话痨 为啥俺开始学习React了,讲白了,就是为了适应这个 卷的时代 ,既然俺不能也不可能让这个时代去适应俺,那俺就能 热脸贴着冷时代(冷屁股) 了,还是嘎嘎会贴的那种 个人理解 俺之前的主打一

  14. 只用 HTML 即可实现弹窗

    前言 今天周六,打开 Youtube 时,看到一个 外国小哥 介绍了一个 html 标签上的属性,可以不借助 js 打开一个弹窗,感觉有点意思,在此记录一下 实现效果如下: popover 这是在

  15. Git,嘎嘎好用谈一谈我对Git的理解与使用心得

    老板说你Git玩不明白,要被裁了,怎么办?我来祝你一臂之力! 掌握接下来所讲的Git基础知识与技巧,希望能帮助大家在日常工作和学习中可以轻松使用这个强大的代码管理工具 先讲讲Git是个什么东东..

  16. 啊?两个vite项目怎么共用一个端口号啊

    最近在业务开发中遇到一个问题,问题是这样的,当前有一个主项目和一个子项目,主项目通过微前端wujie来嵌套这个子项目,其中呢为了方便项目之间进行通信,所以规定该子项目的端口号必须为5173

  17. 组件进入离开动画?试试 react-transition-group

    列表是很常见的场景: 如果我们想给它加上进入离开的动画效果: 怎么做呢? 一般我们会用 react-transition-group 来做。 在 npm 官网可以看到,这个包每周有 750w 下载量,

  18. 苦学golang半年,写了一款web服务器

    苦学golang半年,写了一款web服务器 苦学golang半年,写了一款web服务器,里面包含笔者各种工程实践,大佬勿喷 为什么不使用Gin,而要自己开发一款web服务器呢?其实gin已经非常好了

  19. 推荐一款Apache开源的文档内容解析工具

    hello,伙伴们,在闲暇的时候逛了一下掘金,发现了这样的一篇文章:spring boot+apache tika实现文档内容解析,对里边提到的tika很感兴趣,感兴趣的原因之一就是当时在研究文档识别

  20. AI 编写完整工程代码:自然语言控制,AI 驱动开发 | 开源日报 No.135

    GPT-Engineer 是一款强大的 AI 工具,可以帮助你编写代码。你只需用自然语言描述你的需求,AI 就能编写和执行代码。它还支持自定义 AI 代理的身份,并能记住项目间的信息。使用它的 cli

  21. 【总结】查看某一段时间的 git 提交记录统计小工具 | 一位男子群聊,这是他大脑发生的变化

    在某一天的水群中,和几个好兄弟聊到了各位过去一年所有项目的 git 提交情况都怎么样… 看着 xdm 用的 GitLab 啥的都自带统计,而我用的 Coding 却貌似没有

  22. 视野修炼-技术周刊第68期 | 2023 年前端明星项目

    24 年第一期 ① 2023 年 JavaScript 明星项目 ② 自动生成变量模板 ③ Vue 3.4 ④ 不要被前端框架PUA

  23. 开源游戏引擎:创造无限可能 | 开源专题 No.56

    在这个迅速发展的游戏产业中,开源项目正在以其独特的方式为游戏开发者提供强大的支持。从功能丰富的 Godot Engine 到用 Rust 构建的 Bevy,从简单的 ASF Steam 卡片收集工具到

  24. 面试官:谈谈前端路由的实现原理【hash&history】

    路由一词最早来自服务器,和前端没有关系。当你想要从服务器中读取某个盘的文件,这个文件的路径就是路由。也就是说路由是服务器端用来描述路径的,或者是说url和文件的映射关系,后来因为前端的SPA

  25. 说说对 React 的理解

    React是一个用于构建用户界面的JavaScript库,由Facebook和Instagram开发并维护。它允许开发人员使用组件化的方式构建复杂的用户界面,并提供了一组工具和API,使得开发人员可以

  26. 2024 年,你应该使用 Bun、Node.js 还是 Deno?

    你会选择哪一种JavaScript运行时加入你2024年的技术栈?本文介绍了Node.js、Deno和Bun的优点和缺点,探讨了三者分别适合在什么场景下使用。

  27. Hi,我们创造了一个JS驱动,开发者友好的Workflow产品

    ILLA Flow 是一款工作流产品,它允许你以类似思维导图的方式构建完整的工作流,从而实现与各种数据库和API的连接和调度。 你可以通过拖放界面构建自己的工作流,然后通过调度触发器或Webhook。

  28. 面试题:事件触发过程是什么样的?

    试想一下,我们有三个div,每个div上有一个点击事件,点击最大的div会输出app,点击中间的div会输出wrap,点击最小的div会输出box。那么当我们点击分别点击每一个图层时会输出什么呢?

  29. 前端的你应该知道的SVG知识

    在我们阅读这篇文章之前,我们需要思考下,我们为什要去了解SVG,阅读了这篇文章是否可以给我们带来帮助。 1. 如果你想要一张 css或者JavaScript可以控制的图片,那么你可以考虑SVG。 2.

  30. 面试官:请问js事件触发过程是怎样的

    整个流程是先捕获后冒泡,触发过程默认情况是冒泡,也就是像泡泡一样,从里到外,想要改变成为捕获传播就需要动用addEventListener的第三个参数,将其设置成true就是捕获事件,想要阻止事件传播

  31. 古茗前端 第十六期周刊

    canvas 实现碰撞检测、Js 控制 css 思路、设计稿转代码、分布式理论、前端版本过低引导弹窗、防呆设计

  32. 命令行艺术:简洁指南,效率倍增 | 开源日报 No.136

    这个项目是一本关于命令行艺术的指南,旨在帮助初学者和经验丰富的用户掌握 Bash 命令。它提供了丰富的实际案例,简洁明了地介绍了 Linux 下的交互式 Bash,以及一些重要的 Unix 命令和其他

  33. 只需1080ti,即可在遥感图像中对目标进行像素级定位代码数据集已开源

    这篇论文介绍了一项新的任务 —— 指向性遥感图像分割(RRSIS),以及一种新的方法 —— 旋转多尺度交互网络(RMSIN)。

  34. 关于分享我的Vite 前端国际化方案

    背景 相信很多的前端同学在项目中有过做国际化的经验,我来猜猜大家伙做国际化的步骤:是不是先在localecn里面定义好中文,然后马上去谷歌/百度翻译查好相应的翻译,然后copy到localeen中

  35. Github Copilot 程序员效率提升工具

    AI时代到来,Github Copilot问世 以下是GitHub的首席执行官 Thomas 在2022年6月21日,首次将Github Copilot面向个人开发者全面开放的公告。 什么是 Gith

  36. 嘿,我用canvas画了一个甘特图的demo

    用canvas画了一个甘特图的demo。项目基于zrender,功能比较完整可用,也算是记录最近一些时间的研究和学习,现在写文分享给大家,这是我的第一篇文章,希望大家喜欢:)

  37. 【vue】天气小组件

    高德,腾讯,百度地图会给程序员提供一些接口,我们只要调用这些接口,就可以拿到定位,甚至天气情况信息。本期文章我们以高德地图为例,高德地图api链接放到下方。

  38. 约不上面试,很可能是简历的问题

    如果本文点赞超过超过一百,我就定期晚上九点在B站直播,我们真实的大型商业前端项目开发,实时分享我们的需求评审、代码开发和架构优化,也可以连麦指导粉丝如何修改简历或模拟面试。

  39. 跟杰哥一起学Flutter (八、进阶-异步编程速通)

    先了解点概念性的东西,对Dart并发的整体架构建立一个初步认知,涉及:Flutter 架构概览、Flutter 线程模型、Dart的并发实现(isolate机制)、Dart单线程模型 (Event L

  40. 2023 年开始写 CSS 会与众不同、Android JNI混淆 | 酱酱的每日掘金第 302 期

    全网最全的Cesium跟随弹窗的全框架实现原理剖析、Node 和浏览器里实现 Excel 的解析和生成、2023 年开始写 CSS 会与众不同 Android JNI混淆

  41. threejs系列之:材质与贴图详解(上)

    Lambert网格材质是使用的Lambert模型,Lambert 模型是一种简单的漫反射模型。它假设物体的表面是均匀的,并且光线从任何方向照射到表面都会被均匀地散射。它的优点是简单易用,计算效率高。但

  42. TypeScript高频面试题及解析

    本文整理了一些TypeScript 的高频面试题,并附带详细答案及解析代码,涉及包括`基本语法`、`类型系统`、`函数`、`类`、`模块化`、`泛型`、`装饰器`等,一起来看看吧!


关注我

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

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

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