20240329 前端开发日报

解锁前端难题:亲手实现一个图片标注工具;2024 年排名前 5 的 Node.js 后端框架;Redis不再 “开源”;分享 Github 上 7 个 Rust 编写的高星级工具;React项目接入Kimi.ai;CSS Tips:水波纹;Vite 的实现原理,确实很巧妙;Vue-esign手写签字、鼠标写名字目前兼容pc、桌面端(electron)、移动端;可返回base64或者文件流

  1. 解锁前端难题:亲手实现一个图片标注工具

    探索如何在前端开发中实现一个图片标注工具。本文详细介绍了从渲染图像到实现标注功能的关键步骤,并探讨了将技术抽象成通用开源库的可能性,为开发者提供实用指导和灵感。

  2. 2024 年排名前 5 的 Node.js 后端框架

    自 2009 年以来,Node.js 一直是人们谈论的话题,大多数后端开发人员都倾向于使用 Node.js。在过去的几年里,它的受欢迎程度有所增加。它被认为是美国最受欢迎的网络开发工具,包括 Netf

  3. Redis不再 “开源”

    Redis 官方今日宣布修改开源协议 —— 未来所有版本都将使用 “源代码可用” 的许可证 (source-available licenses)。 具体来说,Redis 将不再遵循 BSD 3-Cl

  4. 分享 Github 上 7 个 Rust 编写的高星级工具

    这是学习 Rust 时不可错过的资源,读代码是学习编程语言的最好方式之一。本文分享 7 个用 Rust 编写的开源软件,其中有些工具不提供统一的安装包,需要从源代码编译。

  5. React项目接入Kimi.ai

    这两天玩了一下月之暗面出的Kimi.ai,使用体验上个人觉得比字节的豆包,或者科大讯飞的好用很多。值得投币的是可以给它一个网页让它替我们总结这个网页的内容,还有导入pdf进行总结的功能。用完直呼666

  6. CSS Tips:水波纹

    通常情况之下,开发者都习惯了规则的矩形布局的效果,对于 Web 设计师提供的不规则布局,难免会带有一种恐惧。这篇文章将告诉你如何使用 CSS 和 SVG 来实现类似水波纹这样不规则的 UI 效果!

  7. Vite 的实现原理,确实很巧妙

    vite 是新兴的构建工具,它相比 webpack 最大的特点就是快。 那它是如何做到这么快的呢? 因为 vite 在开发环境并不做打包。 我们创建个 vite 项目: 安装依赖,然后把服务跑起来:

  8. Vue-esign手写签字、鼠标写名字目前兼容pc、桌面端(electron)、移动端;可返回base64或者文件流

    文章浏览阅读125次。vue3可直接导入后使用。// (vue2)签字。

  9. 替代 Redis 的开源项目「GitHub 热点速览」

    近日,知名开源项目 Redis 宣布修改开源协议,从原来的「BSD 3-Clause 开源协议」改成「RSALv2 和 SSPLv1 双重许可证」。新的许可证主要是限制托管 Redis 产品的云服务商

  10. Vue 核心之数据劫持,web前端开发现状

    文章浏览阅读253次,点赞2次,收藏5次。通过上面对Object.defineProperty的介绍,我们不难发现,当我们访问或设置对象的属性的时候,都会触发相对应的函数,然后在这个函数里返回或设置属性的值。既然如此,我们当然可以在触发函数的时候动一些手脚做点我们自己想做的事情,这也就是“劫持”操作。在Vue中其实就是。先简单的举个例子:name:‘lhl’enumerable:true, // 是否能在for…in循环中遍历出来或在Object.keys中列举出来。

  11. 【vue核心技术实战精讲】1.9 Vue指令之v-model双向数据绑定

    文章浏览阅读149次,点赞2次,收藏3次。上节,我们学习了Vue指令之v-on事件处理、事件修饰符、v-for列表渲染点击进入上一节。

  12. vue中使用jsmind生成脑图

    文章浏览阅读441次,点赞21次,收藏6次。jsmind

  13. 在Vue 3中,ref和reactive的区别,及typescript定义ref遇到vscode红线提示问题

    文章浏览阅读648次,点赞10次,收藏4次。首先, TypeScript 定义正确。其次,在 Vue 3 中,使用 ref 定义的响应式数据在 TypeScript 中访问时需要添加 .value。这是在 Vue3 与 Typescript 结合使用时需要注意的细节,而在JavaScript中则没有这个问题。});那么在访问 username 和 password 属性时,需要使用 state.value.username 和 state.value.password,包括在 userStore.login 函数调用中。

  14. quasar + vite + electron 程序启动时自动运行node脚本

    文章浏览阅读97次,点赞4次,收藏3次。electron 程序在启动同时运行node 后台脚本

  15. ES6 学习(三)– es特性

    文章浏览阅读455次,点赞15次,收藏8次。对象是无序列非线性的,但是我们自己学习数组的设计(使用Array.prototype[Symbol.Iterator]最为该对象的[Symbol.Iterator],同时添加属性数作为长度),这样可以为线性对象也就添加了Iterator接口。Proxy如其名,它的作用是在对象和和对象的属性值之间设置一个代理,获取该对象的值或者设置该对象的值,以及实例化等等多种操作,都会被拦截住,经过这一层我们可以统一处理,我们可以认为它就是"代理器"Set 结构类似于数组,但成员的值都是唯一的,没有重复的值。

  16. vue前端工程化

    文章浏览阅读678次,点赞6次,收藏13次。本文介绍的是有关于vue方面的前端工程化实践,主要通过实践操作让开发人员更好的理解整个前端工程化的流程。本文通过开发准备阶段、开发阶段和开发完成三个阶段开介绍vue前端工程化的整体过程。规范一:适用于小项目,协作人员少的项目,结构清晰明了,维护方便,弊端是协作性比较差。规范二:适用于中大型项目,协作人员多的项目,开发人员只要在自己的目录下开发即可,不相互影响,提交代码不容易发生冲突。命名规范。

  17. Vue挂载全局方法

    文章浏览阅读132次。通过this.$db调用指定方法

  18. 一个展开和收起的业务组件(React)

    文章浏览阅读87次。一个展开和收起的业务组件(React)

  19. React组件及组件通讯

    文章浏览阅读112次。使用props,通过父组件来互相传递值。非父子组件—-兄弟组件。

  20. 深入探索React Hooks:关键技术点与实战应用

    文章浏览阅读610次,点赞22次,收藏22次。自定义 Hooks 是 React 提倡的一种最佳实践,它允许我们在函数组件之间重用有状态逻辑。自定义 Hooks 是以 use 开头的函数,内部可以调用其他的 React Hooks。// 自定义 Hook:useFriendStatus// 使用 useState 初始化朋友在线状态和加载状态// 使用 useEffect 前端订阅服务,监听朋友在线状态的变化// 假设我们有一个 API 可以获取好友在线状态});// 清理函数:在组件卸载时取消订阅。

  21. 请简要介绍一下Vue 3.0相较于Vue 2.x的新特性和优化

    文章浏览阅读573次,点赞6次,收藏9次。在前端开发领域,Vue.js 无疑是一个备受瞩目的框架,它的简洁易用让无数开发者为之倾倒。而随着 Vue 3.0 的推出,这个优秀的框架变得更加强大和高效

  22. React系列之合成事件与事件处理机制

    文章浏览阅读541次,点赞8次,收藏16次。即在react中,我们绑定的事件onClick等,并不是原生事件,而是由原生事件合成的React事件,比如 click 事件合成为 onClick 事件。react 的所有事件并没有绑定到具体的dom节点上而是绑定在了 document 上,然后由统一的事件处理程序来处理,同时也是基于浏览器的事件机制(冒泡),所有节点的事件都会在 document 上触发。react 事件机制基本理解:react 基于浏览器的事件机制,自身实现了一套自己的事件机制,包括事件注册、事件的合成、事件冒泡、事件派发等。

  23. vue实现把Ox格式颜色值转换成rgb渐变颜色值(开箱即用)

    文章浏览阅读82次。【代码】vue实现把Ox格式颜色值转换成rgb渐变颜色值(开箱即用)


关注我

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

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

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