20240615 前端开发日报

threejs渲染高级感可视化风力发电车模型;用 Stylus 优化你的 CSS;20K star极致用户体验,优雅美观的开源React UI 库;从零开始掌握函数柯里化:面试必备技能;Node.js 正在衰退吗?通过一些关键指标告诉你事实如何;跟着阮一峰老师学Typescript ts的类型系统;React 19 总览;前端使用 Konva 实现可视化设计器(13)- 折线 – 最优路径应用【思路篇】

  1. 从零开始掌握函数柯里化:面试必备技能

    引言 作为一个不断追求技术进步的开发者,呆同学最近深入学习了函数柯里化这个概念,并通过实现一个简单的add函数来巩固我的理解。函数柯里化不仅是一个有趣的编程技巧,更是面试中的一个重要考点

  2. 快收藏4种大厂常用的CSS命名法(Ⅰ):BEM

    为了使得CSS开发更加规范,目前有很多流行的命名方法论在尝试在选择器命名层面上解决问题。这篇文章将带领读者了解BEM命名方法论,并通过复刻WeUI的组件预览界面让读者深刻领略到其命名思想。

  3. [开发随笔] 前端处理数据字典问题的踩坑与填坑

    「数据字典」 是现代 web 系统中比较常用的功能,尤其在面向 「表格(CRUD)」 类业务,前端工程师又该如何正确的使用和消费字典数据

  4. vue聊天发送Emoji表情

    文章浏览阅读533次,点赞4次,收藏3次。那就是发送表情用图片的形式呈现,然后发给后端解析成自定义的编码标识,靠这个标识来回显!具体的实现思路是这样的:这是一个表情包数据,里面有图片有name还有标识,以键值对的形式,/::1f600::/是相当于一个表情包标识数据处理好了,接下来最难的是输入框,当我想让表情包在输入框里显示,一般的输入框是不行的,这里用到了div的contenteditable="true"属性,可以让这个div处于编辑模式,跟富文本编辑器一样。

  5. vue+intro.js实现引导功能

    文章浏览阅读255次,点赞8次,收藏3次。使用 intro.js这个插件,来实现一个引导性的效果,适用场景,比如:新手引导页,操作说明等等

  6. Vue与Konva.js结合实现空间结构管理与标注图片数据多边形区域功能

    文章浏览阅读610次,点赞12次,收藏6次。本文介绍了一个基于Vue.js和Konva.js实现的空间结构管理与多边形区域标注功能。该系统允许用户在图片上进行精确的多边形区域绘制,并提供空间结构的数字化管理功能。通过初始化Konva舞台、加载底图、渲染多边形区域、选择工具绘制以及完成绘制等步骤,用户可以轻松地进行空间标注和管理。系统还支持双击编辑区域信息、提供绘制操作指引,并展示了完整的数据结构。这一工具不仅提高了空间数据标注的效率,还增强了数据的可管理和可编辑性,为数字化转型中的相关领域提供了有力的技术支持。

  7. React state(及组件) 的保留与重置

    文章浏览阅读122次,点赞2次,收藏3次。当在树中相同的位置渲染相同的组件时,React 会一直保留着组件的 state。

  8. VUE 查询条件重置之后, 子组件数据未置空

    文章浏览阅读257次,点赞2次,收藏4次。在这个例子中,当父组件的 searchQuery 发生变化时(包括重置为空字符串),子组件通过 watch 侦听器来监听这个变化,并相应地更新 searchResults。当 searchQuery 为空时,子组件清空 searchResults 数组。在 Vue 中,如果遇到了查询条件重置后子组件数据未置空的问题,这通常是因为父子组件之间的数据流动或状态管理没有正确设置。

  9. React中Hooks–useEffect | useState | useCallback | useMemo

    文章浏览阅读776次,点赞20次,收藏10次。useEffect提供了一种灵活的方式来处理组件的副作用操作,它使得函数组件能够执行原本需要在类组件的生命周期方法中执行的操作。通过依赖项数组,useEffect能够智能地决定何时执行副作用函数,从而避免不必要的副作用执行和潜在的性能问题。useState是函数组件中处理状态的核心 Hook,它使得在函数组件中使用状态变得简单直接。通过useState,你可以轻松地添加、更新和维护组件的状态,同时享受 React 的响应式更新和性能优化。

  10. Vue页面内容未保存时离开页面做弹框提示

    文章浏览阅读148次。一、背景一、背景目标:如果当前页面中有正在编辑中的内容,那么此时切换组件、跳转路由、关闭标签页、刷新页面,都会有离开确认提示,防止用户因误触导致填写的内容白费。后台管理系统中有许多需要填写的表单,弹窗方式的表单一般都会关掉或提交,而单页个面的表单,有时候会忘记暂存或提交,直接离开页面,导致千辛万苦填写的内容全部置空,这是非常不友好的!!!于是,需要实现一个功能:如果当前页面中存在编辑中的内容,那么离开页面之前,要弹窗提示用户是否确认离开。二、实现。

  11. vue v-model在父子组件之间的运用

    文章浏览阅读216次,点赞2次,收藏3次。通过v-model达到父子组件的双向绑定

  12. 【SpringBoot + Vue 尚庭公寓实战】公寓杂费接口实现(八)

    文章浏览阅读580次,点赞12次,收藏6次。公寓杂费共有五个接口,分别是保存或更新杂费名称保存或更新杂费值查询全部杂费名称和杂费值列表根据ID删除杂费名称根据ID删除杂费值公寓-杂费值关系表将公寓和杂费值关联起来,表示某个公寓需要支付的具体杂费。杂费值表包含了具体的杂费项目及其单位,并通过所对应杂费名称ID关联到杂费名称表。杂费名称表列出了所有可能的杂费类型,并通过杂费ID与杂费值关联。

  13. react用ECharts实现组织架构图

    文章浏览阅读107次。React通过Echarts实现组织架构图


关注我

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

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

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