three vue js

快速初始化Vue3项目终端工具 x-init

https://github.com/zjy4fun/x-init 安装工具 npm install -g x-init 快速创建一个项目,只需`x projectName`即可快速创建项目,支持国内加速👀 x demo ......
终端 工具 项目 x-init Vue3

js自定义事件

//点击列表跳转到详情页面function newpage (){ //ul列表中的每个li var listpage = document.getElementById('listpage') var lis = listpage.getElementsByTagName('li') //遍历每一 ......
事件

js常考的面试题重新整理

// call Function.prototype.mycall = function(context) { // 1. 将传递给mycall的第一个参数作为函数内部的上下文,如果没有传递参数,则默认为全局对象window。 context = context || window; // 2. 在 ......

vue项目安装依赖

目录🥇如果是别人的项目(标注:别人移除了modules文件夹)🥇如果是自己的项目或者自己要另外下载依赖🥈安装生产依赖🥈安装开发依赖🥈安装特定版本🥇卸载依赖 🥇如果是别人的项目(标注:别人移除了modules文件夹) # 可以执行下面这条命令下载依赖 npm install # 或者输入 ......
项目 vue

vue中使用xlsx插件前端读取解析excel文件

问题描述 工作中一般都是后端去解析excel数据,前端使用上传组件去将excel组件丢给后端,后端使用一些插件去解析excel(比如hutool工具类) 不过有些情况下,前端也需要去做一些excel的解析,比如产品经理说,在上传excel文件之前,要做一个excel的图表化预览审核查看啥的,没问题的 ......
前端 插件 文件 excel xlsx

js 大屏屏幕适配方案,同样适用Vue

vue项目写在 index.html文件下 以1920*1080为基准的屏幕做适配,在网上找的方案在全屏于非全屏时,效果会有一点点差距,所以对代码进行了改进。 如果网页不是全屏则需要加上任务栏高度、工具栏高度进行计算缩进。 我的项目是数据大屏项目一般都是全屏看,所以非全屏时会存在滚动条,并不是bug ......
大屏 屏幕 方案 Vue js

Vue、element图片上传回显

需求:使用element的上传组件,上传图片,回显图片(可无实际上传:不调后台接口) ......
element 图片 Vue

如何在Vue3中配置国际化语言i18n

1. 安装 vue-i18n npm i vue-i18n -S 2. 创建一个i8n的配置文件 如:i18nConfig.js // 配置 vue-i18n 实现国际化语言设置 import { createI19n } from 'vue-i18n' import zh_cn from '../ ......
语言 国际 Vue3 i18n Vue

decimal.js加减乘除运算 速记

const a = 9.99; const b = 8.03; // 加法 let c = new Decimal(a).add(new Decimal(b)) // 减法 let d = new Decimal(a).sub(new Decimal(b)) // 乘法 let e = new De ......
加减乘除 decimal js

Node.js .env file All In One

Node.js .env file All In One import process from 'node:process'; // const process = require('node:process'); import { env } from 'node:process'; env.f ......
Node file All env One

关于vue的 scoped

前沿 关于在vite中使用 less | sass npm install less -D npm install sass -D 在style标签注明: <style lang="less"></style> <style lang="scss"></style> scoped scoped实现组 ......
scoped vue

创建vue3的项目和目录结构讲解

本节目标 了解Vue3 项目的结构 学习Vue3 项目的基本开发知识 Vue3 和 Vue2的开发区别 全局安装vue-cli npm i -g @vue/cli vue create vue3-json-schema-form 自定义vue3 配置 自定义配置: 选择 [自定义] ,通过方向键上下 ......
结构 目录 项目 vue3 vue

vue可以使用this.$set()来进行强制更新,进而解决问题

可以使用this.$set()来进行强制更新,进而解决问题 对象操作: 三个参数:this.$set("改变的对象","改变的对象属性","值") 数组操作: 三个参数:this.$set("数组","下标","值") ......
问题 this vue set

大屏屏幕自适应大小的JS写法

本项目用的是vue开发,首先需要定义一下根节点app节点的大小,这里用1920的默认宽度定义 <style> #app { width: 1920px; margin: 0 auto; transform: scale(1); transform-origin: 0 0; } </style> js ......
大屏 写法 屏幕 大小

Js基础-循环语句

循环语句在js当中主要用于重复做一件事情。 js当中最主要的循环语句有三种,for循环,while循环和do-while循环 for for 是一种经常被用到的循环结构 例如:控制台循环打印1到10 的数字 // for 括号后跟着 三个表达式, 三个表达式用 分号(;) 隔开 // var i = ......
语句 基础

js时间排序;js时间倒序排序,没有此属性的放最后

需求:设备列表,按最近连接时间字段-倒序排序,最近连接的放最前面,没有最近连接时间字段的放最后面 数据格式如下: 实现代码如下:(o2在前,o1在后为倒序排序;正序排序则反之) 若为简单常见的创建时间排序,可直接如下:(o2在前,o1在后为倒序排序;正序排序则反之) ......
倒序 时间 属性

Vue3+Axios网络请求封装(转)

转自:原文链接:https://blog.csdn.net/weixin_43295498/article/details/130939488 代码说明 代码主要分为以下几个部分: import导入模块。在这个代码段中,我们导入了axios和element-plus两个模块,并对其进行了解构。 定义 ......
Axios 网络 Vue3 Vue

vue3 表头显示小图标

<!-- 排班信息 --> <el-table v-resize:44 :data="tableData" class="table" border style='margin: 10px 0px' highlight-current-row element-loading-text="数据正在加载 ......
表头 图标 vue3 vue

【源码】Vue.js 官方脚手架 create-vue 是怎么实现的?

最近系统学习了vue.js 的官方脚手架create-vue的源码,深入分析了里面的技术实现细节,本文是我整理的源码学习文章。 ......
脚手架 create-vue 源码 官方 create

vue 页面导出为pdf与word

vue 页面导出为pdf与word 一.导出为word 基于 docxtemplater 来导出word文档的方法 1.安装引用依赖 // 安装 docxtemplater npm install docxtemplater pizzip --save // 安装 jszip-utils npm i ......
页面 word vue pdf

前端科普系列-Node.js:换个角度看世界

前端科普系列-Node.js:换个角度看世界 无名之辈 一个有代码洁癖的前端小开发,热爱生活,追求极致 ​关注他 55 人赞同了该文章 摘要 本系列文章旨在帮助学习者了解前端,主要覆盖前端的基础知识,但不深入讲解,定位为大而全并非细而精,适合非前端开发的同学对前端有一个系统的认识,能更好的与前端开发 ......
前端 科普 看世界 角度 Node

使用Github Action在Github Pages上部署vue页面

Github Action部分: name: NodeJS on: push: branches: [ "master" ] # Sets permissions of the GITHUB_TOKEN to allow deployment to GitHub Pages permissions: ......
Github 页面 Action Pages vue

Vue2x的自定义指令

在某些情况下,我们需要对底层DOM进行操作,而内置的指令不能满足需求,就需要自定义指令。一个自定义指令由一个包含类似组件的生命周期的钩子的对象来定义,钩子函数会接收到指令所绑定的元素作为参数。 定义指令 常用两种方式进行自定义指令,一种是全局定义,另一种在当前组件中定义 // 局部定义 export ......
指令 Vue2x Vue2 Vue 2x

canvas+js接金币小游戏

忙里偷闲,让UI小伙伴帮忙搞了几个图片元素,利用飞机大战代码进行修改,做个接金币小游戏~ var canvas = document.getElementById("canvas"); var context = canvas.getContext("2d"); var imgWidth = win ......
金币 小游戏 canvas js

vue兄弟组件传参

实现兄弟组件之间的参数传递可以通过以下方法: 使用共同的父组件来传递参数。 在父组件中定义一个数据属性,用于保存需要传递给兄弟组件的参数。 Copy export default { data() { return { message: 'Hello', }; }, }; 在父组件的模板中引用两个兄 ......
组件 兄弟 vue

vue~对象的浅拷贝

浅拷贝 上面对浅拷贝的解释是否有问题?具我所知,浅拷贝只是复制了对象的属性,而复制出来的对象的引用与原始对象是不同的,这就是说,在修改新对象时,它不会影响到原始对象。 javascript中的实现 JavaScript 中可以使用不同方法实现对象的浅拷贝。浅拷贝只复制对象的第一层属性,不会复制嵌套对 ......
拷贝 对象 vue

Vue3中的几个坑,你都见过吗?

Vue3 目前已经趋于稳定,不少代码库都已经开始使用它,很多项目未来也必然要迁移至Vue3。本文记录我在使用Vue3时遇到的一些问题,希望能为其他开发者提供帮助。 1. 使用reactive封装基础数据类型 传统开发模式中,数据声明很简单。但是在Vue中有多个响应式变量声明方式,整体的使用规则如下: ......
Vue3 Vue

vue2打包组件发布到npm

1.使用 vue create projectName 新建一个项目 2.将src的文件夹名称改为example,便于我们调试代码 3.增加packages文件夹,其下面的index.js代码如下 import panel from './panel/index.vue' const compone ......
组件 vue2 vue npm

vue3下载文件

const dow= async (url: string,fileName:string) => { mulSelUrls.value=[] mulSelUrls.value.push(url as never) const requests = mulSelUrls.value.map(url ......
文件 vue3 vue

Vue vs React:你需要知道的一切

Vue 和 React 是创建 JavaScript 网络应用程序最常用的两种工具。但我们该如何在两者之间做出选择呢?在本篇 Vue 与 React 的对比中,我们将尝试找出答案。我们将回顾每种工具的优缺点,提供选择使用哪种工具的技巧,并帮助你开始使用。 总览 什么是Vue? Vue趣事 什么是Re ......
React Vue vs