- 博客(14)
- 收藏
- 关注
RSS订阅
原创 vue3页面标绘工具
本文介绍了一款基于Vue 3和Fabric.js的截图标注工具，具有以下特点： 功能丰富：支持几何图形绘制、自由画笔、智能填充、图标/文字标注等核心功能，并提供颜色、画笔粗细、字体大小等属性定制。 技术实现：采用响应式覆盖层设计，集成Fabric.js进行Canvas渲染，通过状态机管理工具模式，并优化了输入处理。 用户体验：提供直观的界面设计、流畅的交互体验和清晰的视觉层次，适用于教学演示、团队协作等多种场景。 扩展性强：采用模块化架构，支持未来功能增强，如更多图形工具、协作功能和智能标注等。 该工具组件
2025-12-03 17:09:41
808
原创 vue2封装运行工具库
主要思路，讲vue文件里的js传入封装js里的create函数中。create函数将传入js与自身js混合可以相互调用。可以将一些同用方法放入封装js活一些页面处理方法。在传入js里写runder等于mounted(),封装js会看render有无错误。错误则返回上一页。封装js 加了一些可能会用到的方法export default { create(target) { console.log(1); for (let p in this) {
2021-07-09 10:47:50
311
2
原创 vue控制滚动条
只要想要在Vue中直接操作DOM元素，就必须用ref属性进行注册<div @click = 'roll(1)'>向左移动</div><div class='nav' ref="nav"></div><div @click = 'roll(2)'>向右移动</div>.nav{ overflow- (x,y) = hidden /*宽高啥的。。。。。}x或y轴做隐藏roll(index){ if(index==
2020-10-23 11:16:04
3131
原创 vue input 拆分式验证码
完成的样式 功能有 添加删除自动获取前后input焦点 中间删除留空<input v-for='(item,index) in 6' v-model.number="code[index]" onkeyup="value=value.replace(/[^\d]/g,'')" type="text" maxlength="1" @input="inputFun($event,index)":key="index"><script>export defaul.
2020-07-27 16:16:30
616
原创 vue node npm 关系
node.jsNode.js是一个基于Chrome JavaScript运行时建立的平台， 用于方便地搭建响应速度快、易于扩展的网络应用vue-cli 脚手架搭建项目的时候需要nodejs使用node有几件事，打包部署，解析vue单文件组件，解析每个vue模块，拼在一起，转码es6\sass, less ，启动测试服务器localhost8080, 帮助管理 vue-router，vue-resource这些插件，直接拿来用。npm则是包含在node.js里面的一个包管理工具npm（包管理工具）
2020-05-08 18:26:58
2378
1
原创 vue 组件、UI库里样式无法修改
修改elementUI的时候发现无法单一修改一个页面的样式 但在app.vue下就可以修改经过时间发现是是 scoped 出现的问题scoped 会生成局部作用域 所以无法影响到 组件或UI里我理解的问题在于 scoped出现的唯一性<style scoped>.a >>> .b { /* ... */ }</style>最后会被编...
2020-04-24 18:19:36
440
原创 css 取消滚动条
.yourCssName::-webkit-scrollbar{ display: none; /* Chrome Safari */}.yourCssName{ scrollbar-width: none; /* firefox */ -ms-overflow-style: none; /* IE 10+ */ overflow-x: hidden; overflow-...
2020-04-22 18:05:59
763
原创 VUE ElementUI 导出导入 excel 表格
步骤一 npm install --save xlsx file-saver 安装依赖需要导出的页面 引入依赖import XLSX from "xlsx";import FileSaver from "file-saver";写入对应事件 // 导出事件 exportExcel() { // .table捕获excel的表格 let wb ...
2020-04-22 17:11:44
1535
2
原创 vue开发之路之初入vue
vue是一款MVVM框架[mvvm ] Model-View-ViewModel，mvvm 是一种设计思想，Model 层代表数据模型，也可以在 Model 中定义数据修改和操作的业务逻辑；View 代表 UI 组件，它负责将数据模型转化成 UI 展现出来，ViewModel 是一个同步 View 和 Model 的对象。在 MVVM 架构下，View 和 Model 之间并没有直接的联系，...
2020-04-04 10:17:44
312
原创 vscode 修改全应用背景
1、找到vscode 包文件2、在包内 搜索 workbench.desktop.main.css3、在包内顶部或者底部添加body背景属性body{background: url(‘file:///Users/liuzhengzheng/Desktop/壁纸/v2-fc36818c68f81237ebe02d9e642ad924_r.jpg’) no-repeat;opacity: .75;background-size:cover;background-position: center c
2021-03-03 10:57:55
441
原创 微信小程序引用iconfont
之前引入iconfont发现很麻烦要将ttf文件转化成beast64之后我发现了一个跟这些不同的方法不过也有缺点话不多说1.需要把iconfont的源文件传到服务器2.在css引用@font-face {font-family: 'iconfont'; src: url('https://**********/iconfont.eot'); src: url('htt...
2019-07-23 15:15:06
314
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人