前端 终端 实战vue
vue基本语法 for if else show
vue有关于if else 以及 for 的判断 <body> <div id="app"> <h1 v-if="type 'A'"> A </h1> <h1 v-else-if="type 'B'"> B </h1> <h1 v-else> C </h1> </div> </body> </htm ......
【前端可视化】前端大屏适配方案
方案一：rem 单位+动态设置 html 的 font-size 动态设置 html 根字体的大小和 body 字体大小（使用 lib_flexible.js） 将设计稿的宽（1920）平均分成 24 等份，每一份 80px； html 根字体大小就设置为 80px，即 1rem = 80px，24 ......
vue下拉框选择后不显示值，选其他下拉框后才显示出来
vue下拉框选择后不显示值，选其他下拉框后才显示出来 vue也太坑了 解决方法：为该el-select添加change事件中使用$set来对属性赋值，如下: changeData(val) { this.$set(this.formData, this.formData.id, val.value) ......
vue全家桶进阶之路50：Vue3 环境变量+跨域设置实例
使用.env加后缀的方式来建立某个模式下的环境变量， 例如：项目根目录新建两个环境变量文件（development开发环境和production生产环境）： .env.development .env.production 在新建的两个环境变量文件中设置相同的环境变量名： VUE_APP_BASE_ ......
vue初学
Vue只关心视图层 视图层是HTML+CSS+JS 其遵循SOC原则 关注点分离原则 给用户看和刷新后台数据 vue支持mvvm+dom模式 第一个vue程序 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title> ......
vue 中的 props type设置多个类型，默认值
props: { value: { // type设置多个类型 type: Number | null, required: true } } ......
vue-input-directive 插件的使用（已兼容vue3.0）
codepen体验地址 github地址 安装、引入 npm install vue-input-directive --save import Vue from 'vue' import inputValidate from 'vue-input-directive' Vue.use(inputV ......
vue全家桶进阶之路49：Vue3 环境变量
vue3 环境变量 在Vue3中，可以通过环境变量来管理应用程序中的配置。这些配置可以包括后端API的URL、API key、跟踪ID等等。在不同的开发、测试、生产环境中使用不同的配置是非常有用的。Vue3允许使用.env、.env.local、.env.[mode]和.env.[mode].loc ......
vue兼容IE的方法规范
第三方插件的兼容性需经过ie和国产电脑浏览器测试后，才可以使用。 1、main.js 顶部添加 babel-polyfill import 'babel-polyfill' import Vue from 'vue' import App from './App.vue' import router ......
Vue3 代码块高亮显示并可使用富文本编辑器编辑（highlight.js + wangEditor）
在Vue项目中实现以下功能： 功能1. 在页面中显示代码，并将其中的关键字高亮显示。 功能2. 允许对代码块进行编辑，编辑时代码关键字也高亮显示。 功能3. 可在编辑器中添加多个代码块，动态渲染代码关键字高亮。 Step1: 安装所需插件(本文使用npm安装，若需使用其他方式请查阅官方文档) 安装代 ......
vite项目优化----- 解决终端optimized dependencies changed. reloading问题
写在前面网上都说vite要比webpack快，但个人感受，默认情况下, vite项目的启动确实比webpack快，但如果某个界面是首次进入，且依赖比较多/比较复杂的话，那就会比较慢了。 这篇文章就是用来记录，关于vite慢的相关问题与可能的解决方案 为什么说vite快？为什么说vite慢？只说vit ......
前端之jQuery
jQuery简单介绍 jQuery它的内部封装了很多的js代码，并且额外增加了很多功能。它就是js 的一个类库。与python相比较，在python中，我们有模块这个概念，js中的类库就相当于是我们的模块。 jquery是对js的一个高度封装，我们直接学习封装之后的代码。 jquery介绍 jQue ......
【前端可视化】ECharts 实现响应式图表
响应式图片的实现步骤: 1.图表只设置高度，宽度设置为100% 或 不设置。 2.监听窗口的resize事件，即监听窗口尺寸的变化（需节流）。 3.当窗口大小改变时，然后调用 echartsInstance.resize 改变图表的大小。 另外需要注意的是：在容器节点被销毁时，可以调用 echart ......
VUE学习笔记
VUE学习笔记 1.函数体格式 简写格式：“ 方法名（）{ } ” >全写格式：“ 方法名：function(){ } ” 2.定义对象格式 对象名：{ } 3.全局事件总线相关的函数 注册全局事件总线：在main.js的VUE实例中创建事件总线 beforeCreate() { Vue.proto ......
VUE - 遍历并生成ArrayList
var arr = []; this.rows.forEach(item => { arr.push({ MaterialNumber: item.MaterialNumber, Message:item.TONumber }); }); this.mWHInterfaceResults = arr ......
vue3 文件上传,fileChange中的一个问题,第二个参数问题
这里fileChange第二个参数，不可也用fileList会污染已经定义的响应式变量fileList <script setup> const fileList = ref([]) const fileChange = (file,fileList) => { fileList.value = f ......
vue2源码-十一、Vue的生命周期
Vue的生命周期 钩子函数是如何实现？ 内部利用一个发布订阅模式，将用户写的钩子维护成一个数组，后续依次调用hooks。主要靠的是mergerOptions 方法有哪些？ 引用自https://vue3js.cn/interview/vue/lifecycle.html#%E4%BA%8C%E3%8 ......
python_数据分析与挖掘实战_词云
# -*- coding: utf-8 -*- # 代码12-1 评论去重的代码 import pandas as pd import re import jieba.posseg as psg import numpy as np # 去重，去除完全重复的数据 reviews = pd.read_ ......
对kotlin友好的现代 JSON 库 moshi 基本使用和实战
对kotlin友好的现代 JSON 库 moshi 基本使用和实战 blog.csdn.net成就一亿技术人! 前言 上一篇博客我们聊了下gson在处理kotlin data class时的一些坑，感兴趣的可以了解一下：gson反序列化成data class时的坑 总结一下有一下两点 属性声明时值不 ......
vue3打包后一片空白控制台报错
问题原因是路径不对，加上一行代码就可完美解决问题。 在vue.config文件中加上 publicPath:'./' 即可解决问题。 问题如图所示： 如何解决问题呢？ ......
vue实现的常见的动画效果
本文包括的动画： zoom-in zoom-in-left zoom-in-right zoom-in-top zoom-in-bottom zoom-in-center-x zoom-in-center-y slide slide-left slide-right slide-top slide- ......
vue全家桶进阶之路48：Vue3 跨域配置devServer的参数和设置
devServer 是一个用于配置开发服务器的选项对象。它可以用来配置服务器的各种选项，例如代理，端口号，HTTPS 等。 以下是一些常用的 devServer 参数和设置： port：指定开发服务器的端口号，默认为 8080。 host：指定开发服务器的主机名，默认为 localhost。 htt ......
vue3 路由跳转：Cannot read properties of undefined (reading 'push')
在vue2中我们通常会在全局的接口请求里面设置拦截器，如果登录失效或者说其他情况需要跳转到登录页面或者说其他页面的，我们就使用this.$router.push实现vue3中同样使用改方式： import { useRouter } from 'vue-router'; const router = ......
Vue&Element-Ui（支技VUE2）&解决ttf, woff 文件报错的问题
一、Vue&Element-Ui（支技VUE2） Vue 是一套用于构建用户界面的渐进式 JavaScript (主张最少)框架 ，开发者只需要关注视图层， 它不仅易于上手，还便于与第三方库或既有项目的整合。是基于MVVM（Model-View-ViewModel 即：视图层-视图模型层-模型层）设 ......
前端设计字体大全
前端设计字体大全 宋体 SimSun 黑体 SimHei 微软雅黑 Microsoft YaHei 微软正黑体 Microsoft JhengHei 新宋体 NSimSun 新细明体 PMingLiU 细明体 MingLiU 标楷体 DFKai-SB 仿宋 FangSong 楷体 KaiTi 仿宋G ......
vue3 源码
这文章写的很好 Compiler模块：编译模板系统。主要职责是将template编译成虚拟节点。 Runtime模块：也可以称之为Renderer模块，真正负责渲染的模块。主要职责是将虚拟节点渲染成真实元素，然后显示到浏览器上。 Reactivity模块：响应式系统。主要职责是监听响应式的数据，然后 ......
D3D12 实战 基础框架
前言 本系列将用D3D12实现众多实时渲染算法，包括正向渲染、延时渲染、光线追踪，本篇将介绍以后常用到的基本框架 笔者会贴出重要的实现，且解释这些代码的作用，不过不会深入讲解其实现原理具体的还需读者自行学习 实现 Win32Application Win32Application主要用于 ......
vue全家桶进阶之路47：Vue3 Axios拦截器封装成request文件
可以将Axios拦截器封装成一个单独的request文件，以便在整个应用程序中重复使用。 以下是一个示例，展示如何将Axios拦截器封装成一个request文件： 1、创建一个名为request.js的新文件，并导入Axios： import axios from 'axios'; 2、创建一个名为 ......
Vue3 入门（ref）
Vue3 入门（ref） let name = ref('jack') 首先我们得明白，ref函数返回的是一个RefImpl对象的实例，所以此时name的值是一个复杂数据类型Object，它里面有个value属性，就是它的值，而其它的属性皆是下划线开头的，我们不关注，因为这类属性一般不是给我们开发用 ......
【vue3-element-admin 】基于 Vue3 + Vite4 + TypeScript + Element-Plus 从0到1搭建后台管理系统（前后端开源@有来开源组织）
本篇通过万字长文详细介绍 vue3-element-admin v2 版本从 0 到 1，相较于v1版本增加了对原子CSS(UnoCSS)、按需自动导入、暗黑模式等功能的支持以及重构优化。v2 版本发布也标志着有来开源组织的 SpringBoot3 + Vue3 前后端分离开源项目到达新的里程碑，希... ......