写法vue2 vue js
SyntaxError: /xxxx.vue: Unexpected token, expected “,“，[object Promise]export { render, staticRende}
#### 本地老工程vue2.7.x+webpack4在升级webpack5的时候遇启动和打包报错: ```bash Syntax Error: SyntaxError: /xxxxx.vue Unexpected token, expected "," (1:8) > 1 | [object Pr ......
vue3 vite后台管理模板项目打包报错 Some chunks are larger than 500 KiB after minification解决办法
1、错误原因分析： 超过块大小限制，块大小默认500 KB 2、解决办法： 在vite.config.js 中增加 output 配置项 build: { chunkSizeWarningLimit: 1500, // 调整包的大小 rollupOptions: { output: { // 最 ......
Vue中使用Element
Vue中使用Element.UI菜单完成主体页面搭建一.搭建ElementUI基础环境（基于脚手架）1.新建空的文件夹,文件夹命名自定义2.在文件资源管理器上方输入cmd3.然后在控制台中输入vue create (自定义名称)注意:只支持小写 输入完后按Enter4.在第一个选择项中选择Manua ......
NodeJS系列（12）- Next.js 框架 (五) | 样式 (Styling) 、部署（Deploying）
在 “NodeJS系列（8）- Next.js 框架 (一) | 安装配置、路由（Routing）、页面布局（Layout）” 里，我们简单介绍了 Next.js 的安装配置，创建了 nextjs-demo 项目，讲解和演示了 Next.js 项目的运行、路由（Routing）、页面布局（Layou ......
vue3常见的难点
vue中params和query的区别，以及具体用法：https://blog.csdn.net/weixin_42282727/article/details/107505014 route、router区别：https://blog.csdn.net/m0_67948827/article/de ......
JS入门第一节
 ```html 点击触发页面弹窗 ``` ```js alert('努力，奋斗') ``` ![image ......
js获取当前月的第一天和最后一天
可以使用Date对象来获取当前月的第一天和最后一天。 获取当前月的第一天： var date = new Date(); date.setDate(1); var firstDay = date.toLocaleDateString(); console.log(firstDay); 获取当前月的最 ......
前端基础-js
一.Map和Set有什么区别 在JavaScript中，Map和Set都是ES6引入的新的数据结构，但它们有一些关键的区别。Map：1. Map主要用于键值对的存储。每个元素由一对键值组成。2. Map中的键可以是任何类型，包括函数、对象等。3. Map的键是有序的，因此当对Map进行遍历时，元素的 ......
vue3传属性时报错 [Vue warn]: Component is missing template or render function.
上网查这个问题，解决方案很多，没有一款适合我。。。先说我的解决办法，如果解决不了再往下看，我的原因是 用的子组件的ref和子组件的标签名一样了： <ChildComponent1 ref="ChildComponent1" :parent-data="data" > <template #slot- ......
vue3新语法糖——setup script
vue3新语法糖——setup script CoCoyY1 2021-03-27 12:5241480 前言 vue3上线已经很久了，许多小伙伴应该都已经使用过vue3了。那么在使用vue3composition API的时候有没有觉得整个过程会比较繁琐呢。比如当你定义了一个方法，然后发现模板需要 ......
JS判断类型的几种方式
1.typeof 2.instanceof 3.constructor 4.Object.prototype.toString.call([]) 5.Array.isArray() ......
Node.js 获取项目根目录的几种方法
`module.filename`：开发期间，该行代码所在的文件。 `__filename`：表示当前正在执行的脚本的文件名。它将输出文件所在位置的绝对路径，且和命令行参数所指定的文件名不一定相同。 如果在模块中，返回的值是模块文件的路径。 始终等于 module.filename。 `__dirn ......
js筛选数组排除多个多个不符合项
const arr = [ { label: '2', value: '2' }, { label: '1', value: '1' }, { label: '3', value: '3' } ] // 把value=1和value=2的数据筛掉 let newArr = arr.filter(op ......
vue2公共组件=》筛选条件
源码 <template> <div class="c__filter" :style="`height: ${showFilter ? 'auto' : '47px'}`" v-if="filterNum > 0" ref="tableFilter" > <div class="c_filter_ ......
JS数据类型详解
JS的数据类型分为基本数据类型+引用数据类型 基本数据类型： number,boolean,string,null,undefined, symbol(独一无二并且不可变的数据类型)，bigint 引用数据类型： Function，Array，Object 区别： 基本数据类型由于所占内存大小可控所 ......
vue无缝循环轮播
在网上看了几个无缝循环轮播的实现方法，使用方法都比较复杂，所以这里提供一种比较简单的实现方式 gitee: https://gitee.com/philippines-kisses-snow/rotation ## 结构和理论梳理 ### 理论 .href document.getElementById('hero-img').src = imgUrl 官网地址： ......
【校招VIP】前端JS语言考点之Vue考察
考点介绍： Vue是一套用于构建用户界面的渐进式框架。与其它大型框架不同的是，Vue 被设计为可以自底向上逐层应用。Vue 的核心库只关注视图层，不仅易于上手，还便于与第三方库或既有项目整合。另一方面，当与现代化的工具链以及各种支持类库结合使用时，Vue 也完全能够为复杂的单页应用提供驱动。 一、考 ......
Node.js面试题
Node.js面试题 1、你了解 Node. js吗？ Node. js是一个基于 Chrome v8引擎的服务器端 JavaScript运行环境；Node. js是一个事件驱动、非阻塞式I/O的模型，轻量而又高效；Node. js的包管理器npm是全球最大的开源库生态系统。 2、Node. js的 ......
vue 实现 pdf 预览功能
随着互联网的发展，PDF 文件在信息交流和文档分享中起着重要的作用。通过在 Vue 组件中实现 PDF 预览功能，我们可以为用户提供便捷的内容阅读体验。
通过阅读本文，读者将了解如何在 Vue 中实现强大的 PDF 预览功能，为用户提供方便的阅读体验。无论你是刚入门的 Vue 开发者，还是有一定经... ......
JS常见的设计模式
#单例模式 点击查看代码 ```js ``` 使用单例模式实现一个简易版的vuex3 ```html ++ -- ``` #组合模式 点击查看代码 ``` ``` #策略模式 点击查看代码 ``` ``` #观察者模式 点击查看代码 ``` ``` ......
Vue的数据更新，页面不更新的解决办法
## 可能原因 更新的数据跟源数据不是同一个，即不是同一个引用 ## 解决办法 最稳妥的办法，可通过拿到源数据取索引的方式进行数据的更新，如： 有一个源数据叫：originData 那么如果在更新时，通过`this.originData[index].time = newValue`的方式进行更新， ......
html、css、js实现的一个简单计算器
title: html、css、js实现的一个简单计算器 date: 2023-07-17 21:51:46 categories: CTF-Web入门 description: 简易计算器 主要代码来自runoob的计算器示例，只是精简了一下，把在js里监听完成的清除输入区也写成了一个函数，点击按 ......
vue面试2
VUE2 1. 为什么.Vue被称为“渐进框架”? 使用渐进式框架的代价很小，从而使现有项目(使用其他技术构建的项目)更容易采用并迁移到新框架。Vue.js 是一个渐进式框架，因为你可以逐步将其引入现有应用，而不必从头开始重写整个程序。 Vue的最基本和核心的部分涉及“视图”层，因此可以通过逐步将V ......
vue3 文件上传进度条组件
index.vue文件 <template> <div class="confirm-modal"> <transition name="fade"> <div class="modal-dialog" @click="clickMaskToClose ? handleCancel() : null ......
vue开发超级方便的Node版本管理器nvm
nvm全名node.js version management，是 nodejs 的版本管理工具 可以在一个环境中同时安装多个 nodejs 版本（和配套的 npm 版本），并随时切换 开发调试不同 nodejs 应用变得更省心，随时切换所需要的版本。 github地址： nvm git 地址 nv ......