20240301 前端开发周报

最新 GitHub 骗局千万别中招;面试官:前端请求如何避免明文传输?谁沉默了,原来是我;人生第一次面试 海康;25岁本科毕业三年社畜的2023年总结:开源、软考、旅游、买房、买车。一波肥;React 19 发布在即,抢先学习一下新特性;2024年令人眼前一亮的Web框架;了解 MIME 类型:Web 开发中的重要概念;技术资讯:Node.js 新吉祥物,来了

  1. 最新 GitHub 骗局千万别中招

    今天一早,焚香沐浴更衣,打开全球最大同性交友网站,准备好好摸鱼,突然遭遇最新 GitHub 骗局!千万要小心!

  2. 面试官:前端请求如何避免明文传输?谁沉默了,原来是我

    连夜肝文,面试以来最尴尬的一次,事情是这样的,最近有开始面稍微有难度一点岗位,本文的主题出自北京某一小厂的正式岗面试题,薪资水平大概开在10k-12k。之前一直是投的比较小的公司比较简单的实习岗位,这

  3. 人生第一次面试 海康

    大家好! 我叫扯蛋蛋 ,前几天我带着玩玩的心态着投了些简历,结果还有一个比较大点的公司,通过我的简历约到啦面试,听着我的前端领路人讲述面试官的过程,面试前我内心十分害怕,紧张万分。说实话,面试是很遥远

  4. 25岁本科毕业三年社畜的2023年总结:开源、软考、旅游、买房、买车。一波肥

    2023 年关键词:开源、软考、旅游、买房、买车、养小狗。 回望这一年我完成了很多对我自己来说很了不起的事情。

  5. React 19 发布在即,抢先学习一下新特性

    盼星星,盼月亮,终于盼来 React 19。这是继引入 hooks 之后的又一个里程碑式版本,快来抢先学习一下新版本可能发布的特性!

  6. 2024年令人眼前一亮的Web框架

    介绍 2024年正向我们走来,我们怀着满腔热情为新的一年制定计划,探索未来一年可以学习或实现的目标。此时此刻,正是探寻来年值得学习的框架、理解其功能和特色的最佳时刻。我们以2023年JS 新星名单为指

  7. 了解 MIME 类型:Web 开发中的重要概念

    在 Web 开发中,我们经常听到 MIME(Multipurpose Internet Mail Extensions)类型这个术语。本文简单介绍一下MIME的作用和注意事项

  8. 技术资讯:Node.js 新吉祥物,来了

    历时半年,Node 终于是推出了自己的新吉祥物,火箭龟。此举的意义,对于 Node而言,算是具有里程碑的意义了,毕竟期待已久,终也算是圆满了。

  9. 2024 AI & 前端:回首展望,光芒未至,破晓之前

    回望 2023 年,ChatGPT 的突然爆火,让 AI 无疑成为最为值得注目的新兴领域之一,我们也一起见证了生成式 AI 的寒武纪大爆发。

  10. FlutterUnit 3.0 全面升级 – 国际化、导航2.0、项目结构

    FlutterUnit 是张风捷特烈的一个开源的 Flutter 全平台 项目,支持 Android、iOS、Windows、MacOS、Linux、Web 六大主流平台。项目通过交互应用的形式,整理

  11. 改进 JavaScript 条件语句,探索可以替代 if…else 的 7 种方式

    条件语句是一个经常需要思考和改进的关键部分。if…else 结构虽然是我们常用的条件语句之一,但当代码逻辑变得复杂,if…else 结构可能会导致代码冗长、难以维护和理解。

  12. 面试官:实现一个吸附在键盘上的输入框

    移动端业务中常常会碰到键盘相关的需求,本文带领大家实现一个吸附在键盘上的 input,并深入理解键盘的相关事件

  13. 将任何网页变成桌面应用,全平台支持 | 开源日报 No.184

    Pake,用 Rust 将任何网页变成桌面应用程序。优点是比 Electron 打包小 20 倍(约为 5M),使用 Rust Tauri 比 JS-based frameworks 更轻量级和更快速

  14. 小小导出,我大前端足矣

    后端小白喊道:这个导出你前端应该就能做的吧! 那是自然,有什么功能是我大前端做不了的,必须得让你们大开眼界。xlsx-style但是使用起来极其复杂,还需要改 node_module源码,库6年前无用

  15. js如何控制一次只加载一张图片,加载完成后再加载下一张

    今天看到一个面试题,是关于img图片加载方面的,有必要记录一下。其实关于这个问题,只要知道图片什么时候加载完成就能解决了。 通过onload事件判断Img标签加载完成 实现逻辑:新建一个Image对象

  16. 68K star24年替换Node.js的最佳选择

    我们今天要介绍的开源项目是一个快速的全能工具包,用于运行、构建、测试和调试 JavaScript 和 TypeScript,它就是:Bun

  17. 前端转全栈: Next.js + ChatGPT 开发 AIGC 知识库(AI 写作) 欢迎围观~

    大家好,我是前端双越老师~ 我打算花几个月的时间搞一个 AIGC 方向的 node 全栈项目,一个 AI 写作项目,一个真实上线的项目,使用 React + Next.js + ChatGPT …

  18. 《HelloGitHub》第 95 期

    简介 HelloGitHub 分享 GitHub 上有趣、入门级的开源项目。 这里有实战项目、入门教程、黑科技、开源书籍、大厂开源项目等,涵盖多种编程语言 Python、Java、Go、C/C++、S

  19. 再遇协同编辑:Yjs + Quill,文档协同编辑竟如此简单

    简简单单 70 行代码,实现基于 Quill 富文本编辑器的协同编辑操作,骚年,一起来揭秘 Yjs 的使用吧。

  20. 改造了一个练习英语的开源项目

    在2023年下半年,我决定将英语学习纳入我的计划清单,找到了一套适合自己的学习方法。在学习过程中,我养成了记录我不熟悉的单词,并计划在闲暇时复习这些新词以加强记忆的习惯。然而,经过一段时间的尝试,我.

  21. 【Vue3】toRefs和toRef在reactive中的一些应用

    文章浏览阅读1.1k次,点赞44次,收藏41次。承接上个标题,我们如果想要将解构的对象变为响应式的,我们应该怎么做呢,只需要import一个toRefs同时我们再将解构的person包裹一下toRefs这样的意思就是,将解构的数据变为Ref定义的响应式对象,将reactive对象变为Ref对象接下来我们改一下方法这样我们再测试一下toRef和toRefs是 Vue3 中用于处理响应式对象的两个函数,它们有一些重要的区别toRef:参数:接收一个响应式对象和一个属性名,返回一个 ref 对象,指向该属性的值。

  22. 一个 vue 指令,帮你优化滚动条场景

    前言 彦祖们,首先祝各位元宵节快乐!团团圆圆,阖家幸福!成为彦祖,超越彦祖 言归正传,滚动条场景应该是每一位前端开发者必定接触过的 今天让我们一步步用纯css来优化一下这个滚动条场景 优化前 没错,场

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

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

  24. 请你手写前端路由hash&history,你会不会写?

    手写前端路由要解决的问题 在学习之前,我们要先知道我们要解决什么问题。 什么是路由? 前端本无路由!就像鲁迅先生说的:世界上本没有路,走的人多了也就成了路!

  25. 工具 | NGINX – 高级负载均衡器、Web服务器、反向代理

    工具 | NGINX – 高级负载均衡器、Web服务器、反向代理 NGINX是一个Http服务器,是一个使用C语言 NGINX官网地址 http://nginx.org/en/download.htm

  26. 如何在同一台电脑上使用多个git账号的ssh key?

    这篇文章详细介绍了如何在同一台电脑上使用多个 SSH Key。通过生成新的 SSH Key、添加到 SSH Agent、修改 SSH 配置文件等步骤,可以方便地管理多个账号或身份。文章还解释了配置文件

  27. 金三银四充电宝:《前端开发核心知识进阶》

    读书破万卷,推荐一本前端进阶书籍——《前端开发核心知识进阶》。本书适合备考或者出考题的人,不适合0基础人群。

  28. nodejs+vue+ElementUi旅游景区门票预约系统停车系统

    文章浏览阅读75次,点赞2次,收藏2次。该系统将采用B/S结构模式,使用Vue和ElementUI框架搭建前端页面,后端使用Nodejs来搭建服务器,并使用MySQL,通过axios完成前后端的交互。一进入网页是一个景区信息图片的展示,上面有预约的按钮,未登录时点击会提醒登陆。用户前端可查看预约的景区信息,查看已预约的人数,预约讲解人员,预约停车位(做一个选择时间的)需要选择时间段。后台可以查看网站点击信息和预约过得游客得统计信息,图标动态展示统计信息,用户可以对景区信息进行查看,这样游客可以自我选择更好的线路规划,且信息显。

  29. 如何使用极狐GitLab 代码推送规则,提高代码质量?

    简述 极狐 GitLab 中的推送规则(Push Rules)是一种强制执行代码仓库规范和最佳实践的方法。推送规则解决了以下场景的痛点: 第三方需求管理工具集成:比如与Jira集成需要开发者提交代码时

  30. 如何创建NB的 GitHub 个人简介

    如果您是 GitHub 新手或主要处理私有 GitHub 存储库,那么您很可能还没有 GitHub 个人资料。 GitHub 个人资料可帮助为您个人资料的访问者提供基本信息。

  31. 头疼管理 MySQL 数据库 Schema?开源工具大盘点

    MySQL 是世界上最流行的开源关系型数据库管理系统 (RDBMS),但是对 MySQL 数据库做 schema 变更 (schema migration) 还是有点难搞的。 本文中,我们盘点

  32. nodejs+vue+ElementUi废品废弃资源回收系统

    文章浏览阅读135次,点赞4次,收藏2次。本废弃资源回收系统系统主要包括系统用户管理、回收站点管理、站点分类管理、、站点分类管理、用户管理、回收站点管理、业务管理等多个模块。管理员需要先登录系统然后才可以使用本系统,管理员可以对系统用户管理、用户信息管理、回收站点管理、站点分类管理、站点分类管理、留言板管理、系统管理进行添加、查询、修改、删除,以保障废弃资源回收系统系统的正常运行。如图3.2是管理员用例图,废弃资源回收系统系统中管理员的主要功能包括对系统用户管理、回收站点管理、站点分类管理、站点分类管理、留言板管理等。关键词:nodejs语言;

  33. 一个收录独立开发者出海技术栈和工具的开源库,短短时间斩获2.4k Star

    大家好,我是程序员凌览。 本文给大家介绍一个零代码的开源库,它只收录独立开发者出海技术栈和工具;帮助独立开发者更好地应对出海挑战。 从短短一周时间斩获2.4k Star的数据看,拥有自己的产品并能够凭

  34. 华为云软件开发生产线CodeArts前端DevOps实践

    原文链接:https://support.huaweicloud.com/reference-devcloud/devcloud_reference_040505.html 本文主要以CodeArts

  35. 新增 2 开源项目进入 CNCF 云原生全景图

    字节跳动 2 个云原生开源项目 Katalyst 和 KubeAdmiral 陆续进入 CNCF 云原生全景图

  36. GitHub 斩获 8300 星,小红书爆火开源 InstantID 要开直播了

    2 月 29 日(周四) 20:00-21:00,InstantID 幕后团队主创工程师揭晓技术细节!

  37. 【万字求职宝典】送给年要找工作的同学(非面试题)

    本篇文章结合我自己工作过的公司以及一些现实中的朋友的工作经历,给大家整理了一份求职宝典,有些雷,有些坑,你没有遇见过,你也不知道它的存在,你也不会去问。有了这篇宝典,可以帮小伙伴们少走几年弯路。

  38. 【Vue3】回顾watch,学习watchEffect

    文章浏览阅读669次,点赞35次,收藏32次。合理的使用watch和watchEffect可以让我们的开发变得更加高效挑战与创造都是很痛苦的,但是很充实。

  39. Coze 扣子 | AI 养育计划 – “Flutter 大师”

    扣子(coze.cn)是一款用来开发新一代 AI Chat Bot 的应用编辑平台。其中可以构建自己的知识库以及作为资源,这样的话,让 AI Bot 拥有将我文章的 "智慧",岂不是以为 Flutte

  40. 面了这么多天,该做总结了-CSS篇(二)

    浅聊一下 书接上文,上篇文章中我们和面试官聊完了响应式、BFC容器、CSS中的单位,本篇文章将继续这些天面试完的CSS内容总结…

  41. vue中的ref/reactive区别及原理

    文章浏览阅读195次,点赞7次,收藏3次。当访问响应式对象的属性时,Vue会使用Proxy拦截访问操作,并将该属性标记为依赖,当属性被修改时,Vue会触发相应的更新操作。ref和reactive的区别在于ref是对对象的包装,而reactive是对整个对象进行响应式化处理。ref是Vue 3中新加入的特性,它可以将一个普通的JavaScript对象转换为响应式对象。reactive是Vue 2中的一个API,它可以将一个普通的JavaScript对象转换为响应式对象。访问和修改响应式数据时,Vue会跟踪数据的变化并触发视图的更新。

  42. 分享一些我在面试时所遇到的CSS问题 (三)

    前言 在前端面试中,CSS是一个非常重要的考察点,因为它是构建网页界面和用户交互的关键技术之一。年也算过完了,又到了春招的时候,这是一个检验成果的阶段,接下来我会陆续分享一下我在面试时所遇到的与CSS

  43. 60行JS速通购物车小球斜抛动画

    本文主要介绍了一种基于`Web Animations API`实现的**元素斜抛动画**解决方案。直接采用`class`类的方式用JS集中处理DOM元素的挂载、样式配置、动画播放。

  44. nodejs+vue+ElementUi慈善公益捐献捐款捐赠系统

    文章浏览阅读417次,点赞13次,收藏15次。采用B/S结构,使得系统更加容易维护。本慈善公益平台共包含19个表:分别是参与公益事业信息表,慈善捐赠信息表,配置文件信息表,慈善捐赠评论表信息表,公益事业评论表信息表,公益柜信息表,公益事业信息表,公益事业签到信息表,捐款记录信息表,捐赠物资记录信息表,留言板信息表,特别新闻信息表,平台奖项信息表,求助信息信息表,token表信息表,用户表信息表,我们在路上信息表,用户信息表,志愿者信息表, 将系统所使用到的表以及数据存储到MySQL数据库中,方便对数据进行操作本课题基于WEB的开发平台。

  45. 请你手写前端路由hash&history,你会不会写?

    手写前端路由要解决的问题 在学习之前,我们要先知道我们要解决什么问题。 什么是路由? 前端本无路由!就像鲁迅先生说的:世界上本没有路,走的人多了也就成了路!


关注我

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

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

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