20240411 前端开发日报

探究 JS 教科书般使人困惑的语言设计缺陷 “null == 0 为 false 但 null;JS事件循环(Event Loop)改了?宏任务不存在了?让我们来看看最新的是什么样的;心态崩了,约了半个月,就只有3个面试;有了 TypeDoc,我的 Typescript 项目再也不用写开发文档了;前端代码规范 – 日志打印规范;27K star开源AI程序员,可独立完成95%的开发任务;React官方不推荐这样使用useImperativeHandle,我偏要用,和官方对着干;Canvas简历编辑器-图形绘制与状态管理(轻量级DOM)

  1. 探究 JS 教科书般使人困惑的语言设计缺陷 “null == 0 为 false 但 null

    探究 JS 教科书般使人困惑的语言设计缺陷 “null == 0 为 false 但 null <= 0 为 true”

  2. JS事件循环(Event Loop)改了?宏任务不存在了?让我们来看看最新的是什么样的

    过去把消息队列简单分为宏任务和微任务,但是随着浏览器复杂度急剧提升,W3C已经不再使用宏任务的说法。根据W3C的最新解释:每个任务都有一个任务类型,同一个类型的任务必须在一个队列里,不同类型的任务分属

  3. 心态崩了,约了半个月,就只有3个面试

    心态崩了,最近半个月他只约到了3次面试,心里那个急啊,总怕错过了找工作的黄金期。 我跟他说:“淡定点,现在找工作的机会还多着呢。不要和别人比,把握好自己的节奏。

  4. 有了 TypeDoc,我的 Typescript 项目再也不用写开发文档了

    目前我们正在开发一个前端脚手架,由于项目是使用的 Monorepo 来进行开发的,在多包中,我们维护了一个公共函数的包,使其可以提供多个不同的包使用,为了能实现我们编写的工具函数能快速被其他开发者理解

  5. 前端代码规范 – 日志打印规范

    在前端开发中,随着项目迭代升级,日志打印逐渐风格不一,合理的日志输出是监控应用状态、调试代码和跟踪用户行为的重要手段。一个好的日志系统能够帮助开发者快速定位问题,提高开发效率。

  6. 27K star开源AI程序员,可独立完成95%的开发任务

    使用AI来生成一部分代码比较常见,那你考虑过让AI完成整个项目吗? 今天我们介绍的开源项目,它希望为世界上第一位人工智能开发伙伴,可独立完成95%的开发任务,它就是:GPT Pilot

  7. React官方不推荐这样使用useImperativeHandle,我偏要用,和官方对着干

    React.useImperativeHandle 这种使用方式居然是react官方不推荐的,这让我不禁思考起来“难道我一直都踩在陷阱里?”

  8. Canvas简历编辑器-图形绘制与状态管理(轻量级DOM)

    在前边我们聊了数据结构的设计和剪贴板的数据操作,那么这些操作都还是比较倾向于数据相关的操作,那么我们现在就来聊聊基本的图形绘制以及图形状态管理。

  9. 你知道JSON.parse(JSON.stringify())实现深拷贝的原理是什么吗?

    很多场景我们都需要用到深拷贝,那么JSON.parse(JSON.stringify())绝对是我们首选之一,因为他既简单,又能解决我们浅拷贝带来的引用问题,那么你知道它是怎么实现深拷贝的吗?

  10. 免费全开源,功能强大的多连接数据库管理工具:DbGate

    DbGate:您的全能数据库指挥中心,一站式免费开源解决方案,无缝连接并管理多款主流数据库,让复杂的数据世界变得轻松易控! – 精选真开源,释放新价值。 概览 DbGate 是跨平台的数据库管理器。支

  11. 子传父vue/react

    文章浏览阅读72次。子传父:很多都是结合defineEmit来实现的,这里通过给子组件传递函数,子组件调用传递下来的函数实现传值。

  12. 你应该知道的21个html小技巧

    在这篇文章中,我将分享21个HTML技巧和代码片段,可以提高你的编码技能。希望对你有帮助,欢迎留言讨论你知道的其他优化方式。

  13. 面试官:如果一个NPM包部分功能不满足需求,如何修改其部分功能

    对第三方包进行修改以适应特定需求是一个常见的场景。尽管直接修改 node_modules 中的代码是可能的,但这种做法并不推荐,因为这些改动在下次运行 npm install 或更新包时会丢失。

  14. 如何合理利用Vue 3中的ref和reactive

    文章浏览阅读487次,点赞13次,收藏5次。本文将介绍Vue 3中的ref和reactive,以及它们在Vue 3开发中的应用。通过实际示例,我们将探讨如何合理使用这两种响应式API,以提高代码的可读性和可维护性。Vue 3中的ref和reactive是两种重要的响应式API,它们可以帮助我们编写更简洁、可读性更好的代码。通过合理使用这两种API,我们可以提高Vue 3项目的开发效率和代码质量。

  15. AI 和 Node.js x-crawl 爬虫结合

    传统的爬虫往往依赖于固定的规则或模板进行数据的抓取,而当 AI 搭配 Node.js 爬虫,这种组合将使得数据收集变得更加智能和高效。

  16. vue element Table 表格 自定义表头显影模糊查询封装组件

    文章浏览阅读71次。自定义表头+分页+模糊查询组件封装 C+V直接用

  17. elementPlus<script setup>中正则校验手机号和密码

    文章浏览阅读194次,点赞2次,收藏6次。form 是一个响应式对象,它包含了表单中的数据(手机号和密码)。

  18. [Vue3]封装一个弹窗,A组件和B组件打开时内容不同

    文章浏览阅读123次。②B组件(Table.vue),以下直接使用ElementPlus表格内容。1.封装公共弹窗组件(Box.vue),利用具名插槽占位。①A组件(Inform.vue)2.分别实现A组件以及B组件。

  19. React state用法 异步总结

    文章浏览阅读306次。18之后 全部都会被加入react异步处理队列当中 进行批处理。以下三种操作React并不会进行批量异步处理(18之前)之所以会这样 是因为 设置值的时候 是异步操作。如果想获取修改后的数据可这样用。

  20. three.js CSS3DObject在非全屏场景下浏览器缩放尺寸导致位置偏移问题(vue)

    文章浏览阅读161次。经过多次测试,在flex布局或者百分比布局下,threejs场景盒子左侧的盒子宽度会出现小数的情况,猜测three.js在进行CSS3DObject定位操作的时候会因为小数问题导致精度丢失。1、不使用flex布局或者百分比布局,使用精确的宽度进行布局。2、使用js设置精准的盒子宽度。

  21. 【jquery】jquery使用Recorder.js实现录音并上传,调用阿里云接口语音转文字

    文章浏览阅读63次。1.点击拾音按钮开始录音,点击结束按钮结束录音并调取后台语音转文字接口。2.录音时长超过60s自动结束录音并调取后台语音转文字接口。阿里一句话识别语音数据时长不能超过60s。

  22. 新书速览|Vue.js+Node.js全栈开发实战

    文章浏览阅读209次,点赞3次,收藏4次。内容包括Node.js基础与环境搭建,Vue.js基础介绍与环境搭建,Node.js语法基础,Node.js中的包管理,Node.js文件操作,Node.js网络开发,Node.js数据库开发,Vue.js数据、方法与生命周期,Vue.js模板语法,Vue.js样式绑定,Vue.js组件基础,Vue.js路由,基于Vue.js+Node.js+MySQL实现学生成绩管理系统开发,基于Vue.js+Node.js+jsonp实现城市信息查询系统开发。《Vue.js+Node.js全栈开发实战》以。

  23. Electron+React 搭建桌面应用

    文章浏览阅读378次,点赞6次,收藏9次。当用户点击一个按钮或者菜单项来执行这些操作时,渲染进程会向主进程发送一个消息,请求执行相应的操作。主进程接到消息后,调用系统API来完成文件操作,并将操作结果发送回渲染进程,渲染进程根据主进程的响应更新界面状态等。当用户在界面上点击最小化或者最大化,或者更改某些全局设置(如语言偏好、主题等)时,这些更改通常由渲染进程触发,但实际执行由主进程负责。在这种情况下,渲染进程调用主进程的方法以应用这些更改,但不需要等待主进程的回包,因为用户界面的响应可以立即更新,而不必等待设置保存的确认。

  24. vue3 + ts element Plus table组件二次封装

    文章浏览阅读418次,点赞18次,收藏8次。关于table组件二次封装的设想与实现

  25. React中如何实现父组件调用子组件的方法

    文章浏览阅读255次,点赞6次,收藏2次。在子组件中,我们通过Consumer访问这个context value,并在点击按钮时调用这个方法。在ParentComponent中,我们通过ref属性将ChildComponent的实例引用传递给父组件的callChildMethod方法,然后调用该方法。有时,我们需要从父组件调用子组件的方法。React的Context API提供了一种在组件树中传递数据的方法,而不需要通过每个层级手动传递props。另一种常见的方法是通过props将回调函数从父组件传递到子组件,然后子组件在适当的时候调用这个函数。

  26. [react] 受控组件和非受控组件

    文章浏览阅读81次,点赞2次,收藏2次。受控就是受到state影响,除非你用onchange,否则不能编辑非受控可自由编辑。

  27. 前端技术介绍(JavaScript, HTM, CSS, Node.js, Vue.js, React, AJAX)

    文章浏览阅读352次,点赞3次,收藏7次。前端技术介绍(JavaScript, HTM, CSS, Node.js, Vue.js, React, AJAX)

  28. vue 打包二级路由 一级路由动态

    文章浏览阅读219次。在config.js中 打包配置项处修改assetsPublicPath。在router.js中修改base。其余交给Nginx配置。

  29. vitepress/vite vue3 怎么实现vue模版字符串实时编译

    文章浏览阅读100次,点赞4次,收藏3次。通常是因为 VitePress 的默认配置不支持在运行时编译 Vue 模板。VitePress 使用的是 Vite 作为其构建工具,而 Vite 默认配置是为了生产环境优化,不包含完整的 Vue 编译器。文件中的模板,并且正确地导入 Vue。在 VitePress 项目中,可以通过修改 Vite 的配置来做到这一点。要解决这个问题,需要确保 Vite 能够处理。


关注我

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

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

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