20231121 前端开发日报

用 HTML5实战打击乐Demo 虚拟类应用开发你真的掌握吗?;如何魔改不维护的开源库来满足自己的需求;快速使用 vitepress 构建你的项目文档;「前端添加水印」你真的了解全面吗?;开源一个企业可用的 Kotlin Multiplatform 项目模板;如何使用Gitlab搭建属于自己的代码管理平台;前端公共组件库优化;从canvas到B站弹幕

  1. 用 HTML5实战打击乐Demo 虚拟类应用开发你真的掌握吗?

    我还记得初中时候很喜欢玩一款游戏叫别踩白块,通过点击黑块来发出声音并且每个不同得黑块有不同的音调串联起来模拟歌曲得弹奏很有意思。然后到现在更新迭代了一大批更高级得音游,那么这些音游如果放在PC端是不是

  2. 如何魔改不维护的开源库来满足自己的需求

    在开发开源库`vue-design-editor`过程中,需要一款设置画布背景色或文本元素颜色的颜色选择器工具, 现有的开源库不满足自身需求只能进行魔改

  3. 快速使用 vitepress 构建你的项目文档

    当今软件开发领域中,项目文档的重要性愈发凸显。好的文档不仅有助于团队协作,还能为用户提供清晰的指导。VitePress 是一个轻量级、快速的静态网站生成器,特别适用于构建项目文档。在这篇文章中,我们将

  4. 「前端添加水印」你真的了解全面吗?

    在古茗日常业务中,经常会给加盟商下发各种资料,例如:奶茶的配方、设备的清洗、卫生的标准等等等。这些资料都是一些内部资料,从信息安全维度不能被泄露和盗取出去。所以会给下发的资料加上水印。这些资料可

  5. 开源一个企业可用的 Kotlin Multiplatform 项目模板

    开源一个企业可用的 Kotlin Multiplatform 项目模板,希望更多的人能加入 Kotlin Multiplatform 的开发中。

  6. 如何使用Gitlab搭建属于自己的代码管理平台

    GitLab由乌克兰程序员DmitriyZaporozhets和ValerySizov开发,它使用Ruby语言写成。后来,一些部分用Go语言重写。截止2018年5月,该公司约有290名团队成员,以及

  7. 前端公共组件库优化

    对原先公共组件库的一个优化,对原先的研发流程做了梳理,增加了一些规范,提高组件的使用和阅读性,为后续整个组件库的使用做了一些实践经验

  8. 从canvas到B站弹幕

    canvas是HTML自带的一个用于绘制图形的标签,它身上的API太多了,本文会介绍几个常见的属性,以及应用到B站的实现

  9. Vue3中使用Element-Plus分页组件

    文章浏览阅读271次。el-table-column prop="data" label="这里是一些数据" width="180" />1. 第一次加载getData方法时,方法内的默认传的参数是空的,所以就赋个1,不然不太友好。// tableData-表格数据列表,total-数据总长度。//因为数据是固定生成的,容易出错,所以这里要清一下。// 模仿分页查询,将表格的数据裁切一下。js代码,先初始化变量。

  10. vue3父组件提交校验多个子组件

    文章浏览阅读57次。1、子组件中的form要添加ref属性,并使用defineExpose暴露出去,这样父组件才能获取到子组件中的ref,才能进行校验。2、当对表格输入内容做校验时prop和v-model绑定的是同一个才能校验通过。3、当发现校验一直不通过时可以查看控制台打印的的结果,看哪个校验没通过。实现功能:在父组件提交事件中校验多个子组件中的form。这个是表格可以增删改的情况,对表格添加输入校验。这个是普通的form表单情况。

  11. React 自定义hook 之 防抖和节流

    文章浏览阅读229次。防抖和节流主要用于控制事件触发频率,提高页面性能和用户体验。防抖: 当事件被触发后,在一定时间内有新的对应事件,则会取消老的事件执行。节流: 当事件触发后,在一定时间内会忽略新的事件执行。

  12. Vue3的watch使用介绍及场景

    文章浏览阅读111次。目录一、watch的使用1. 监听一个变量2. 监听一个对象的属性3. 监听一个函数的返回值二、watch的使用场景1. 监听表单的变化2. 监听路由参数的变化3. 监听Vuex中的数据变化三、watch的效果图四、watch的示例以上就是Vue3的watch的介绍,watch是Vue3中非常重要的一个功能,可以帮助我们更好的监听数据变化,并执行相应的操作。在Vue3中,我们可以使用watch来监听数据的变化,从而执行相应的操作。watch有以下几种使用方式:在Vue3中,我们可以使用watch来监听一个变

  13. vue3插槽的使用方法和优缺点

    文章浏览阅读134次。在Vue 3中,插槽(slots)是一种用于传递和分发组件内容的灵活机制。插槽可以用来定义组件内部的占位符,然后在父组件中填充具体内容。总之,插槽是一个非常强大的功能,能够提高组件的灵活性和重用性。但是在使用时需要注意适度,避免过度复杂化组件结构。

  14. Vue3+ElementPlus纯前端分页(手撕分页),无需修改后端

    文章浏览阅读263次。3.中的数据由原本的tableData更换为分页处理后的:paginatedData。4.紧接着标签下面加上el-pagination。2.如果有查询的,调用查询后重置页码。1、在script中加上。


关注我

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

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

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