- 博客(65)
- 收藏
- 关注
RSS订阅原创 vue-grid-layout实现拖拽修改工作台布局
项目中，用户需要通过拖拽修改工作台布局，故使用该插件。本次使用的为以下属性，其他内容请自行查看文档。1.将每个模块都单独作为一个组件引入，通过。：布局updated事件。实现动态组件的加载。2.根据设计稿，设置。
2025-05-08 15:29:48
533
原创 vue 手机端 封装全局使用的提示框 （vant）
H5内容，项目中有成功、错误的提示，并样式与使用组件不同，刚开始封装成组件的形式，但是使用的时候，需要设置的值或者通过的方式来控制提示的显示，不方便，于是我想封装成像一样的通过的方式就可以调用，减少调用的复杂度。1.首先修改组件，用于适应调用方式参数说明：将组件挂载到，并在中引入3.使用方式：
2025-05-08 14:43:21
1096
原创 3d/伪3d统计图形
highcharts立体饼图import HighCharts from "highcharts";import highcharts3d from "highcharts/highcharts-3d";import { debounce } from "@/utils";highcharts3d(HighCharts);const mychart = ref(null);const init = () => { mychart.value = HighCharts.ch
2024-12-02 09:20:37
702
原创 console调试
浏览器的开发者工具为我们提供了强大的调试系统，可以用来查看DOM树结构、CSS样式调试、动画调试、JavaScript代码断点调试等。今天我们就来看看console调试的那些实用的调试技巧。我们使用最多的就是console.log()了，当然多数情况下，console.log() 就能满足我们的需求，但是当数据变得比较复杂时，console.log() 就显得有些单一。
2024-08-12 16:33:20
979
原创 Electron——流程模型、进程通信
每个打开的BrowserWindow 生成单独的渲染器进程（代码是须遵照网页标准的 ）即：渲染器无权直接访问 require 或其他 Node.js API。在窗口中webview引入其他网页，以节省开发成本，会再注入一些js、css来对这个页面进行改动，其中就有添加事件，webview所在窗口需要得知事件触发。仅一个，主进程在 Node.js 环境中运行，具有 require 模块和使用所有 Node.js API 的能力。包含了那些执行于渲染器进程中，且先于网页内容开始加载的代码，
2024-07-31 09:15:59
1063
原创 css 流动边框
一、背景流动边框实现原理：用背景进行旋转，超出我们想显示的范围则hidden，就有以上的效果，可以用after或者before元素来实现也可以。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> &l
2024-06-28 14:24:07
1662
1
原创 一些css记录
border-box | padding-box | content-box 有点像盒子模型。border-image -width属性指定图像边界的宽度。除了最后一个元素外，所有元素都需要一些样式，使用。定义了背景层的混合模式（图片与颜色）。选择器非常容易做到。
2024-06-25 14:34:15
444
原创 threejs官方demo解析（二）
threejs官方demo——webgl_animation_skinning_additive_blending ——站立的人
2024-01-17 16:47:01
636
原创 实现围绕某圆环旋转的效果，类似行星围绕地球旋转
如下图所示，虚线圆环上的文字已经打码，实际效果就是文字围绕圆环旋转，并到背面的时候文字虚化。利用动画的时间差，都让元素在同一个位置开始动画，运动轨迹使用塞尔曲线。注意：动画时间用负数，在第一次渲染的时候才不会出问题。将透明度变高，让元素类似被遮盖一样。来定义，到元素背后的时候使用。
2023-12-14 11:23:56
1131
原创 vue签字实现
<template> <el-dialog title="电子签名" width="850px" :visible="visible" append-to-body destroy-on-close :close-on-click-modal="false" :before-close=" () => { visible = false; }"> <div> <!-- 画布对象 -->
2023-09-14 14:10:17
321
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人