- 博客(21)
- 收藏
- 关注
RSS订阅原创 vue项目中Jimu积木报表的打印设计
积木报表，是一款免费的数据可视化报表，含报表和大屏设计。这里主要是讲报表的打印设计。使用前需要集成到自己项目中，集成部分请查看官网集成文档。
2024-07-26 10:05:57
1489
原创 vue 业务页面状态展示的优化
在后台管理项目中，一些业务Table页面需要对状态进行展示。在初学前端时，常使用的方式就是三元表达式或者if-else进行展示，但是对于状态值较多或者全局使用时，三元表达式和if-else的使用就不够简洁和不便维护了。对上述的两种方式其实可以进行做一个管理，简化代码并且方便维护。单页面使用的状态就写在当前页面即可，全局需要使用的可以新建一个文件用来管理。if-else：不同状态展示不同颜色。
2024-07-23 15:29:48
234
原创 vue 多页面调用同一接口解决方法——Vuex
在实际开发中，经常会遇到多个页面调用同一个接口的场景。为了让代码更加简洁，我们可以使用Vuex来管理数据。下面展示一个调用接口获取字典的例子。
2024-05-16 11:19:11
622
原创 vue 使用天地图实现描点、信息窗口、历史轨迹回放以及地图自适应容器
在Vue项目文件夹public下的index.html入口文件中引入天地图JavaScript API文件。map.checkResize()方法来自适应容器，需要配合定时器使用才有效。创建一个Vue中初始化的天地图的JS文件，用于指向天地图类。
2024-04-26 12:04:35
2894
4
原创 vue2/vue3 二次简易封装Element-Table组件
在管理系统的开发当中，页面顶部是一个表单筛选，中间是一个表格展示数据，页面底部是一个分页器，这种页面结构出现的频率很高。在此基础上，可以增加单选多选( type=“selection”)、展开行(extend)等等…
2024-04-22 14:32:16
283
原创 vue 文件批量下载通用方法[streamSaver和FileSaver]
做项目的时候遇到需要批量下载文件的需求，于是下意识就用了循环url地址数组下载的方法，但浏览器有限制，最多下载10个。使用两个插件file-saver 和 jszip来解决此问题
2024-04-19 15:44:38
1126
原创 vue3 利用v-model实现父子组件传值
v-model可以实现双向数据绑定。v-model本质上是语法糖，它负责监听用户的输入事件以更新数据。
2024-01-18 15:07:26
1684
1
原创 el-input无法进行输入以及el-radio触发了两次点击事件
记录使用elementUI的时候遇到的问题。例如：el_input无法进行输入、el-radio触发单次点击事件等。
2023-11-17 16:48:03
2636
原创 开发中Git常用命令
如果删除时报错：error: The branch ‘分支名称’ is not fully merged. （意思是：分支未完全合并）。解决方法是使用 -D 强制删除。如果git merge的时候出现冲突，可以执行下面的命令取消merge。比如，把dev合并到本地的master分支，然后再推到远程仓库。不能删除当前所在的分支，如果要删除，必须先切换到其他分支上。前提：已经将dev分支的代码提交到远程仓库。
2023-07-07 11:27:31
126
原创 jS多次请求同一个的接口的解决方案
问题描述：在开发中需要多次请求某一个相同的接口，但是不能多次请求同时执行，需要等待上一次请求结束再执行新的请求。，await会等待Promise中执行到resolve时，再进行下一步操作。，然后在将请求接口封装在Promise中，在调用Promise前加上。解决方法： 在函数名前面使用。
2023-06-28 11:19:13
1425
原创 被面试官问的那些高频面试题---web前端
vue实现数据双向绑定主要是采用数据劫持和发布订阅的模式，通过objiect.defineProperty()的get和set,在数据变动的时候发布消息给订阅者，触发消息。
2022-12-23 11:30:08
578
原创 Vue3-知识结构-前后端分离
代理配置后，将请求的接口网址写成配置的端口并加上’/api’，浏览器在请求时会把/api之前的根路径替换成 ‘target’ 里的内容。是一个基于promise的HTTP库，可以用在浏览器和node.js中。在get / delete请求中，params里面的请求参数会被配置在URL中。在post / put 请求中，请求参数不需要params，被配置在body中。axios本身是XHR的封装，对axios的封装可以理解为二次封装。在main.js中封装，可以和axios二次封装完成一样的逻辑。
2022-12-23 11:19:31
954
原创 Vue3-知识结构-MVVM
nextTick() 功能和OnUpdated()生命周期函数相同都是与视图相关,可以监控视图(view)发生变化，并在视图(view)变化后执行编写的逻辑。mvvm模型：model (data数据) + view-moudle (vue实例) + view (dom)computed 在数据没有变化的情况下，会拿缓存数据，节约资源，利用性高；可以监控数据(model)发生变化，并在数据(model)变化后执行。nextTick() 与 OnUpdated()生命周期函数。计算属性，具有响应性。
2022-12-23 10:35:56
716
原创 Vue3-知识结构-生命周期
选项式生命周期：11个(普通钩子)+2个(keep-alive 专用钩子)+1(ssr专用钩子)=13+1个。组合式生命周期函数：9个(普通钩子)+2个(keep-alive 专用钩子)+1(ssr专用钩子)=11+1个。
2022-12-23 10:10:28
241
原创 Vue3-知识结构-路由Vue-Router
当在一个button 中的click事件的函数逻辑中通过addRoute新增一个路由配置，然后通过编程式路由跳转到该路由配置的path，成功跳转后刷新页面不能正常显示该组件。当前vue实例.$router.push({path:‘xxx’})二、编程式 ： 以Script形式出现 通过框架提供的API实现。一、声明式： 以标签形式出现 通过框架提供的组件实现。通常写在main.js或者router配置文件中。写在单个router配置里。在路由配置文件里 如下。编程式路由传值的接收。
2022-12-21 19:29:44
820
原创 EDA技术与Verilog设计 实现输入一个周期的高电平，会有一个5个周期的高电平信号产生
实现输入一个周期的高电平，会有一个5个周期的高电平信号产生module kount5(clk,rst,inp,outp,tmp);input clk,rst,inp;output outp,tmp;reg outp;reg [3:0]cout;wire tmp;always @(posedge clk or negedge rst)beginif(!rst) cout<=4...
2020-05-26 15:20:15
2210
1
原创 4位并串转换器
Verilog语言设计4位并串转换器module pal_serial(clk,reset,en,in,oute);input clk,reset,en;input[3:0] in;output out;reg [3:0] tmp;always@(posedge clk)beginif(!reset)tmp<=4’h0;else if(en)tmp[3:0]<=i...
2019-11-07 11:20:59
4841
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人