- 博客(20)
- 收藏
- 关注
RSS订阅
原创 vue 图片拖拽移动缩放
问题描述：因”Viewer“插件功能在软件内嵌入的web页面不兼容，无法移动。（IE内核）由于调试困难，浏览器运行正常，软件中无法使用，不报错捕获不到异常；然后各种查询资料各种造轮子，最终完成了功能；- **代码**在页面引入组件<previewPicture :imgUrl="showFileList.Url" :src="showFileList.Url"></previewPicture>对应组件代码 <div class="main">..
2021-07-07 15:51:37
1442
原创 VUE3.0------使用vite 创建项目
1.首先是环境依赖，需要安装node npm vue32.使用vite创建vue3.0项目在成功安装 vue-cli 之后，独立安装 Vitenpm install -g create-vite-app3.创建项目npm init vite-app demo1(项目名) 进入项目安装依赖3.运行4.打开localhost:30005.项目目录...
2021-08-17 10:18:49
298
原创 vue 前端面试常见问题汇总（21-30）
目录前言 一、谈一谈 nextTick 的原理？ 二、vue 是如何对数组方法进行变异的？例如 push、pop、splice 等方法三、Vue 中的 computed 和 watch 的区别在哪里?（虾皮）四、v-if、v-show、v-html 的原理是什么，它是如何封装的？五、请求时浏览器缓存 from memory cache 和 from disk cache 的依据是什么，哪些数据什么时候存放在 Memory Cache 和 Disk Ca...
2021-08-06 16:49:14
13528
原创 自定义echarts的toolbox事件实现动态切换图表
描述：需求是根据年份显示的数据是柱状图，月份是折线图，折线图是累增模式，比如 0，1，0，2=> 0,1,1,(1+2=3) 这样的数据。首先echarts的toolbox中的feature属性下的toolbox.feature.magicType（动态类型切换）没法自定义点击时间，那么切换的时候就无法按照对应的数据进行显示。我这边是把这个属性工具直接隐藏，然后自己自定义工具栏来实现。echarts的toolbox.feature自定义注意，自定义的工具名字，只能以my开头，例...
2021-07-22 14:07:55
2136
原创 vue 前端面试常见问题汇总（11-20）
目录#前言@[TOC](文章目录)#一、React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？@[TOC](文章目录)#二、Vue 的双向数据绑定，Model 如何改变 View，View 又是如何改变 Model 的@[TOC](文章目录)参数#三、在 Vue 中，子组件为何不可以修改父组件传递的 Prop？如果修改了，Vue 是如何监控到属性的修改并给出警告的？@[TOC](文章目录)#四、双向绑定和 vuex 是否冲突？@[TOC](文章目录)#五、.
2021-07-19 14:43:51
16974
原创 vue 前端面试常见问题汇总（1-10）
提示：文章写完后，目录可以自动生成，如何生成可参考右边的帮助文档文章目录前言 一、pandas是什么？ 二、使用步骤 1.引入库 2.读入数据 总结前言前端面试问题，可能问题不是很全面，但基本上是常见的且自我补充的一个过程，相信从中可以完善自己。一、React / Vue 项目时为什么要在列表组件中写 key，其作用是什么？key是给每一个vnode的唯一id,可以依靠key,更准确, 更快的拿到oldVnode中对应的vnode节点，带key就不是就地复
2021-07-16 15:41:18
16821
原创 谷歌浏览器ie浏览器 toLocaleDateString()的值不同
问题描述：new Date().toLocaleDateString() 在2个浏览器之间返回值不同，在我请求的url中加上这个参数，谷歌显示的是zh
2021-07-12 17:12:45
362
原创 vue+element 模态框内容添加回到底部，顶部
问题，自己再项目中有回到顶部底部组件，在模态框中缺无法使用，怎么监听dom滚动条都无济于事；首先都是在挂载函数里面添加了监听 mounted() { // window.addEventListener("scroll", this.handleScroll,true); // 监听（绑定）滚轮滚动事件 },但是这样只能监听到body的滚动，当模态框弹出，我仔细检查发现，element 把body的滚动条直接隐藏，而是模态框里面的滚动条，所以在这个里面监听不到任何数
2020-12-28 13:56:43
840
原创 Vue+element 的上传组件 on-change 只触发一次问题
前言：今天刚好接到一个需求，上传文件到oss 不要手动点击上传按钮，想选择文件就直接上传，然后再文件能上传后发现，再次上传的时候并不会再次触发onchange 方法；当你再次点击选择文件后，并不会打印；我网上找了下，有人用v-if组件销毁 创建来解决，我觉得这个并不怎么合适，因为当你直接点击取消的时候捕获不到事件，又看到一个原生用input的来清空值；结合了一下,这个方法。通过vue的ref给上传组件，然后再打印内容里面我发现，当你选择了一个文件以后，这个地方就已经存在值了。且没有替
2020-11-16 16:35:05
6460
12
原创 node 上传文件到阿里oss
配置环境直接在控制台开通 oss服务，密钥，bucket等然后设置跨域等。这里不细描述了。1.安装阿里oss包var OSS = require('ali-oss');2.设置oss参数var client = new OSS({ region: 'oss-cn-*****', //云账号AccessKey有所有API访问权限，建议遵循阿里云安全最佳实践，部署在服务端使用RAM子账号或STS，部署在客户端使用STS。 accessKeyId: '******',
2020-06-08 17:24:30
927
原创 nodejs +express+ Mysql 的基本操作 连接数据库 查询增加 删除数据
1.首先引入express mysql，配置mysql；（这里是安装了mysql相关，没安装的自行安装）2.连接成功之后，通过express路由，查询数据app.get('/', (req, res) => { //连接 MysqlClient.connect(function (err) { if (err) { re...
2020-01-07 09:17:01
744
1
原创 nodejs中使用 mongodb 增删改查
1.在我们新建的项目里面安装express,mongodb2.在js文件里面引入相关依赖3.查询数据 （先设置路由地址也就是我们通常说的接口地址）app.get('/', (req, res) => { //查询数据列表 DBurl是目标数据库地址 DBname是对应的数据库 // console.log(res); MongoClient.c...
2019-12-26 14:33:54
192
原创 用CMD命令行使用 mongodb 增删改查 基本操作
一、 插入（增加）数据 （注意标点符号）db.user.insert({"name":"zhangshan"})二、 查找数据1、查询所有记录格式 db.表（集合名称）.find();db.user.find()相当于：select* from user2.查询去掉后的当前聚集集合中的某列的重复数据db.user.distinct("nam...
2019-12-23 17:13:25
1136
原创 nodejs mongodb 基本使用操作----数据库的基本操作（一）
一、 数据库使用开启 mongodb 服务：要管理数据库，必须先开启服务，开启服务使用 mongod --dbpath c:\mongodb管理 mongodb 数据库：mongo (一定要在新的 cmd 中输入)清屏：cls查看所有数据库列表show dbs二、 创建数据库use 数据库名称 （使用数据库、创建数据库） 如果要创建这数...
2019-12-23 15:46:43
190
原创 nodejs mongodb 基本使用操作
1.mongodb 的安装使用：官网：https://www.mongodb.com/ 官方下载地址 手册：https://docs.mongodb.org/manual/下载完成之后安装，双击 MongoDB 软件下一步下一步安装安装完成配置环境变量 C:\Program Files\MongoDB\Server\3.0\bin 加入到系统的 path 环境变量中...
2019-12-23 15:30:08
287
原创 vue + echart 之热力图，关系图
注意：在默认引入echart 包的时候并没有关系图表，需要自己手动去官网自定义下载。我这边就是这么操作的1.引入2.使用//初始化图表initGraph() {var chart = echarts.init(this.$refs.graph)var graph = this.ChartData;var newArr = this.ChartData.no...
2019-12-05 11:34:27
2080
原创 vue + echarts 显示图表
1.首先在项目里面main.js全局引入echarts，或者在index.html里面自定义引入外部的echarts定制包文件，可以根据自己项目需求定制打包文件。import echarts from 'echarts' //我这边是在项目图表组件中引入（贴饼图演示文件），如图2.对数据进行处理之后2.条形统计图引入之后数据处理根据自己组件传过来的值进行...
2019-12-05 11:18:00
1509
原创 vue 前端解析xml文件及前端显示类似EXCEL表格操作
最近项目里面出现了一些奇怪的操作，前端解析xml文件，把内容展示出来，自己查了很多资料，下面是一些自己用的的一些常用方法。1.引入x2js·可以到GitHub主页去下载库代码地址 ：https://github.com/abdmob/x2js<script type='text/javascript' src="xml2json.js"></scri...
2019-03-15 14:58:11
4647
4
原创 手机自适应
移动端的手机自适应的代码网上很多，昨天室友问我，有一些具体的好像有点不准确 然和我找了下资料和自己以前写过的整理了下分享下。下面是我测试的代码---------------------------------------------------------------------------------------------------------------------------------...
2018-03-29 11:03:00
281
原创 vue + element-ui 的表单验证失效问题
首先先描述写问题 我用的是element-ui 1.4 版本 做的一个后台管理系统，我在对用户进行添加的时候有个模态框里面有表单验证，在修改用户资料的时候也有一个表单验证。当我进来先点击了编辑用户资料的时候，在点击添加用户，发现表单验证失效了。我在每一次关闭的时候都重置了表单验证还是没用，后来只能上直接写了。下面是图如果有碰到这样的情况的童鞋 有好的解决方案可以分享给我下。我修改...
2018-03-29 10:40:01
7524
2
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人