路由 程式vue js

# vue 使用 html2canvas 截取图片保存

vue 使用 html2canvas 截取图片保存 好久没有写博文了,写够了,没啥想写的了,这个号算是废了,哎,气人啊!越来越胖,越来越懒了。 html2canvas 简介 html2canvas是一个JavaScript库,它可以将HTML元素转换为Canvas元素。具体来说,它可以将整个页面或特 ......
html2canvas 2canvas canvas 图片 html2

vue封装上传图片

一。在components下新建 upLoadImg / index.js <template> <div> <el-upload class="avatar-uploader" action="111" :show-file-list="false" :auto-upload="false" :o ......
图片 vue

koa-router路由使用

koa官方文档: https://koa.nodejs.cn/ (2.14) 使用教程 get示例: https://chenshenhai.github.io/koa2-note/note/route/koa-router.html post示例: https://juejin.cn/post/6 ......
路由 koa-router router koa

用JS实现简单的屏幕录像机

本文将介绍如何用JS实现简单的屏幕录像机。 一、录制准备 创建一个按钮 <button id="recording-toggle">Start recording</button> 书写JavaScript var RECORDING_ONGOING = false; var recordingTo ......
录像机 录像 屏幕

vue上传图片到指定文件夹

vue代码<template> <div class="app-container"> <div class="wenben"> <el-upload :disabled="dis==0?true:false" class="upload-demo" :action="uploadUrl" :on- ......
文件夹 文件 图片 vue

vue3+vite动态引入图片(import.meta.glob)

Vite官方提供的 import.meta.glob API。 这个方法一般用于批量引入js或者ts文件,但实际上这个方法就是 很多import语句的集合而已,import是可以引入图片的,所以import.meta.glob 也同样可以引入图片资源,只不过需要加入配置项 as:'url' 就可以了 ......
动态 import 图片 vue3 vite

Vue模版(主要对axios进行了封装)

Vue模版 一、优势: vue-router(包含前后置路由守卫) axios的多次封装,aixos集中管理 html、js、css、vue文件的代码规范化 引入elementui 二、环境 Node20可正常运行 三、使用方法 1.安装依赖 npm install 2.运行脚手架 npm run ......
模版 axios Vue

WPS JS表格分列代码

WPS开放平台开发文档对于TextToColumns()方法并没有做阐述(截至23年12月21日) 可以参考微软LEARN文档中VBA之Range.TextToColumns方法的说明:https://learn.microsoft.com/zh-cn/office/vba/api/Excel.Ra ......
表格 代码 WPS

vue中下载--后端返回的文档流

实现后端返回的文档流,点击下载 <div class="prom-add" @click="downLoad"><i class="el-icon-download"></i>下载</div> import request from '@/router/axios' //下载 async downL ......
文档 vue

vue 超链接 a标签 router-link

router-link https://blog.csdn.net/lixinyi0622/article/details/107206218/ https://blog.51cto.com/u_15082403/4634663 ......
router-link 标签 链接 router link

vue上传文件夹

方法1:jq import $ from 'jquery' <form id="frm-reg" :action="actionUrl"//上传地址 method="post" webkitdirectory accept="multipart/form-data" enctype="multipa ......
文件夹 文件 vue

Vue中动态(import 、require)显示img图片

vue中,经常会遇到显示图片的问题, 如果是一个普通组件的话,那么这样就可以了 <img src="../assets/images/avtor.jpg" width="100%"> 上文的弊端有两个: 首先,是采用绝对路径引入。如果以后图片移动了位置,需要修改代码。 其次,如果说图片是一个logo ......
require 动态 import 图片 Vue

Vue项目引入图片的两种场景和三种方式

场景一:public目录下的图片 public目录 public目录下的图片引入方式: Bash <!--'/images/'+图片名称,这种属于绝对路径,/指向public目录 --> <img src="/images/image.png"> 场景二:在src目录下的图片 src目录 通过imp ......
场景 方式 项目 图片 Vue

运行js文件,会弹出一个python解释器的界面,怎么解决呢?

大家好,我是皮皮。 一、前言 前几天在Python白银交流群【菜🐤】问了一个Python环境配置的问题,一起来看看吧。问题如下: 问题:下载安装nodejs,然后在pycharm专业版里面也下载了nodejs的插件,配置好运行路径后,运行js文件,会弹出一个python解释器的界面,怎么解决呢? ......
解释器 界面 文件 python

vue vue3 jsx tsx

0. 安装插件(@vitejs/plugin-vue-jsx) vite官方提供了官方的插件来支持在vue3中使用jsx/tsx,直接安装就行。 yarn add @vitejs/plugin-vue-jsx -D 安装完之后在vite.config.ts中插入一下代码 import vueJsx  ......
vue vue3 jsx tsx

边做笔试边查缺补漏——算法、js基础、vue3官方文档、八股文

边投简历边完善自己的知识库。 最近这些天一直在面试和笔试+投简历中,每次面试或笔试完后其实最重要的不是结果,而是做题的过程或者说对话的过程。因为只有这些才让我知道自己哪里还有不足,比如一碰到算法题就歇菜、vue3和vue2混用、js基础知识不牢固等等。 那我痛定思痛,有缺点咱就认咯。算法——代码随想 ......
八股文 八股 笔试 算法 文档

Vue3

1、ref和reactive 原来reactive是一个对象类型,使用reactive重新赋值一个对象不起作用 <script lang="ts" setup> import {reactive} from "vue"; let user = reactive({name: '小明', age: 1 ......
Vue3 Vue

vue3 静态配置文件

前言 有时候我们负责做的只是一个大平台系统下的某个子系统,有时候我们需要调用这个大平台系统下别的子系统的接口。 如果直接把别的接口地址,直接写在代码里,那么如果别的子系统的接口调整了,会影响到我们的系统,我们还要重新打包,部署,会很繁琐。 解决思路 我们的想法是这样: 敲代码的时候,如果要引用其他人 ......
静态 文件 vue3 vue

Vite4+Typescript+Vue3+Pinia 从零搭建(7) - request封装

项目代码同步至码云 weiz-vue3-template 基于 axios 封装请求,支持多域名请求地址 安装 npm i axios 封装 utils 目录下新建 request 文件夹,并新建 index.ts、request.ts 和 status.ts 文件。 1. status.ts 文件 ......
Typescript request Vite4 Pinia Vite

js 数组的42种方法

本文列举了数组的42个方法 欢迎关注前端早茶,与广东靓仔携手共同进阶~ 前端早茶 专注前端,一起结伴同行,紧跟业界发展步伐~ 公众号 一、前言 数组在js中作为一个非常重要的类型之一,在我们对数据处理,存储数据,条件渲染的时候经常会用到,所以随着ES的不断更新,数组的方法也是越来越多,也让我们使用数 ......
数组 方法 js

JS压缩谁最强?对比5款JS代码压缩工具

JS压缩谁最强?对比5款JS代码压缩工具 JS压缩,似乎是很简单的一个事情,通常在线就可以完成。但不同网站或工具提供的JS压缩,效果差异不小。 本文,测试国内外5个JS在线压缩工具,看看谁的效果最好。 测试用JS代码 (注:这段代码来下面要测试的JShaman网站,以压缩这段代码为例,看不同的工具压 ......
代码 工具

Vue项目 移动端禁止页面放大缩小

Vue项目 移动端禁止页面放大缩小(在安卓上可以实现禁止放大缩小,但是ios就不行) // index.html 中添加 meta 标签 <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-sca ......
页面 项目 Vue

Vue使用vue-simple-uploader上传文件夹

Vue使用vue-simple-uploader上传文件夹先睹为快1 点击上传“上传文件夹”按钮 2 选择文件夹 3 确定上传 4 上传进度 引入控件install npm install vue-simple-uploader --savemain.js配置 import uploader fro ......

JS数组转字符串(3种方法)

JavaScript 允许数组与字符串之间相互转换。其中 Array 方法对象定义了 3 个方法,可以把数组转换为字符串,如表所示。 Array 对象的数组与字符串相互转换方法 数组方法 说明 toString() 将数组转换成一个字符串 toLocalString() 把数组转换成本地约定的字符串 ......
数组 字符串 字符 方法

vue引入ts报找不到模块或其相应的类型声明

我出现这个的原因是我配置了‘@/’的路径别名配置,然后在引入ts报了这个问题。 主要原因为:在查找ts文件的时候,路径出现了问题。 解决方法(主要是第二点,第一点单纯记录了我配置的别名路径) 1.vite.config.ts进行了'@/'的别名配置 resolve: { // 路径别名配置 alia ......
模块 类型 vue

VUE3学习基础之模板语法

我的vue3学习之路总是学学停停,最开始在18年开发微信小程序,就发现小程序和vue的语法有些相似,然后就去看了vue2的文档,随后忙其它的事情就丢下了。 直到22年又开始捡起来vue3,有了组合式api,语法简明很多,然后又不知道忙什么丢下。。。 前段有些空时间,就把vue3的学习整理下,使用vi ......
语法 模板 基础 VUE3 VUE

JS获取 URL 链接参数

方法一 源码: function GetQueryString(name) { var reg = new RegExp("(^|&)"+ name +"=([^&]*)(&|$)"); var r = window.location.search.substr(1).match(reg); if( ......
参数 链接 URL

Vue上传文件夹的实现

一、上传文件夹基本流程 在Vue中,上传文件夹的基本流程如下: 1. 用户在页面中选择要上传的文件夹; 2. 将该文件夹中的所有文件进行遍历; 3. 将遍历出来的每个文件使用 formData 对象进行处理; 4. 把所有处理好的 formData 对象上传到服务器。 二、选择要上传的文件夹 在Vu ......
文件夹 文件 Vue

vue3学习笔记(四)

表单输入绑定 <!-- 文本 (Text) --> <input v-model="message" placeholder="edit me" /> <p>Message is: {{ message }}</p> <!-- 多行文本 (Textarea) --> <textarea v-mode ......
笔记 vue3 vue

vue+element 表格formatter数据格式化并且插入html标签 ;

formatter的用法: 列表内容回显, orderStatus 0 是未处理, 1是已处理等,不能直接展示,所以需要 formatter <el-table-column label="订单状态" prop="orderStatus" :formatter="statusFormatter"> ......
formatter 表格 element 标签 格式
共10100篇  :19/337页 首页上一页19下一页尾页