20231028 前端开发日报

用Three.js做一个3d版的demo-纯前端(Vue3+Three.js+antvG2);开源利器:it-tools 项目介绍;前端周报:React RSC 新范式TS 5.2 正式发布,但 Turbo 8 和 TS 和平分手Node 20.6 支持 .env。(2023 年第 37;重生入门级开源音乐播放器APP —— 波尼音乐;Vue 样式的 7 个奇技淫巧;当你被面试问到: 你了解过ES module 吗?;JS对象已经存在29个方法了,来看看你知道多少;React 弹窗组件用的 createPortal 是怎么实现的?

  1. 用Three.js做一个3d版的demo-纯前端(Vue3+Three.js+antvG2)

    在网上找了很久都没有找到使用Three.js开发3d的免费文章或者免费视频,自己花了一点时间做了一个纯前端的demo。  技术栈都是最新的:vue3+vite+typeScript

  2. 开源利器:it-tools 项目介绍

    IT-Tools是一个开源项目,旨在为IT从业者提供一个集成的在线工具。此项目具有功能全面、部署方便等特点,目前在github上4.7K的star。

  3. 前端周报:React RSC 新范式TS 5.2 正式发布,但 Turbo 8 和 TS 和平分手Node 20.6 支持 .env。(2023 年第 37

    2023 年第 37 周前端技术周报,React 新范式 RSC服务器组件,TS 5.2 正式发布,但是 Turbo 8 却弃用 TS。Node 20.6 支持 .env 文件。

  4. 重生入门级开源音乐播放器APP —— 波尼音乐

    不知道是否还有人记得,7年前的那个 「Android开源在线音乐播放器——波尼音乐」?在网络上找到了一个百度开放的在线音乐 API,勉强实现了本地 + 网络播放能力。

  5. Vue 样式的 7 个奇技淫巧

    你可能不知道的关于 Vue.js样式的 7 个奇技淫巧,包括但不限于:作用域和插槽样式,全局样式,JS 变量,CSS 模块,SCSS 的变量等。

  6. 当你被面试问到: 你了解过ES module 吗?

    引子 在JavaScript编程中,模块化是一种非常重要的概念。模块化编程的核心思想是将代码划分为独立的部分,每个部分都负责一个特定的功能或任务。这使得代码更易于维护、协作和扩展。

  7. JS对象已经存在29个方法了,来看看你知道多少

    在js中,对象类型是非常重要的类型之一,也是项目中数据处理常用的类型之一,虽然这种类型我们经常使用,但是它的方法却不怎么用的到或者很少用到,不知不觉js的对象方法已经来到了29个了,今天就来看看

  8. React 弹窗组件用的 createPortal 是怎么实现的?

    想必大家都用过弹窗组件,比如 antd 的 Modal 组件: 打开 devtools 可以看到,它是直接挂在 body 下的: 实现这种效果是用的 createPortal: 渲染结果如下: 弹窗组

  9. 产品:我就是要在前端地图上显示成千上万个点和区域,我:彳亍

    当地图中存在大量区域、标签等添加物的时候,会造成初次渲染等待很长时间、操作严重卡顿等问题。针对这种情况battle不过产品,只能去优化前端代码了~

  10. 近期面试小结

    — theme: smartblue — 最近面试了不少的公司,行情整体来说还是非常差的

  11. Vue 3中toRaw和markRaw的使用

    文章浏览阅读241次,点赞30次,收藏31次。toRaw和markRaw是Vue 3中引入的新API,用于更精细地控制对象的代理和响应性。它们提供了在需要时绕过代理或禁用响应性的能力,有助于提高性能和更好地与第三方库进行集成。理解如何正确使用这些API对于构建高性能和灵活的Vue 3应用程序非常重要。根据您的具体需求,您可以选择是绕过代理对象,提高性能,还是禁用响应性,以便更好地管理您的应用程序状态。希望本文能帮助您更好地理解toRaw和markRaw的使用。Java面试技巧Java面试八股文 – 掌握面试必备知识(目录篇)Java学习路线。

  12. 开发中要知道的git知识

    作为开发人员对git的掌握有一定的要求,接下来本文将介绍git相关知识点。本文最先介绍git的版本控制。

  13. Rust 编译为 WebAssembly 在前端项目中使用

    大家好,我是柒八九。 前言 最近,不是加大了对Rust相关文章的输出吗,在评论区或者私信区。有一些不同的声音说:“Rust没有前途,然后…."。其实呢,看一个技术是否有需要学习的动力。想必大家的底

  14. JS前端自学深入必看每天一个小知识:面试被问到空数组比较——[] == [] 真还是假?为什么?

    当面试官问你 [] == [] 为假而 [] != [] 为真时,这实际上涉及到了JavaScript中的类型比较和内存管理的深刻问题。让我们更详细地探究这一现象

  15. vue中electron与vue通信(fs.existsSync is not a function解决方案)

    文章浏览阅读100次。dist/main.js (整个文件配置在另一条博客里)vue文件中。

  16. vue3响应式对象:ref和reactive

    文章浏览阅读142次。ref和reactive全家桶

  17. nodejs+vue 电子书阅读系统

    文章浏览阅读302次。电子书阅读系统主要是借助计算机,通过对电子书阅读系统所需的信息管理,增加用户的选择,同时也方便对广大用户信息的及时查询、修改以及对用户信息的及时了解。电子书阅读系统对用户带来了更多的便利,随着社会的快速发展,计算机的影响是全面且深入的。人们生活水平的不断提高,日常生活中人们对电子书阅读系统方面的要求也在不断提高,电子书阅读系统得到广大用户的青睐,使得电子书阅读系统的开发成为必需而且紧迫的事情。

  18. Vue 父子组件传参、插槽

    文章浏览阅读187次。vue父子组件传参、插槽

  19. react-高阶组件

    文章浏览阅读77次。高阶组件( Higher-Order Component,HOC )是一个以组件作为参数,返回一个新组件的函数。特点是复用组件逻辑。

  20. react中的函数式组件和类式组件

    文章浏览阅读226次。{/* 内容 */}

  21. 【vue3】子传父-事件总线-mitt(子组件派发事件,父组件接收事件和传递的参数)

    文章浏览阅读112次。【代码】【vue3】子传父-事件总线-mitt(子组件派发事件,父组件接收事件和传递的参数)

  22. vue3学习(十二)— 自定义指令

    文章浏览阅读144次。必须以的形式来命名本地自定义指令,以使得它们可以直接在模板中使用。show">开关{{show}} —– {{title}}console.log("初始化====>");},// 在元素上做些操作console.log("初始化一次=======>");},console.log("初始化========>");},console.log("更新之前");},console.log("更新结束");},

  23. Vue3中的v-model

    文章浏览阅读89次。Vue2中得 v-model 默认解析成 :value 与 @inputVue3中得 v-model 默认解析成 :modelValue 与 @update:modelValueVue2中得 :attr.sync 默认解析成 :attr 与 @update:attrVue3中得 v-model:attr 默认解析成 :attr 与 @update:attr作用:用于在自定义组件中实现父子组件之间的双向数据绑定也就是说在Vue3中只有v-model,没有.sync如果父组件只写。


关注我

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

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

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