- 博客(305)
- 收藏
- 关注
RSS订阅
原创 element实现动态筛选功能，点击手机号控制表头的手机号显示与不显示
前言： 在iview中是可以实现这个功能的，点击某个参数，来控制某个表头的展示与隐藏，element官方是没有提供这样的功能的，这里来实现element的该功能iview实现效果：入口最终element实现效果：实现代码：<template> <div> <el-button @click="fileterList('sort')">编号</el-button> <el-button @cli...
2021-11-15 16:47:19
1182
2
原创 vue+highcharts实现3d环形图
前言： vue+highcharts实现3d饼图效果图：实现步骤：1、安装 highchartsnpm install highcharts --save2、js部分：import Highcharts from 'highcharts/highstock'data里面： options: { chart: { type: 'pie', options3d: ...
2021-11-02 11:59:55
2609
8
原创 echarts图引入的几大步骤，新手必看
echarts对于刚进入前端工作的同学来说还是一个新的技术，学好echarts也是必不可少的。接下来是引入eachats具体的几个步骤，希望对你们有帮助哟第一步，下载echarts （在npm里面下载）npm iecharts -s第二步是在 script 标签引入（不引入的话，报错是会报找不到eachars的）const echarts = require('echarts');第三步是在页面上写这一句话就行<div class="echarts" ref="...
2020-07-30 11:02:57
2712
28
原创 vue项目报错：internal/modules/cjs/loader.js:892 throw err；
vue项目中无法正常使用git，并报错情况。
2024-05-23 13:57:18
31
原创 vue打包报错：CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory
vue项目，打包报错：CALL_AND_RETRY_LAST Allocation failed - JavaScript heap out of memory。
2024-05-06 10:20:12
277
3
原创 vue实现浏览器不同分辨率下的不同样式，css的媒体查询与js判断当前浏览器宽度
实现实现浏览器不同分辨率下的不同样式的方法很多，这里整理两种，1个是css的媒体查询来实现，另一个是js判断当前浏览器的宽度，然后动态给他添加不同的class名，或者动态用style修改样式，添加不同class名的话展示能更灵活。
2023-12-11 11:06:35
1206
原创 vue+echarts实现桑吉图的效果
在我们项目使用图形的情况下，桑吉图算是冷门的图形了，但是它可以实现我们对多级数据之间数据流向更好的展示的需求，比如，我们实际数据流向中，具有1对多，多对多的情况下，如果用tree是不合适，用思维导图的话，只能实现线路的展示，达不到我们想对数据可视化的需要
2023-12-06 10:19:49
1541
原创 vant的NavBar导航栏可以自定义背景图片吗
属性的值为要设置的背景图片的url地址。注意，如果要使用本地图片，可以使用相对路径或者绝对路径。属性的值为要设置的背景图片的url地址。注意，如果要使用本地图片，可以使用相对路径或者绝对路径。2.vant的van-tabbar可以自定义背景图片吗?可以的，Vant的NavBar导航栏提供了一个。属性，可以设置自定义背景图片。
2023-08-31 10:53:45
1233
原创 draggable 排序@end=“dragEnd“
当使用draggable插件进行拖拽排序时，@end="dragEnd"可以用于更新数据。实现方式是在dragEnd方法中获取拖拽后的排序信息，然后更新数据源。在上面的例子中，我们在dragEnd方法中获取了拖拽后的数据排序，然后重新将数据赋值给items，实现了数据的更新。
2023-08-30 14:53:14
422
原创 如何使用vue-smooth-dnd
这些方法将在Vue Smooth DnD拖动事件期间被调用，以响应不同的事件。Vue Smooth DnD是一个基于Vue的平滑易用的拖放库。除了上面的属性和事件之外，Vue Smooth DnD还提供了一些其他的属性和事件，可以在官方文档中查看。在这个例子中，我们使用了Vue Smooth DnD组件，并传入了一些属性和事件。: 容器的ID，可以用来在多个容器之间进行拖动。: 当元素被拖动到容器中时触发的事件。: 表示容器是否可以接收拖动的元素。: 当拖动开始时触发的事件。: 当拖动结束时触发的事件。
2023-08-28 18:05:25
625
原创 vue实现excel数据下载,后端提供的list由前端转excel并下载
因为项目需求需要,我们需要把后端传来的list转成excel模板,并且下载下来)之前有用的插件,但是会有少0的情况,如下。1,首先我们来看下后端提供的数据结构。2,具体前端代码如下。
2023-07-23 14:55:14
1494
原创 vue实现将后端传来的数据下载excel，vue-json-excel详细版
前端将后端传来的数据进行一个组合，然后触发下载 excel ，使用vue-json-excel来实现功能。
2023-07-21 12:30:37
2405
1
原创 js如何获取当前浏览器的语言
前言：js如何获取当前浏览器的语言。实现方法：const lang = navigator.language //zh-CN、en-US、zh-TW、zh可实现需求：可以根据当前浏览器来配置我们项目里面默认的语言，比如如果是第一次用户进来，但是他自己的浏览器是英文的，我们可以默认给他配置英文版本
2023-07-21 12:10:22
655
原创 vue中实现div可编辑，并插入指定元素，样式
vue中实现一个既可以编辑内容，有可以动态编辑内容插入一个带有样式的内容，改变默认内容后，这个样式消失的效果，这里来整理下调研与解决实现问题之路。
2023-07-02 12:45:18
5404
2
原创 element的列表树形数据中添加复选框并增加render与slot支持
对element的列表二次进行封装，让他能支持树形数据中添加复选框，并支持render与slot的使用。
2023-06-08 18:27:37
870
原创 Bito:一款 iead/webstorm 神级插件，由 ChatGPT 团队开发，堪称辅助神器
idea(后端)，webstorm(前端)中可以用的一款辅助插件：Bito
2023-04-25 15:22:12
21436
10
原创 介绍一个好用的开发工具：uTools
在工作中一个好用的工具对我们的开发效率提升是特别高的，比如我们开发代码的时候，有时候要英文起码，或者小驼峰起名，截图啥的，现在的软件太多太杂了，使用不是很方便，这里分享下我自己使用的好用的工具
2023-04-23 17:32:50
377
1
原创 tree select 回显优化问题
起因:由于后台传来的数据是父级和子级是在同一个数组的里的,没有层级之分.出现的第一个问题是:(1)后台传一个父级,默认父级全部是选中的效果(这里的缺陷是,如果子级并没有全不选中,但是选一个父级就等于选择了全部,这里回显有问题)解决思路:把父级字段从总数组摘取出来,然后把所有子级push到新数组,并且反到页面上。具体操作是:先把树级所有的返回字段进行循环判断,判断出如果有子级的就是父级数据。工作中遇到下拉树回显的问题.
2023-04-03 15:08:10
1157
原创 上岸整理：2023前端面试题-vue，小程序，js，css
1、浏览器常见的报错信息与含义2、304与204的区别，http缓存，强缓存，协商缓存3、浏览器从输入地址到渲染，经历了什么状态？4、vue的界面渲染，经过哪些过程（生命周期）5、三次握手，四次挥手6、重排与重绘7、用css实现一个三角形8、常见的flex布局，有哪些功能9、用css实现一个水平垂直居中10、null与undefined的区别11、虚拟dom12、深拷贝与浅拷贝13、es6新增的功能15、async await 与promise。
2023-03-27 18:26:07
778
3
原创 前端实现压缩图片的功能（vue-element）
随着现在手机像素，拍照功能越来越好，随之而来的是本地图片越来越大，那么如何更好的将本地图片上传到后端接口呢？前端实现压缩图片，然后再上传
2023-02-27 19:19:44
6482
5
原创 iview/element的table高度动态设置
Tableborder>data() {return {now_height: null //table高度};},window.innerHeight 当前页面的高度，this.$refs.now_table.$el.offsetTop 拿到的是},
2022-12-13 14:55:54
730
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人