three vue js
如何在VUE3中使用Axios
## 1、安装Axios `npm install axios` ## 2、封装一个api.ts `import axios from 'axios'; const api = axios.create({ baseURL:'http://localhost:8080', timeout: 1000 ......
[SWPUCTF 2022 新生赛]js_sign
[SWPUCTF 2022 新生赛]js_sign 题目来源：nssctf 题目类型：web 涉及考点：JS分析 1. 题目给了一个传入口，不管传入什么都回显 ‘fuck off ’ * 查看源代码： * 看到一个base64编码，先解码看看： 2. 搜了下发现tapcode是个编码方式，于是对fl ......
vue.js:用el-breadcrumb显示当前路由(vue@3.2.36/element-plus@2.2.2)
一，代码: 官方文档地址： https://element-plus.gitee.io/zh-CN/component/breadcrumb.html 代码: 1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 2 ......
node js版本管理工具---NVM
一、前言 nvm（Node Version Manager）是一个node的版本管理工具，可以快捷的进行node版本的安装、切换、卸载、查看等。它能够在项目开发中根据不同需求轻松切换所依赖不同版本的Node.js，从而让开发者可以在不同的环境之间进行切换，从而更好地保证软件的稳定性运行。 二、安装 ......
vue-scrollmagic 滚动动画制作插件
1、需求： 在做网站的时候、需要加一个根据页面滚动位置进行页面变化的效果。 2、实现方案： 自己写个滚动监听也不是很复杂、但是管理维护起来比较乱。所以直接找了这个插件 官网：vue-scrollmagic、插件地址 3、使用： 安装 npm i vue-scrollmagic --save 载入 / ......
JS截取url中？后面的参数值的两种方法
方法一： 例如：得到的url var url = window.location.href; var querys = url.substring(url.indexOf('?') + 1).split('&'); var result=[]; for(var i=0;i<querys.length ......
js日期格式化的两种方法
1.当我们想先获取当前的时间时，这是第一种方法 特别简单：返回格式 Thu Jul 28 2022 15:04:32 GMT+0800 (中国标准时间) new dateNow = new Date(); //Thu Jul 28 2022 15:04:32 GMT+0800 (中国标准时间) 科普 ......
vue循环生成echarts图表
1. 效果图 2. 引入echarts npm install echarts --save 3. main.js全局引入 4. 页面 data数据是从后台接口中返回的，需要通过watch监听来获取created方法中获取到的数据。用mounted由于是异步调用，是获取不到created中的数据的。 ......
记录--一个好用的轮子 turn.js 实现仿真翻书的效果
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 国际惯例，官网链接 官网传送门 Github地址 github上有几个demos例子，介绍了基础用法。 我参考官网的例子，写了一个demo示例 安装 turn.js 依赖 jquery 库，所以需要先安装 jquery npm insta ......
终极low的vue+node+mysql的登录和注册页面
一次失败的项目 注*本次没有写完 一，本次项目的心里历程 其实压根算不上项目，项目只有登录和注册其他的什么也没有，不过是自我安慰罢了，本项目也不是我本人自己写的，思路很多都是从网上抄袭的，算是超级缝合聚怪了。 本来要写的详细的但是后来想了想太烂了，目前来说就罢了，之后慢慢写吧。 二，本次项目大致需要 ......
ruby web 实战(9）-vue 3基础（2）
[TOC] # 定位到导入的 vue 使用导入映射表 (Import Maps) 来告诉浏览器如何定位到导入的 vue： ```html world {{ message }} ``` ......
three.js学习1（vue3）
1.引入threejs npm install --save three 在组件内 import * as THREE from 'three' 2.创建容器 创建canvas标签，为3D渲染建立容器 <template> <div> <canvas id="three"></canvas> </d ......
vue多选框
# vue多选框 ## 多选框(选中传id) ### 效果图  点击确定后传入后台id ![image]( ......
Vue中使用Echarts---小记
# Echarts使用小结 > vue环境使用echarts ## 1. 柱状图 ### 1.1 分析 **当前需求：** - 有横向滚动条； - 柱条的颜色为渐变色； - 鼠标悬浮自定义展示（展示数据百分比） **示例图：** ![](https://img2023.cnblogs.com/blo ......
Js 之promise、async 和 await
一、示例代码 <html> <head></head> <body> <script src="jquery.js"></script> <script> const login = async function(){ var a = await new Promise((resolve, reje ......
Vue实现el-upload上传一张图片后上传框消失
代码如下： <template> <body> <el-col span="12" :push="7"> <!-- auto-upload为是否自动加载；action为图片要上传到的地址，这里随便填一个，因为暂时不用 --> <!-- class为动态样式选择，是实现上传图片后上传框消失的关键 -- ......
js实现浏览器端大文件分块上传
第一点：Java代码实现文件上传 FormFile file = manform.getFile(); String newfileName = null; String newpathname = null; String fileAddre = "/numUp"; try { InputSt ......
深度解析Vue Router原理：实战指南与实用技巧
本文将深入解析Vue Router的核心原理，帮助读者全面理解Vue Router在Vue.js单页面应用中的作用和工作原理。从URL路由、路由表、导航守卫到组件渲染等方面进行逐步剖析，让读者了解每个概念的含义和相互关系。
同时，我们将提供实战指南和实用技巧，通过丰富的代码示例和案例分析，帮助读者学... ......
vue 滚动条事件监听
css: .active{ margin-top:-60px; } .trans{ transition: all 300ms; } > ` mounted() { // 监听页面滚动事件 window.addEventListener("scroll", this.scrolling); }, b ......
vue实现浏览器端大文件分块上传
这里只写后端的代码，基本的思想就是，前端将文件分片，然后每次访问上传接口的时候，向后端传入参数：当前为第几块文件，和分片总数 下面直接贴代码吧，一些难懂的我大部分都加上注释了： 上传文件实体类： 看得出来，实体类中已经有很多我们需要的功能了，还有实用的属性。如MD5秒传的信息。 public c ......
为什么React与Vue很难互相取代?
React和Vue很难相互取代，主要因为它们都拥有庞大的生态系统和活跃的社区支持，提供了平滑的学习曲线和良好的开发体验。它们有不同的设计理念和特性，满足不同项目需求。同时，已经拥有大量用户和粉丝基础，使得它们在市场中稳固地占据一席之地。因此，选择框架时，开发者应考虑具体项目需求、团队技能和个人偏好来 ......
VUE3、ElementPlus 重构若依vue2 表单构建功能
# Vue3 + ElementPlus + Vite 重构 若依Vue2 表单构建功能 若依官方的Vue3 版本发布已经有段时间了，就是这个表单构建功能一直没有安排计划去适配到Vue3！ 前段时间公司需要做个类似的功能，就直接借鉴若依Vue2的来直接改了 吐槽下：vuedraggable-vue3 ......
坑：vue2在props时仅接受第一次返回数据的解决办法
今天在做项目时遇到了一个bug，在列表页进入详情页时带入list以便子组件遍历使用，使用props传参，该list在父组件由`created`生命周期函数访问接口获取，然后子组件在使用时，直接使用`props`接收并调用，大概代码如下： ```js // 父组件 ... created(){ get ......
浅聊一下，React会不会被VUE取代？
开发项目只有最合适的选择，而没有绝对最好的框架。每个项目都有自己的独特需求、团队背景和时间限制，因此，在选择合适的框架时需要仔细权衡各种因素。 ......
编程开发 --- 浏览器注入js
需求： 在不修改代码的情况下修改程序执行的功能，我们也称为hook技术。我想加一个获取输入框数值到达18位自动发送http请求到后端检索数据库。难点是CORS安全问题和iframe嵌套问题，这里是使用油猴脚本自带的发送功能规避cors问题。 解决办法： 油猴脚本注入js 具体步骤： 0.创建示例文本 ......
Vue打开新窗口
方式一： openNewWindow() { const { href } = this.$router.resolve({ path: "/preview", }); window.open(href, "_blank", "width=900, height=700"); }, 方式二： <ro ......
使用impress.js实现超炫库的幻灯片
1.本人的示例项目 项目一：gitee 2.更多列子 github 3.其他博客 impress.js 使用教程 – 王进的个人网站 (jingege.wang) ......
Yunfly 一款高效、性能优异的 node.js web 框架
# 介绍 `Yunfly` 一款高性能 Node.js WEB 框架, 使用 `Typescript` 构建我们的应用。 使用 `Koa2` 做为 HTTP 底层框架, 使用 `routing-controllers` 、 `typedi` 来高效构建我们的 Node 应用。 Yunfly 在 Ko ......
基于markdown的幻灯片，vue2集成vue-mark-display，实现在线制作幻灯片
1.使用组件 组件源码版本license vue-mark-display 地址 0.2.2 MIT @toast-ui/editor 地址 3.1.5 MIT jshint 地址 2.13.6 MIT jsonlint 地址 1.6.3 MIT 2.组件代码 TuiEditor 3.使用 <Tui ......
在线代码编辑器，vue2集成codemirror
1.使用组件 组件源码版本license vue-codemirror 地址 4.0.6 MIT script-loader 地址 0.7.2 MIT 2.组件代码 Codemirror 3.组件使用 <Codemirror v-model='form.content'></Codemirror> ......