20231105 前端开发日报

14年开始工作的老前端, 今天第一天送外卖, 时薪比自己估计少很多；大家都在嘲笑 Next.js 14；JavaScript 包装类干货分享；git 大厂代码提交原则（适用新手，细节拉满）；新一代前端发展的困境与破局；揭开 SCSS 神秘面纱：利用预处理器升级你的样式表技术；js中包装类知多少?浅析包装类(含阿里面试真题)；空窗期三个月，前端路在何方？

1. 14年开始工作的老前端, 今天第一天送外卖, 时薪比自己估计少很多

   注册骑手的时候系统说估计月收入6400. 第一次跑单, 分享下真实工作流程, 感受, 和收入情况. 注册 注册很容易, 要注意的是需要上传身份证和一些简单的考试. 注册完第二天, 区域小领导会打电话来

2. 大家都在嘲笑 Next.js 14

   上周 Next.js 14 发布了，该版本相较于 13，没有任何 API 变更，主要更新点是 Turbopack 带来了大幅的性能提升以及 Server Actions 功能进入稳定版本。

3. JavaScript 包装类干货分享

   — theme: healer-readable — # 引言 在上篇文章我们了解了JS中两种数据类型在创建时的底层逻辑，以及构造函数时引擎的执行过程，那么我们这次来聊一聊如果给原始数据类型赋

4. git 大厂代码提交原则（适用新手，细节拉满）

   # git是什么，为什么要学git – git 是一个免费的、开源的分布式版本控制系统，git可以追

5. 新一代前端发展的困境与破局

   本次分享对象为 React/Vue 出来之后的新一代前端开发者，在造轮子时代已经过去、国内前端环境很卷的情况下，前端工程师的成长路径相比之前要难不少，在这些困境下，分享如何以一种新的方式破局

6. 揭开 SCSS 神秘面纱：利用预处理器升级你的样式表技术

   在前端开发中，CSS 是不可或缺的一部分，它负责控制网页的样式和布局。然而，使用纯 CSS 编写复杂的样式表可能会变得冗长而难以维护。在这种情况下，SCSS的出现为我们提供了更强大和灵活的样式语言。

7. js中包装类知多少?浅析包装类(含阿里面试真题)

   引用数据类型具有属性和方法，也就是可以通过"变量名.属性名"、"变量名.方法名()"访问调用自身有的属性和方法,而基本数据类型是没有的。 那么问题来了,为什么好像基本数据类型也可以这样用,会有什么问题

8. 空窗期三个月，前端路在何方？

   我大概是在2022.07.14由于裁员在xxx谷毕业。毕业之后的我，没有着手找工作，由于之前买的房子马上装修完了，所以我回家添置家具，各种买买买，在家待（废）了三个月。 虽然说这三个月我偶尔会看看一些

9. 面试官：聊聊js闭包。来看这篇，小白也能读懂（内含调用栈及作用域链的详细讲解）

   众所周知，闭包是js非常难的一个难点，但是我不认同，闭包其实很好理解，看完这篇文章，我相信你可以攻克这一难点。文章有点长，请大家多花点耐心。 为了讲闭包，我们还需要引入调用栈，以及作用域链这两个概念。

10. 用JS实现一个实时小闹钟，大家快进来看看吧

    前言 今天我们来聊聊如何使用JS来创建一个实时的小闹钟，这个小闹钟十分的有趣，小伙伴们可以运行一下，看看跟你电脑上的时间是否对的上呢？ 我们先来看一下实现的效果 结构设计 我们先来观察一下这个小闹钟

11. 懒人版请求库alovajs教程4：使用useHook发送请求

    alova是一个轻量级的请求策略库，旨在简化接口的管理和使用。它分为两部分： 声明式实现复杂请求： 支持开发者使用声明式方法实现复杂请求，如请求共享、分页请求、表单提交、断点续传等，无需编写大量代码

12. 前端面试:聊聊闭包 一盏茶的功夫让你彻底掌握闭包

    前言 在JavaScript中，闭包是一个非常重要的概念，对于编写高质量的JavaScript代码和理解某些设计模式非常关键。很多人认为闭包很难，不过我相信你看完了我的文章会有收获，或许对闭包有一个新

13. 【CSS】15秒教会你如何对女朋友进行恶作剧

    本文手把手教会读者一个分手小技巧，通过图文与代码的结合，深入讲解其中的原理，旨在读者掌握其中的精髓，能够完美复刻 “钓鱼网站” 进行恶作剧，增进情侣间的感情！

14. Transformers.js 2.7.0 发布，新增文本转语音

    近日，Transformers.js 作者 Joshua Lochner 在 GitHub 上发布了 Transformers.js 2.7.0，这个版本主要的更新是：新增了文本转语音

15. 【附有代码】用JS实现一个简单的3D开关书本模型

    序言 今天我们不聊干货，来看一些用JS也能实现的轻松有趣的小Demo，首先我们先看实验效果图。 看完这张图后，我直接把代码附上！ HTML代码 CSS代码 JS代码 代码解释 html部分 引入文件

16. flutter状态库到底用哪个

    初入flutter，状态库到底用哪个！ 我之前没写过flutter，进了新公司要求使用flutter。由于对flutetr的生态不熟悉，常常感到疑惑，我到底该用哪个库。其中最有争议的就是状态库的选择

17. 小白实战用JS实现一个3D翻书效果，附上代码

    前言 今天我们来聊聊，如何实现一个3D翻书的页面，这个效果也是十分的生动和有趣哦，我会结合代码和大家一起制作，看完之后，大家可以选择自行喜欢的图片自己制作哦~也可以复制代码先体验一下效果 首先，我们先

18. 12.JavaScript(WebAPI) – JS api文献精解

    文章浏览阅读421次，点赞47次，收藏46次。本文章主要带大家了解了JavaScript中的主要api，已经在文章后面还为大家准备了猜数字，表白墙以及待办事项等项目来帮助大家更好地理解WebAPI。

19. JS：给原始类型数据加属性和方法，为什么不报错？

    前言 近日看到一道阿里前端面试题，由于不了解JS包装类的特性，果然不出意外的做错了。题目如下： 上述代码的输出结果是什么？报错？还是typeOf的返回结果可能为String?最终结果都不是上面两种，最

20. 懒人版请求库alovajs教程3：Method实例

    alova 是一个轻量级的请求策略库，支持开发者使用声明式实现例如请求共享、分页请求、表单提交、断点续传等各种较复杂的请求，让开发者使用非常少量的代码就可以实现高可用性和高流畅性的请求功能

21. 可持续发展项目（九）：前端页面实现

    文章浏览阅读2k次。文章目录前言一、思考过程？二、完善搭建时遇到过的问题。实现页面1、组件类型页面2、组件页面3、排序页面4、中间界面（意在实现将组件拖拽实现，目前是借鉴网上的代码，后续再实现）将组件加入首页展示前言为自己搭建一个可以自我思考的平台，其核心为“心想事成”。一、思考过程？此时是我已实现过得一个前端案例，其中借鉴网上的拖拽事件的介绍实现的功能。二、完善搭建时遇到过的问题。其中使用图片上传功能，我想着是上传到本地的前端项目的assets上然后可以展示，但实际情况是element展示不出上传到asse

22. 在react中使用redux && react-redux的使用demo

    文章浏览阅读306次。redux是一种状态管理工具,可以存储和操作一些全局或者很多组件需要使用的公共数据。平心而论,redux的使用对于新上手来说不太友好,多个依赖包的,多种api的结合使用,相对来说比做同样一件事的vuex用起来比较麻烦.不过,熟能生巧,用多了也就习惯了,下面是个人的一个demo,是自己根据尚硅谷张天禹react教程学习的,然后写的demo.这个demo是一个实用版本的demo,而不是深入研究redux本身的各种api操作。

23. vue中的rules表单校验规则使用方法 :rules=“rules“

    文章浏览阅读85次。vue中的rules表单校验规则使用方法

24. 解决 React forwardRef 与 TypeScript 泛型组件冲突的问题

    文章浏览阅读144次。​ forwardRef是一个可以将组件内的ref对外暴露的高阶组件，当你的组件需要对外暴露元素的Ref，或者想对外暴露某些内部方法，就可以使用这个 （对应vue3的 expose 方法） 但是当forwardRef与TypeScript泛型组件结合时，会出现泛型丢失的问题 （传入泛型无效） 对这个问题，网上有许多解决方法，比如 定义 global.d.ts 等，但是感觉都不够高效，现在给大家带来我的解决方法 主要思路就是创建一个高阶组件，继承原

25. Vue3.0中父组件与子组件的通信传值props与emit :VCA模式

    文章浏览阅读92次。在 Vue 组件中，需要通过配置 props 属性来定义组件的 props。在组件中添加 props 属性之后，就可以使用 props 选项接收从父组件传递的数据。Props可以是数组形式进行滴定仪，在这里Props定义了一个数组，其中每个元素都是一个字符串类型的Prop名，表示父组件可以向子组件传递的数据项。

26. Vue Vuex的使用和原理 专门解决共享数据的问题

    文章浏览阅读100次。多组件共享时使用，如用户ID各组件需要根据ID发送请求获取数据，任意组件可以进行增删改，相当于全局变量。

27. 两天实现思维导图的协同编辑？用Yjs真的可以