空格 源码app vue
vue3,ts,vite4,uniapp设置路径别名
安装依赖 ``` npm install --save-dev @types/node ``` 配置vite.config.ts文件 ```ts // vite.config.ts import { defineConfig } from 'vite'; import { resolve } fro ......
vue-element-admin改为从后台拿动态路由
改为从后台拿动态路由，大概如下步骤： 1、后台增加接口，返回动态路由数据 2、前端增加请求动态路由接口请求 3、修改 src/route/index.js 去掉原有的动态路由，增加组件名和组件对象映射 map 4、修改 src/store/modules/permission.js 修改当前 权限判 ......
一文读懂Hhybrid App开发模式
随着 Web 技术和移动设备的快速发展，Hybrid 技术已经成为一种最主流最常见的方案。一套好的 Hybrid架构方案 能让 App 既能拥有极致的体验和性能，同时也能拥有灵活的开发模式、跨平台能力以及热更新机制。 ......
55.角色扮演，假设你现在是一个VUE3+VITE+TYPESCRIPT+element-plus的setup语法糖资深程序员，我是一个刚刚入门的的想做你的学生。你会怎么教我
作为一个资深程序员，我会采取以下步骤来教你： 1. 确保你已经安装好了必要的开发环境，包括Node.js和Vue CLI。如果你还没有安装，我会指导你如何安装这些工具。 2. 介绍VUE3、VITE、TYPESCRIPT和element-plus的基本概念和特性。我会向你解释它们的作用和用途，并提供 ......
[未解决] vue transform-blocks解析源代码报错：Illegal tag name. Use '<' to print '<'.
报错内容： [vite] Internal server error: Illegal tag name. Use '<' to print '`标签后报错，但其他vue文件可以正常读取和展示。 报错的文件，去掉``标签就可以正常加载。报错的方法是vue-compiler的`baseParse()` ......
vue3 props设置默认值
1.引入withDefaults import { withDefaults } from "vue"; 2.使用 const props = withDefaults(defineProps< {type?:string} >(),{ type:'number', }) 上述代码，设置的是type ......
54.使用VUE3+VITE+TYPESCRIPT+element-plus的setup语法糖，实现导出excel功能
要实现导出Excel功能，你可以使用以下步骤： 1. 安装相关依赖： ```bash npm install xlsx file-saver ``` 2. 在你的组件中引入相关依赖： ```javascript import { ref } from 'vue'; import { saveAs } ......
前端Vue uni-app App/小程序/H5 通用tree树形结构图
随着技术的发展，开发的复杂度也越来越高，传统开发方式将一个系统做成了整块应用，经常出现的情况就是一个小小的改动或者一个小功能的增加可能会引起整体逻辑的修改，造成牵一发而动全身。 通过组件化开发，可以有效实现单独开发，单独维护，而且他们之间可以随意的进行组合。大大提升开发效率低，降低维护成本。 今天给 ......
vue-pdf组件打印文字全是空白框
参考：https://www.yii666.com/blog/34226.html github地址：https://github.com/FranckFreiburger/vue-pdf/pull/130/commits/253f6186ff0676abf9277786087dda8d95dd8e ......
vue--day29--vue非单文件组件
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <title>非单文件组 ......
vue基本操作[上] 续更----让世界感知你的存在
# Vue引用js文件的多种方式 **1.vue-cli webpack全局引入jquery** (1)首先 npm install jquery --save (--save 的意思是将模块安装到项目目录下，并在package文件的dependencies节点写入依赖。) (2)在webpack. ......
vue-day28--对组件的理解
学了vue之后，我们需要了解组件是什么组件的定义：实现应用中局部功能代码（css/js/html）和资源(map,map,zip)的集合 1.1 模块与组件、模块化与组件化 1.1.1 模块 理解：向外提供特定功能的 js 程序，一般就是一个 js 文件 为什么：js 文件很多很复杂 作用：复用 j ......
Nest.js框架下，nest g app auth 命令报错！
首先报错信息是：Failed to execute command: node @nestjs/schematics:sub-app --name=auth --no-dry-run --no-skip-import --language="ts" --source-root="apps/reser ......
vue实现文本复制
> 一. 下载插件 `npm install --save vue-clipboard2 ` > 二. main.js `import VueClipBoard from 'vue-clipboard2'` `Vue.use(VueClipBoard)` > 三. 使用 html部分 点击查看代码 ......
vue组件之间的数据传递
title: vue组件之间的数据传递 date: 2023-07-18 19:17:32 tags: - vue categories: - 工程 - 前端 top:  { int numspace=0; for(int i=0;i<s.size();i++){ if(s[i]==' '){ numspace++; } } int oldsize=s ......
vue3+vite4实现动态引入图片
本来是想使用vue2时使用的require，但是在运行时却突然报错： 看到上面的报错让我很懵，require为啥不能使用呢？？ 经过我不懈的努力，终于找到原因： 在 Vue 3 和 Vite 4 中，不再推荐使用 CommonJS 的 require 语法，而是使用 ECMAScript 模块（ES ......
vue3+vite4使用swiper10实现coverflow效果
<Swiper class="swiper-container mt-40px" :modules="modules" :loop="true" :autoplay="{ delay: 5000, }" :speed="1000" :slidesPerView="2" :centeredSlides ......
vue - 图片的放大镜功能
``` // html ``` ``` // js export default{ name : 'blog-header', data(){ return{ isPC:true, // 大图片 qall: '../../static/image/土味.jpg', qallBig: '../../s ......
1-22 编写一个程序，把较长的输入行“折”成短一些的两行或多行，折行的位置 在输入行的第 n 列之前的最后一个非空格之后。要保证程序能够智能地处理输入行很长以及 在指定的列前没有空格或制表符时的情况
# Archlinux GCC 13.1.1 20230429 2023-07-18 17:32:11 星期二 点击查看代码 ``` #include #define SIGN 12 //折行记号（字符数) int main() { int c_in, c_cnt; c_in = c_cnt = 0 ......
UNI-APP rich-text解析富文本数据，图片不能自适应
一、解决方案 <rich-text :nodes="goodsInfor.content"></rich-text> 数据替换下 res.data.content = res.data.content.replace(/<img/gi, "<img class='richImg'"); css .r ......
vue手搓h5滚动日期选择器组件
背景 新项目为了省事和后台写一起了，所以用不了Uni-app（悲），然后element-ui的日期选择器h5不适配，看着也难受，就想找个好用的，结果找了一圈感慨，自己写个吧。 说明 为了加快速度，代码可能有些臃肿，但大概就是这样了，看着代码好多，其实只要会一个的滚动就会多个了。建议下看下参考文章，然 ......
【开源分享】在线客服系统源代码-thinphp网站在线客服系统源码（附源码完整搭建教程）
本文的核心是一个多国语言在线客服聊天系统源码。我们将在这里保持非常简单。 这是一款旧版本的PHP客服源码。 基于ThinkPHP5 + workerman，整体架构比较老，PHP客服端以及界面等需要在php-fpm下运行，即时通讯websocket服务端需要命令行执行。 源码下载 在下面链接中，下载 ......
vue+zxing 扫描条形码
背景 扫描甲方商品身上的条形码。 吐槽下：这玩意又细又小，还反光，最后用的uni-app上的插件，而且不用自己封装了。虽然和我之前的二方案差不多，即使用 Quagga，打开video，将每帧画成canvas，然后转换为图片交给Quagga识别，缺点是功耗大，最后实装的表现还行，就是扫几个码，手机热了 ......
vue使用hiprint实现打印（vue-plugin-hiprint）
1、安装插件： npm install vue-plugin-hiprint 或 yarn add vue-plugin-hiprint 2、普通使用： <template> <div class="box"> <div class="box-tool"> <el-button-group> <el ......
vue v-if 和v-permission 共同使用的奇怪问题
背景 后台系统某功能按钮需要订单状态和用户权限共同校验是否显示，将权限校验和v-if共同作用在同一div中，下方为实例代码 <div v-if="status==0"> <div @click="function1"> 某按钮功能 </div> </div> <div v-if="status==1 ......
vue .sync修饰符的使用详解
这篇文章主要介绍了vue .sync修饰符的使用,本文给大家介绍的非常详细，具有一定的参考借鉴价值，需要的朋友可以参考下 vue的官网介绍非常不错，先通读一遍。 2.3.0+ 新增 在有些情况下，我们可能需要对一个 prop 进行“双向绑定”。不幸的是，真正的双向绑定会带来维护上的问题，因为子组件可 ......
Day-4 路由匹配源码
1. 请求来了会走WSGIHandler的call方法 convert_exception_to_response也是进行封装 真的handler是从下图定义 resolver = URLResolver(RegexPattern(....)) 那么 resolver.pattern = Regex ......
修改unittest中ddt中的源码，使得生成的htmltestrunner报告标题更直观
ddt是unittest 中配合数据驱动思想的一个模块，为了使得生成的报告标题更直观，现修改源码 1.先把内置的ddt模块，复制到项目中，修改复制的后ddt文件，这样就不是直接改别人的源码了 2.具体如何修改 @ddt.ddt中进去，282行 if isinstance(v,list): test_ ......