three vue js

Vue04-vue-router

# vue-router 目前前端流行的三大框架, 都有自己的路由实现: - Angular:ngRouter - React:ReactRouter - Vue:vue-router Vue Router 是 Vue.js 的官方路由: 它与 Vue.js 核心深度集成,让用 Vue.js 构建单 ......
vue-router router Vue vue 04

SpringBoot+vue使用bcrypt对注册密码加密及登录校验

一、注册 1.后端 在pom.xml文件中加入 <dependency> <groupId>org.springframework.security</groupId> <artifactId>spring-security-crypto</artifactId> </dependency> lom ......
SpringBoot 密码 bcrypt vue

Vue引入Element组件

直接在VS Code的VueCLI的项目里进行npm安装,终端输入 npm i element-ui -S 显示报错信息,-4048,看了一下应该是我权限不够,虽然这里的VSCode也是Powershell的终端命令。 打开桌面主菜单,选择管理员命令行,切换到指定的文件下,然后安装element,成 ......
组件 Element Vue

vue3中 TypeError: track(...) is not a function

我这边遇到的是在使用到element-plus的一个<el-input>标签时就开始出现(TypeError: track(...) is not a function),我怀疑这是element-plus与vue的版本问题,查看element-plus github的Releases 发现支持的版 ......
TypeError function track vue3 vue

amzon s3/minio获取预签名上传url,及js使用预签名url上传文件

$("#btnSubmit").click(function (event) { var file = $("#ipfile")[0].files[0]; var contentType=!!file.type?file.type:"video/x-flv"; //请求api接口:调用amzon s ......
url 文件 amzon minio s3

基于JAVA的sprinboot+vue车辆充电桩,附源码+数据库+论文+PPT

**1、项目介绍** 利用springboot、Java、idea和mysql数据库等知识点,结合相关设计模式、以及软件工程的相关知识,设计一个车辆充电桩管理系统,来进行记录用户的信息,以及系统信息的增删改查的功能,根据实现需求,系统需完成这些基本功能: (1)系统合理显示系统首页界面,管理员界面, ......
sprinboot 源码 车辆 数据库 数据

electron_vue

# 安装 npm i element-ui -S ![](https://img2023.cnblogs.com/blog/1648896/202305/1648896-20230527115927734-1690098711.png) ## Q: 安装 npm 时,如果要安装的库版本与要安装到的项 ......
electron_vue electron vue

理解JS中数组的常见应用

JavaScript中数组是用方括号包裹起来的一组元素,各元素之间以逗号隔开,例如: var array = [1,2,4,6]; 如上述代码所示,数组array是若干整数构成的数组。 数组元素的获取 获取数组元素需采用数组名加下标的方式。下标从0到数组长度减一,第一个元素用arry[0]表示,第二 ......
数组 常见

Spring boot+vue打包、上传宝塔面板并配置https

终于把网站搞完了,也终于能够通过域名访问了,这次就简单回顾一下这么多时间的经历,总结一下。 项目地址[穆音博客](https://blog.muvocal.com),本文发布原地址在[Spring boot+vue打包、上传宝塔面板并配置https](https://blog.muvocal.com ......
宝塔 面板 Spring https boot

Node.js

作为一个异步事件驱动的 JavaScript 运行时,Node.js 被设计用来构建可扩展的网络应用。在下面的 “Hello World” 示例中,可以并发处理许多连接,每一个连接都会触发一个回调,而当没有可做的事情时,Node.js 就会进入休眠状态。 ``` ### 启动node.js cons ......
Node js

第一个react.js程序:create and show comment

import React, { Component } from "react"; import { render } from "react-dom"; import PropTypes from "prop-types"; const node = document.getElementById ......
comment 程序 create react show

js原型prototype(实例构造函数的属性) __proto__(实例对象的属性) constructor(实例构造函数prototyper的属性)

function Person(name,age){ this.name=name this.age=age } Person.prototype.sayHi=function(){//原型是公共方法 console.log(this.name+' say hi!!') } const p1=new ......
实例 属性 函数 原型 constructor

VUE3

https://github.com/moocstudent/vue-war 昨天通过vue官网建立了vue项目,逐渐看了下组合式/选项式 API的区别 虽然在前几个月里,通过做SH的伙计给的单子接触了VUE ANTD,但是实际 上对其原理未知(难道只能说跟前天面试的一样,问Jquery是跟JS都是 ......
VUE3 VUE

JS遍历对象修改属性值

# JS遍历对象修改属性值 根据接口返回数据中number属性值,对数据进行截取,并改变属性名.直接上码: 下面是需要处理的数据 ``` let data={"minValue":7400, "maxValue":"18500", "value":{ "value":[ {"dmdDate":"20 ......
属性 对象

vue3中computed计算属性函数

# vue3中computed计算属性函数 ``` 目标:现在vue3的使用越来越普遍了,vue3这方面的学习我们要赶上,今天说一下vue3中computed计算属性的使用。 ``` **computed函数在vue2中我们都了解过,当我们需要一个值,这个值随着其他值变化而变化,我们就将其放进com ......
函数 computed 属性 vue3 vue

Koa.js笔记

### 一、路由 可以使用router的库 koa没有路由处理,需要自己去找库 ### 二、静态资源处理 `npm i koa-static` 如果路径想使用别名,需要引入另一个包 `npm i koa-mount` #### 路由重定向 ```javascript router.get('/bar ......
笔记 Koa js

python 爬虫 动态网页反爬虫js加密破解思路

# python 爬虫 动态网页反爬虫js加密破解思路 ## 前言 > 最近接了一个单子,需求很简单:爬一个公告目录网站,并且检测公告正文中是否存在关键词。 听见需求马上就接了,口口声声保证1天以内交单,然而,开始分析网站才发现自己有多么天真。 ## 分析 网站排版很复古,并且用jsp写的,这代表网 ......
爬虫 思路 网页 动态 python

基于Electron24+Vite4+Vue3搭建桌面端应用

一说到创建桌面应用,就不得不提及Electron和Tauri框架。这次给大家主要分享的是基于electron最新版本整合vite4.x构建vue3桌面端应用程序。 之前也有使用vite2+vue3+electronc创建桌面端项目,不过 vue-cli-plugin-electron-builder ......
Electron 桌面 Vite4 Vite Vue3

java基于springboot+vue时间管理系统、日记管理系统,附源码+数据库+lw文档+PPT

**1、项目介绍** 本次设计任务是要设计一个时间管理系统,通过这个系统能够满足时间管理的管理功能。系统的主要功能包括首页,个人中心,系统公告管理,用户管理,时间分类管理,事件数据管理,目标数据管理,用户日记管理等功能。 管理员可以根据系统给定的账号进行登录,登录后可以进入时间管理系统,对时间管理系 ......
管理系统 系统 springboot 源码 文档

Vue computed出现Error in render: "TypeError: XXX is not a function"问题

原来: computed:{ currentTimeA: function() { return Date.now(); } } <div>{{currentTimeA()}}</div> 在运行的时候出现vue.js:634 [Vue warn]: Error in render: "TypeEr ......
quot TypeError computed function render

vue3:setup语法糖

## 1.setup语法糖简介 直接在script标签中添加setup属性就可以直接使用setup语法糖了。 使用setup语法糖后,**不用写setup函数;组件只需要引入不需要注册;属性和方法也不需要再返回,可以直接在template模板中使用**。 ## 2.setup语法糖中新增的api d ......
语法 setup vue3 vue

系统化学习前端之Vue(vue2)

## 前言 vue2 截止 2023 年 12 月 31 日不再维护更新,将全面拥抱 vue3 了。 ## vue2 vue2 是一个实现 UI 层的渐进式 js 框架。vue2 本质是一个类,可以配置 options API 实例化为一个 vm 对象,通过模板编译处理成虚拟 DOM,对比更新后生成 ......
前端 系统 vue2 Vue vue

总结Vue3 的一些知识点:Vue3 计算属性

Vue3 计算属性 计算属性关键词: computed。 计算属性在处理一些复杂逻辑时是很有用的。 可以看下以下反转字符串的例子: 实例 1 <div id="app"> {{ message.split('').reverse().join('') }} </div> 实例 1 中模板变的很复杂起 ......
知识点 Vue3 Vue 属性 知识

总结Vue3 的一些知识点:Vue3 项目打包

Vue3 项目打包 打包 Vue 项目使用以下命令: cnpm run build 执行以上命令,输出结果如下: 执行完成后,会在 Vue 项目下会生成一个 dist 目录,该目录一般包含 index.html 文件及 static 目录,static 目录包含了静态文件 js、css 以及图片目录 ......
知识点 Vue3 Vue 项目 知识

vue3 后台返回数据没有返回字段是true和false 值的时候,循环数组,点击单个元素单个元素变化的写法

最原始的写法 <template> <div> <div v-for="(item, index) in items" :key="item.id" :class="{ active: item.active }" @click="handleClick(item)"> {{ item.text } ......
单个 元素 数组 写法 字段

Vue3 el-input实时转大写、自动去掉空格、光标不跳动

直接上代码: <script setup> import {ref,nextTick } from 'vue' let inputValue = ref(null) let inputRef = ref(null) const handleInput = () => { // 获取光标位置 cons ......
大写 光标 空格 实时 el-input

前端vue中实现文件下载的几种方法 四种方法, a.download = "重新下命名下载文件名"

前端vue中实现文件下载的几种方法 原文链接:https://blog.csdn.net/weixin_46074961/article/details/105677732 第一种 前端创建超链接,通过a标签向后端发送get请求,需要给a标签添加一个download属性 这种写法是创造了一个a标签, ......
文件 方法 quot 前端 文件下载

js 转换image data 成黑白色。

We can even make it pure black and white by using the following calculations: * black = 0 - 382 * white = 383 - 765 And it will result in the followin ......
白色 image data js

vue <treeSelect标签中树形选择返回非必填调整以及清内存需手动清理

绑定必须相同 校验规则需trigger我这边用的是change(数据发生改变时发生变化触发),原来用的blur(失去焦点时触发) 如上解决了我此次第一次选择完数据还报非必填问题 清理缓存 手动清理了一下dataform中的gcl的数据 要不然新增完事后还会返回数据 ......
树形 treeSelect 手动 内存 标签