前端 终端 实战vue

参考文章https://blog.csdn.net/daotian2016/article/details/123670179 项目场景：项目场景：VUE工程，做了一个代码自动生成可以导出zip的功能。 问题描述导出的zip文件打开提示“不可预料的压缩文件末端”，文件打不开。 export func ......

组件注册方式 一个 Vue 组件在使用前需要先被“注册”，这样 Vue 才能在渲染模板时找到其对应的实现。组件注册有两种方式：全局注册和局部注册。 全局注册 将09节课程的Header组件进行全局注册演练 在main.js中添加Header.vue组件的注册 1 import { createApp ......

今天给大家带来的是：黄文毅，罗军老师著的 《IntelliJ IDEA入门与实战》 黄文毅，罗军是谁？ 黄文毅，CSDN博客专家，架构师。先后就职于厦门星耀蓝图、厦门美图、上海美团等公司。主要从事Java开发工作，具有丰富的软件开发经验，熟悉Java、高并发、分布式及相关的软件架构。出版《分布式微服 ......

记录一下后端返回的json数据转成excel导出 ###这里外面使用的是 [vue-json-excel](https://github.com/jecovier/vue-json-excel) ###1.安装包 ``` npm install vue-json-excel ``` ###2.组件中 ......

《好记性不如烂笔头系列》 子组件 <template> <div class="protocolstyle"> <van-checkbox v-model="checked" toggle @click="userProtocolClick"></van-checkbox> <span class= ......

RSA加密一般是公钥加密私钥解密，多用于前台公钥加密传参给后台，后台私钥解密。 使用RSA加密时需要用到`jsencrypt`，本文会介绍怎么安装及使用。 ### 1. 安装`jsencrypt` ```bash npm install jsencrypt ``` ### 2. 使用方法 1. 引入 ......

组件嵌套关系 组件允许我们将 UI 划分为独立的、可重用的部分，并且可以对每个部分进行单独的思考。在实际应用中，组件常常被组织成层层嵌套的树状结构： 这和我们嵌套 HTML 元素的方式类似，Vue 实现了自己的组件模型，使我们可以在每个组件内封装自定义内容与逻辑。 创建组件及引用关系 Header. ......

# 场景 在一个内容区域设置了 `overflow` 纵向滚动的对话框中，内部的 `vue-treeselect` 组件下拉框选项被遮挡了。 # 解决办法 给 `vue-treeselect` 设置 `appendToBody` 和 `z-index` 属性。 ![image](https://im ......

## 前言 一开始是一个自用的应用，原本是用razor写的。最近有了点新想法，加点新功能，但是我接触的项目基本都是vue+api的前后端分离，用这razor写的是真不习惯，最后决定还是用习惯的vue重写。 之前尝试过在.net core里使用vue2+webpack，毕竟实际上就是把.vue翻译成了 ......

第六篇讲了将SpringBoot和Vue项目结合起来，实现了使用Vue访问SpringBoot的API。这一篇我们介绍当访问API成功后跳转到新的Vue页面怎么处理。 参考链接：https://zhuanlan.zhihu.com/p/468467076 第一步：首先新建一个Vue页面 jump1t ......

定义一个组件 在components文件夹下新建MyComponent.vue组件 写入下面代码 1 <script> 2 export default { 3 data() { 4 return { 5 count: 0 6 } 7 } 8 } 9 </script> 10 11 <templat ......

### 解决vue中mapbox地图显示一半的问题 问题描述： 在vue中创建mapbox地图，地图只显示一般，查看浏览器开发者工具。发现将`canvas.mapboxgl-canvas` 的`position:absolute`去掉就解决了 。 代码修改：获取到`canvas.mapboxgl-c ......

1：外层容器 ::v-deep 组件 { }2： ::v-deep 组件 { }3： ::v-deep { & 组件{ } } ......

“深化北斗系统推广应用，推动北斗产业高质量发展”，北斗产业化应用已写入“十四五”规划和2035年远景目标纲要。当前，水利事业作为社会文明和经济发展的重要支柱，其现代化建设与智能化转型离不开北斗三号系统的的深度应用。 近年来，计讯物联抢抓机遇，立足水利，乘势而上，以5G网络为依托，结合北斗定位技术，创 ......

# 【11.0】前端基础之阶段性复习 # 【一】HTML ### 【1】什么是HTML - 超文本标记语言，就是一堆标签，每个标签具有特定的意义，是浏览器展示页面所公用的一套标准 - HTML是一种用于构建网页的标记语言，全称为"Hypertext Markup Language"（超文本标记语言） ......

Module build failed (from ./node_modules/@vue/cli-plugin-eslint/node_modules/eslint-loader/index.js): TypeError: Cannot read property ‘range’ of null ......

原因： 把node升级到了最新的长期支持版18.16.1，结果运行vue项目启动失败，报错如下：  试了各种办法都解 ......

## GDB调试器 我们在讲[指针][初级指针]时用 `GDB` 调试段错误。 本篇将详细介绍 gdb 的`最常用命令`、`日志记录`、`检测点`，最后介绍如何用 gdb `调试进程`以及用gdb 调试一个开源项目的`调试版本` —— glmark2。 ### gdb介绍 GDB, the GNU ......

实现功能： 1.渲染系统： · 功能一：h函数，用于创建并返回一个VNode（虚拟对象）; · 功能二：mount函数，用于将VNode挂载到节点上； · 功能三: patch函数，用于对比两个VNode，决定该如何处理新的VNode； ### 1.新建一个index.html的页面 其中有一个id ......

肿瘤基因突变检测是NGS的一个重要应用，其分析难点主要在于低频变异的准确性。不同于遗传病检测，肿瘤样本类型多样，测序方法和参数复杂，且缺乏对应各种场景的公共标准真集。再加上常用开源软件经常遇到的准确性低，稳定性差，速度慢等问题。这使得广大诊断公司在评估肿瘤变异检测工具、搭建高效稳定的生信流程上，面临 ......

1、在工程项目下安装Bootstrap5依赖包  `npm install bootstrap@5.3. ......

给公司搞了个互联网设备可视化平台，在地图上展示互联网设备的信息，点击地图不同区域，统计相应的设备信息，生成图表展示出来 ![](https://img2023.cnblogs.com/blog/2997171/202307/2997171-20230705092400289-934249968.pn ......

#### 前端Vue自定义轮播图视频播放组件 仿京东商品详情轮播图视频Video播放 ，可图片预览，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13325 #### 效果图如下: ![](https://p3-juejin.b ......

#### 前端Vue一款基于canvas的精美商品海报生成组件 根据个性化数据生成商品海报图 长按保存图片，下载完整代码请访问uni-app插件市场地址：https://ext.dcloud.net.cn/plugin?id=13326 #### 效果图如下: ![](https://p3-juej ......

一、需求问题： 一开始就考虑使用简单el-select选取数据，但是后面数据量增多， 超过一千条开始，组件会很卡不好用，第二个是接口也慢了 数据量多的话是有一个filterable做支持了，可以输入关键字进行匹配检索 但是不能解决卡顿的问题，接口还是比较慢 二、替代方案： 然后改用了el-autoc ......

国际电信联盟（International Telecommunication Union，简称ITU）是一个全球性的国际组织，负责协调和制定关于电信和信息通信技术的国际标准和政策。 在光纤通信领域，ITU制定了一系列的标准，其中包括了用于被动光网络（Passive Optical Network，简 ......

# `/deep/`样式穿透 ```JS Left 组件 ``` ......

前面我们学习过SeaTunnel这个优秀数据集成平台，今天再来研究一个与之相似开源产品ChunJun，原名为FlinkX其比SeaTunnel开源更早，本篇从了解其概况和特性；然后通过源码编译的方式部署，暂时先通过简单的Local和Standalone两种提交任务方式，通过几个示例一步步演示如何通过... ......

[toc] # 一、课程页页面前端 ```python #1 前端 新建三个组件 LightCourse.vue FreeCourse.vue ActualCourse.vue # 2 配置路由 import FreeCourse from "@/views/FreeCourse"; import ......

<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <style> .el-table .warning-row { background: oldlace; } .el-table ......