20231021 前端开发日报

一次恶心的面试经历;【翻译】增长秘笈,如何让你的开源项目Star数快速增长;学习前端工程化1️⃣——前端工程化与模块化;面试爽文 :怎么也想不到,一个 MySQL 锁能问出20多个问题(万字长文);兼容 Vite 插件新版打包算法Rust Web 构建引擎 Farm v0.13 版本发布;我使用34行 JS 核心代码实现掘金官网的目录滚动效果;面试时这样回答Vue生命周期,面试官说:你明天直接来上班;前端实现蜂巢布局思路

  1. 一次恶心的面试经历

    今年三月底,我就离职回家自由职业了。 到现在差不多有半年了。 这半年主要是在写 Nest 小册。 4 本小册半年收入,加上公众号广告,公众号赞赏收入,在鱼皮的“编程导航”星球做嘉宾的收入,大概到手有

  2. 【翻译】增长秘笈,如何让你的开源项目Star数快速增长

    – 在短时间内,我们的 star 数迅速增长到1.5k以上。我编制了一个详细的增长策略清单,这些策略帮助我们吸引了流量并获得了 star。

  3. 学习前端工程化1️⃣——前端工程化与模块化

    新人前端往往在学习过程中由于找不到体系化的工程化课程,导致对这一块的理解很浅薄。前端工程化的网上资源较乱,但是面试又特别爱问,故而写下这个系列的文章整理。

  4. 面试爽文 :怎么也想不到,一个 MySQL 锁能问出20多个问题(万字长文)

    一. 前言 本篇确实不易,花了不少心思,感谢点赞收藏 !!! 实践和问题可以帮助我们更深入的学习,这篇文章算是广度问题,对于一些细节点不会太深入。 首先要有个宏观概念,整个锁囊括了大量的内容

  5. 兼容 Vite 插件新版打包算法Rust Web 构建引擎 Farm v0.13 版本发布

    从 Farm 第一次发布 v0.3 版本(2023 年 3 月 6 日),已经过去半年多的时间,期间 Farm 一直在持续开发,并且得到了很多社区开发者的贡献和支持,目前 Farm 已经实现了构建引擎

  6. 我使用34行 JS 核心代码实现掘金官网的目录滚动效果

    效果 当滚动鼠标的时候右侧的目录会跟着一起滚动,当点击目录的时候,也会定位到相应的标题处,目录容器除前三个和后三个之外,其余的都处于中间状态。

  7. 面试时这样回答Vue生命周期,面试官说:你明天直接来上班

    面试 面试前端时,我们经常会被问到:你能讲一下vue的生命周期吗? 你可能会这么说:vue的生命周期有beforeCreate、created、beforeMount、mounted…… 面试

  8. 前端实现蜂巢布局思路

    前端实现六边形蜂巢布局思路。目前这个思路是可行的,发布出来供大家参考戏,要是各位大佬有更好的方案,欢迎探讨。

  9. 您有一篇git 原理,请注意查收

    大家好,我是柒八九。 前言 作为一个新时代的开发者,想必大家在工作中,有一样东西是和大家形影不离的。那就是git。(当然,这里也有个例,如果大家项目还停留在svn阶段,就算我刚才的话唐突了)。 无论大

  10. 腾讯蓝鲸基座实现原理(基于amd,iframe的微前端方案)

    过去一段时间中,我曾经研究过一段时间的微前端方案,但我更像是直接站在巨人的肩膀上去看世界,上来就是从无界乾坤这些比较火热的方案入手,因此我也不禁好奇以前实现微前端都是怎么做的呢?

  11. js到vue到react的发展

    在发展过程中,Vue和React都取得了巨大的成功和广泛的应用。相比于传统的JavaScript开发方式,Vue和React的组件化思想和高效渲染机制,极大地提升了前端开发的效率。JavaScript是一种基于对象和事件驱动的编程语言,在Web开发中占据着重要的地位。随着前端技术的不断发展,出现了一系列的框架和库,Vue和React是其中较为知名的两个。Vue是一个轻量级的JavaScript框架,由尤雨溪于2014年首次推出。Vue基于MVVM模式,具有简单易学、高效灵活、渐进式开发等特点。

  12. Vue3响应式原理初探

    各位看官稍安勿躁,全部代码算上css才100行,当然,vue内部实现肯定比我这个要复杂,比如它内部存更新函数是用的set等等,但是对于响应式原理而言,我们只需要拿出最精华的部分即可。那么剩下的就是需要完成vue组件的更新工作了(其实也就是说,在响应式数据更新的时候,重新执行一下mount里的代码完成页面刷新)所谓的建立链接,也就是通过effect执行的函数中如果包含了响应式对象,如果响应式对象发生改变,函数就会重新执行。在vue2中,底层会通过definproperty来响应式data返回的对象,也就是。

  13. 基于nodejs+vue 衣服穿搭推荐系统

    人们物质生活水平的提高,身材相貌都各不相同,例如人体体征可分为脸型、体型、肤色等;服装可拆分为色彩、廓形、面料、构成细节等不同组成部分,正是这些差异化造就了同一件衣服的不同演绎。经常使用服装搭配类软件人群集中在18至28岁,其中女性用户居多,其中学生、职场人员居多;

  14. React Hooks批量更新问题

    React 17.0.2 log会打次2次,也就是对于同一状态同时多次修改,那么React会合并一起更改,log打印两次是因为在开发环境下,会多执行一次。每次点击button ,log会执行3次,当我们把async方法里面的await去掉,让他变成正常方法,那么点击button就会执行一次。React 17.0.2 在异步方法中,多个状态同时修改会造成页面刷新多次,同一状态同时多次修改页面只会刷新一次。同样代码在React 版本18.2.0时候点击button,log只会打印一次。

  15. Vue3+TS中的shims-vue.d.ts文件的作用及代码说明

    Vue3+TS中的shims-vue.d.ts文件的作用

  16. React之Hook

    因此,现在的函数组件也可以是有状态的组件,内部也可以维护自身的状态以及做一些逻辑方面的处理。的出现,使函数组件的功能得到了扩充,拥有了类组件相似的功能,在我们日常使用中,使用。让我们的函数组件拥有了类组件的特性,例如组件内的状态、生命周期。为函数式编程,每个功能都包裹在函数中,整体风格更清爽,更优雅。在以前,函数组件也被称为无状态的组件,只负责渲染的一些工作。后,则能够将相同的逻辑抽离出来,这是类组件不具备的方法。默认的值,返回值是一个数组,第一个值为当前的。会在第一次渲染和更新之后都会执行,相当于在。

  17. vue多条件查询

    该属性根据输入框的关键字和选择的分类筛选出匹配的项。在上述例子中,我们使用了Vue 3的。首先,我们创建了名为。函数创建了一个计算属性。

  18. vue PWA serviceWorker 有新内容时,如何自动刷新内容

    vue 自带的 pwa 插件可以很方便管理 serviceWorker 的使用,但会有一个问题。而我需要在检测到新版本的内容之后自动刷新页面载入新内容。具体 ServiceWorker 的响应机制可以看这篇文章,很的很详细。

  19. Vue3父子组件 父组件获取子组件弹窗的基本写法

    Vue3父子组件 父组件获取子组件弹窗的基本写法

  20. TODO Vue typescript forEach的bug,需要再核實

    必須重新賦值,才能返回 let dic = {} as DictionaryItem。forEach 一個string[],只有最後一個匹配條件有效,其它條件無效。以及通過forEach 返回時,沒有返回任何内容。所以,只能替換成普通的for循環。

  21. vue 在beforeRouteEnter中获取 this 和操作 data 中的数据

    在执行时,执行顺序是 beforeRouteEnter → created → mounted →beforeRouteEnter的next。通过给next传一个回调,就可以获取像this一样操作data中的数据,也可以执行函数等。beforeRouteEnter非常好判断从哪个路由进去,但在这里面因为获取不到this,操作不了 data 中的数据,即使我们知道是从哪个路由进入,也没法对他进行差异化的操作.然后在上一个页面,在 beforeRouteEnter 中可获取参数。点击按钮,返回上一个页面。


关注我

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

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

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