vite 动态 import 引入打包报错解决方案

关注公众号: 微信搜索 前端工具人 ; 收货更多的干货 原文链接: 自己掘金文章 https://juejin.cn/post/6951557699079569422/ 关注公众号: 微信搜索 前端工具人 ; 收货更多的干货 一、介绍 之前一直是使用 webpack 构建项目, 但是那种随着项目越来 ... »

Vue.js 带下拉选项的输入框(Textbox with Dropdown)组件

带下拉选项的输入框 (Textbox with Dropdown) 是既允许用户从下拉列表中选择输入又允许用户自由键入输入值。这算是比较常见的一种 UI 元素,可以为用户提供候选项节省操作时间,也可以给可能存在的少数情况提供适配的可能。 本来想着这个组件比较常见应该已经有比较多现成的例子可以直接应用 ... »

封装Vue纵向表头左右结构的table表格

我们前端开发人员在使用表格的过程中,大概率碰到的都是表格头部在表格的最上边,然后呈一行展示,紧接着就是表格的每一行的每一个单元格来展示具体内容的场景,很少会遇到表格的头部呈纵向一行展示,也就是说表格的头部在左边,具体的内容在右边(也可以说是左右结构)这种使用场景,而且有时候的场景可能会是纵向表头有两... ... »

vue+element+oss实现前端分片上传和断点续传

纯前端实现: 切片上传 断点续传 。断点续传需要在切上上传的基础上实现 前端之前上传OSS,无需后端提供接口。先上完整代码,直接复制,将new OSS里的参数修改成自己公司OSS相关信息后可用,如遇问题,请继续往下看。 oss官方文档 https://help.aliyun.com/document ... »

day03---Vue(04)

一、组件 组件(Component)是 Vue.js 最强大的功能之一。 组件可以扩展 HTML 元素,封装可重用的代码。 组件系统让我们可以用独立可复用的小组件来构建大型应用,几乎任意类型的应用的界面都可以抽象为一个组件树: 1、局部组件 创建 01-1-局部组件.html <!DOCTYPE h ... »

Webpack 5 配置手册(从0开始)

针对新手入门搭建项目,Webpack5 配置手册(从0开始) webpack安装顺序 1. `npm init -y`,初始化包管理文件 package.json 2. 新建src源代码目录 3. 新建index.html 4. `yarn add webpack webpack-cli`,安装we ... »

vue 项目集成 husky+commitlint+stylelint

最近刚换了新工作,这两天也没有业务上的需求,做了一些前端工程化方面的东西。要在现有的项目中集成 husky+commitlint+stylelint,也不能对现有代码产生影响。 使用 lint 的目的: 拒绝错误代码被提交到代码仓库 修复、美化代码 简单介绍一下库: 我们在创建 vue 项目的时候, ... »

vue文本滚动组件

看了好多网上的文本组件,发现好多都有这样那样的问题;特别是滚动的时候失真的感觉,今天整合了文本滚动的方式用CSS的 animation写出一套组件;VUE项目直接用。感觉有用的朋友关注下 效果图,gif制作有卡顿,实际效果我是没发现卡顿 1. 横向文本滚动 /* 横向文本滚动 */ <templat ... »

vue 给一个值重置初始值

查了下资料很多都是如下: 1. this.$options.data() 这个可以获取原始的data值,this.$data 获取当前状态下的data,拷贝重新赋值一下就行了。 1 Object.assign(this.$data, this.$options.data()); 2.下面写个某个值的 ... »

Vue 插槽之插槽内容学习总结

插槽内容使用方法介绍 父组件中引用支持插槽内容的子组件,形如以下(假设子组件为NavigationLink.vue) <navigation-link url="/profile"> Your Profile </navigation-link> 然后在子组件<template> 模板中使用<slo ... »

uni-app(二)接口请求封装,全局输出api

在项目 main.js 同级创建 utils 文件夹, utils里创建 config.js文件,存储重要参数 // 获取平台信息 const { system, } = uni.getSystemInfoSync() // 请求服务器环境,xxx 在这里是填充,请自行替换 let baseUrl ... »

js 数组的浅拷贝和深拷贝

1.背景介绍 javascript分原始类型与引用类型。Array是引用类型,直接用“=”号赋值的话,只是把源数组的地址(或叫指针)赋值给目的数组,指向的是同一个内存地址,其中一个改变另一个也会改变。并没有实现数组的数据的拷贝。这种方式的实现属于浅拷贝。 深拷贝是开辟新的储存空间,两个对象对应两个不 ... »

越来越受欢迎的Vue想学么,90后小姐姐今儿来教你

摘要:Vue的相关技术原理成为了前端岗位面试中的必考知识点,掌握 Vue 对于前端工程师来说更像是一门“必修课”。 本文原作者为尹婷,擅长前端组件库研发和微信机器人。 我们发现, Vue 越来越受欢迎了。 不管是BAT大厂,还是创业公司,Vue都被广泛的应用。对比Angular 和 React,三者 ... »