封装组件
16篇文章 · 0订阅
  • 敲里个敲敲---领导的定制版搜索框
    老板：我有一个idea,你这个搜索框可以这样效果，是不是更好，更符合用户使用？辛苦一下搞出来，看好你！ 敲里个敲敲：有了老板的看好，这把稳了！ 老铁们，学一下，也稳了😎😎😎
    前端
    敲里个敲敲---领导的定制版搜索框
  • WebSocket-Vue3 封装, 支持心跳检测和断线重连
    客户端对于 WebSocket 的封装重点考虑三个问题： 1、连接状态 2、心跳检测 3、断线重连 连接状态 WebSocket 返回的连接状态有 4 种： 0、WebSocket.CONNECTIN
    WebSocket
  • 上班摸鱼时写了个 b 站 banner 的鼠标跟随动画效果
    在 bilibili 主站 PC 端，时不时会看到其顶部横幅栏是一个随鼠标变化的动画：我们今天也来实现一下吧
    CSS 动效 JavaScript
    上班摸鱼时写了个 b 站 banner 的鼠标跟随动画效果
  • Vue3 实现 PDF 文件在线预览功能
    今天我们使用 Vue3-PDFJS 插件来实现 Vue3 版本的 PDF 文件在线预览功能，欢迎各位批评指正。
    Vue.js JavaScript
    Vue3 实现 PDF 文件在线预览功能
  • Vue3实现pdf预览及打印
    Vue3实现pdf预览及打印 在一些后台管理中, 经常会看到pdf的打印预览, 比如流程的审批, 规章制度或者财务系统的发票等等, 都要涉及到pdf的打印及其预览
    Vue.js 前端
  • 十分钟学会WebSocket
    WebSocket简介 WebSocket是一种在客户端和服务器之间实现双向通信的网络协议。它通过在单个TCP连接上提供全双工通信功能，使得服务器可以主动向客户端推送数据，而不需要客户端发起请求。 W
    前端
    十分钟学会WebSocket
  • H5、小程序 Tab 如何滚动居中
    如果你也想实现这个功能，看了这篇文章，你一定会有所收获。我会先说明 Tab 滚动的本质，分析出滚动距离的计算公式，接着给出伪代码，最后再给出 Vue、React 和微信小程序的示例代码。
    前端 微信小程序
    H5、小程序 Tab 如何滚动居中
  • 一次面试让我真正认识了 “:visible.sync”
    面试官提出了一个很实际的问题：如何封装一个不需要在每个父组件中都定义关闭方法的全局对话框组件，类似于 Element UI 的 el-dialog。这篇技术文章将带你了解如何实现这样的组件，并解释 :
    前端 面试
  • Vue3二次封装UI组件3板斧
    作为一个前端开发，精通Vue、React、Node.js等单词书写，职业Ctrl+C、Ctrl+V使用者，怎么能不会UI组件的二次封装！下面我将详细的介绍二次组件开发，请各位准备好键盘的 Ctrl+C
    前端 Vue.js
    Vue3二次封装UI组件3板斧
  • vue 封装图片预览组件 图片放大、缩小、旋转
    vue 封装图片预览组件 图片放大、缩小、旋转功能 1、插入body，制作全局遮罩层、禁止背景滚动 2、定义组件过渡动画 3、结合 transform 实现图片控制
    Vue.js