three vue js
html+js实现多文件上传、预览
html+js实现多文件上传、预览 当我们需要上传图片时，一般是通过文件上传的方式上传图片到服务器，但有时候我们需要在上传之前预览图片，以便查看是否选择了正确的图片或者调整裁剪等。这时我们就需要用到前端技术来实现图片预览功能。 下面将介绍如何使用 HTML、CSS 和 JavaScript 实现文件 ......
【外观设计模式详解】C/Java/JS/Go/Python/TS不同语言实现
简介 外观模式（Facade Pattern），也叫门面模式，是一种结构型设计模式。它向现有的系统添加一个高层接口，隐藏子系统的复杂性，这个接口使得子系统更加容易使用。 如果你需要一个指向复杂子系统的直接接口，且该接口的功能有限，则可以使用外观模式。或者需要将子系统组织为多层结构，可以使用外观。 作 ......
vue-video-player简单例子之mp4视频链接
1.首先，在终端中使用以下命令安装vue-video-player npm install --save video.js vue-video-player 2.然后，在Vue.js组件中导入vue-video-player，并将其注册为组件 <template> <div> <video-play ......
vue生产环境跨域不生效
vue生产环境跨域不生效 开发环境跨域 项目集成了百度地图的api，在接入ip查询地址等功能时返回跨域报错，所以使用vite配置文件配置服务代理来解决。传送门 生成环境失效 测试跟我说内网功能失效了，在验证了程序确实build到最新版本之后，使用f12发现了api访问的地址并没有代理到百度地图api ......
JS 字符串特殊字符全部替换空
#1、方法 const formatStr = (str) => { const value = str.replace( /[`:_~!@#$%^&*() \+ =<>?"{}|, \/ ;' \\ [ \] ·~！@#￥%……&*（）—— \+ ={}|《》？：“”【】、；‘’，。、-]/g, ......
免费分享前端面试题，vue面试题，TypeScript基础知识点 PDF格式
免费分享前端资料，面试题，电子书 接前端开发，带徒弟，一对一教学，远程协助，bug修改 微信： ......
js 代码箱
1 <!--得出一个永远不会重复的日期格式的字符串,包括毫秒,用于AJAX输出一个不重复参数,以避免不刷新,function全部写在head节点内--> 2 <script type="text/javascript"> 3 function getNowTime() { 4 var date = ......
自制 js 的 trim、right、left、instrRev、instr、mid 函数
//用惯了 VB 系列语法的 instr 和 mid 函数，在 js 里面处理字符串总是感觉束手束脚 //跟 Basic 语法比起来，其他语言的字符串处理函数的确非常不方便！！！因此，必须自己写个仿 Basic 语法的 javascript 的常用字符串处理函数库来用！！！ // 以下是经过多次修正 ......
Vue3.0学习二
组合式API：setup 在beforecreate之前就执行了。 import { ref, toRefs, toRef , h} from 'vue' export default { props:{ name: { type: String } }, //setup中使用props中的数据 s ......
vue前端纯小白向快速扫盲贴集合
看的一些博客，对于刚入门被前端各种东西搞得头昏的小白扫盲还是很有帮助的，可以快速理解前端总说的一些东西到底是干什么的。 1 创建vue项目所需外部环境 node npm vue/cli脚手架 官网下载node.js 直接下一步下一步即可，管理员打开cmd 执行 node -v正确返回版本 如何升级n ......
vue admin plus 的菜单权限判断，菜单隐藏过滤，函数路径
main.ts -> setupRouter()router/index.ts -> setupPermissions()router/permissions.ts -> getUserInfo() && setRouters()store/modules/routes.ts -> filterRo ......
首先下载xm-select.js文件，然后放到项目里
layui.config({base:'../../layuiadmin/'//静态资源所在路径}).extend({index:'lib/index',//主入口模块xmSelect:"xm-select"}).use(['index','element','form','xmSelect'],f ......
支持多种文件(docx、excel、pdf)预览的vue组件库，支持vue2/3。
原文链接 https://github.com/501351981/vue-office 功能特色 一站式：提供docx、pdf、excel多种文档的在线预览方案，有它就够了 简单：只需提供文档的src(网络地址)即可完成文档预览 体验好：选择每个文档的最佳预览方案，保证用户体验和性能都达到最佳状态 ......
vue之按键事件与修饰符
按键事件 按键事件就是，按了键盘的一个按键，就会触发绑定函数的执行。 |按键|说明| | | | |keyup|按键弹起的时候触发（最常用）| |keydown|按键按下的时候触发| |keypress|按键按压的时候触发| 语法 # 在标签上进行定义 @keyup="函数" @keydown="函 ......
Vue中axios请求后res返回204，no content，res.data为undefind
一直以为后台只要返回200-299之间的状态码就没问题，就是这个错误认知，花了三个小时终于想到解决办法 附上axios 地址 axios中文文档|axios中文网 | axios (axios-js.com) 前面一直想着后台能接收处理请求，肯定不是后台问题，一直花时间配置前端请求指令，以及设置响应 ......
JS 模拟鼠标事件mouse over、click
<!DOCTYPE html> <html> <head> <meta charset="utf-8"> <meta http-equiv="content-type" content="text/html; charset=utf-8"> <meta name="renderer" content ......
k8s前端js、css等资源文件CDN加速
序言：用户访问网站，网站的加载速度直接影响着用户体验问题；前端js、css等文件资源需要加速访问处理； 方案一：js、css、png等资源打包到文件服务器，文件服务器抛出连接，工程项目打包的时候publicpath使用文件服务器访问链接； 如图： 需要购买文件服务器，把资源文件推送到文件服务器上，由 ......
前后端Vue分离开发平台的前期准备
摘要： 之前我下载的一个快速开发平台，生成的前端代码不是Vue类型的，我发现下载的版本出现问题。我去找了一个前后端分离Vue的快速开发平台。但是配置又重新配，配置的过程中出现了很多的bug。 问题及解决 1、Mybatis-plus的技术升级 Could not resolve type alias ......
vue3.0和2.0的区别
Vue.js是一个渐进式JavaScript框架，Vue.js 3.0相比于2.0有以下区别: 更快：Vue.js 3.0的渲染速度比2.0快了近30%。 更小：Vue.js 3.0的体积比2.0小了41%。 更易维护：Vue.js 3.0的代码结构更加清晰，更易于维护。 更易于原生：Vue.js ......
使用vue2从零开始搭建自己的组件库（完整版）
前言 在前端开发中，除了常用的UI组件库以外，我们还会涉及到基于公司业务，需要定制化开发一些业务组件，还有随着项目的增多，开发人员的增多，为了提高工作效率，我们就需要统一管理好已开发好的业务组件。这时候我们就需要搭建自己的组件库，因为涉及到一些公司的业务，我们只能发布到私服的npm上。下面几点是我们 ......
VSCode自建vue示例模板
步骤 打开File->Preferences->Configure User Snippets 选择New Global Snippets file... 输入名字（自定义），填入以下内容，注意修改vue.js路径 { "Print to console": { "prefix": "vue", " ......
VUE3 目录结构
├── dist/ └── src/ ├── api/ // 接口请求目录 ├── assets/ // 静态资源目录 ├── common/ // 通用类库目录 ├── components/ // 公共组件目录 ├── router/ // 路由配置目录 ├── store/ // 状态管理目录 ......
一个 OpenTiny，Vue2 Vue3 都支持！
TinyVue 是一套跨端、跨框架的企业级 UI 组件库，支持 Vue 2 和 Vue 3，支持 PC 端和移动端。今天给大家介绍如何同时在 Vue2 和 Vue3 项目中使用 TinyVue。 ......
vue全家桶进阶之路28：项目仓库Gitee
Gitee（之前称为GitCafe）是一种基于web的Git仓库托管服务，在中国很受欢迎。它为开发人员提供了一个平台，可以托管他们的Git仓库，与其他开发人员协作，并管理他们的代码。 https://gitee.com/ Gitee支持多种版本控制工具，包括Git和SVN。它还提供了一些高级功能，例 ......
vue全家桶进阶之路27：Vue.js 3.0的下载和安装
使用脚手架vue-cli创建vue3项目，创建前需要准备以下： 1、node.js环境 见：https://www.cnblogs.com/beichengshiqiao/p/17251233.html 2、npm、cnpm工具 见：https://www.cnblogs.com/beichengs ......
vue全家桶进阶之路26：Vue.js 3.0与Vue.js 2.x 的比较和注意事项
Vue.js 3.0 是 Vue.js 框架的最新版本，于 2020 年 9 月正式发布。Vue.js 3.0 主要的改进和新特性包括： 更好的性能：Vue.js 3.0 使用了更快的虚拟 DOM 实现，比 Vue.js 2.0 更快。 更小的体积：Vue.js 3.0 的代码体积比 Vue.js ......
vue之双向数据绑定v-model
简介 在vue中，当修改了变量，页面内容会根据变量的变化而变化。但是如果页面变化了，变量不会变化，这个就是单向数据绑定。当页面变化，变量也会跟着变化，这个是双向数据绑定 语法 <input type="text" v-model="变量"> 示例 <body> <div id="app"> <!-- ......
vue全家桶进阶之路25：Vue2的停维通知
Vue 2 的技术支持会持续多久？从官方发文来看，Vue 2.7 是当前、同时也是最后一个 Vue 2.x 的次级版本更新。Vue 2.7 会以其发布日期，即 2022 年 7 月 1 日开始计算，提供 18 个月的长期技术支持 (LTS：long-term support)。在此期间，Vue 2 ......
vue之事件修饰符
修饰符 |事件修饰服|释义| | |.stop|只处理自己的事件，子控件不再冒泡给父控件| |.self|只处理自己的事件，子控件的冒泡不处理| |.prevent|阻止a标签链接的跳转，也可以修改跳转页面| |.once|事件只会触发一次(适用于抽奖页面)| .stop事件 <div id="ap ......
vue之过滤、筛选功能的实现
需求 给定一个列表(模拟数据)，根据用户输入，自动筛选输入的内容并输出到屏幕 代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> <script src="./js/jQuery ......