布局vue web
Vue-案例-新增品牌
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>添加品牌</title> </head> <body> <div id="app"> <h3>添加品牌</h3> <form action="" method= ......
web开发基础笔录(5)-Javascript(1)
[TOC] # 概述 JavaScript(简称“JS”)是一种具有函数优先的轻量级,解释型或即时编译型的编程语言。虽然它是作为开发Web页面的脚本语言而出名,但是它也被用到了很多非浏览器环境中,JavaScript基于原型编程、多范式的动态脚本语言,并且支持面向对象、命令式、声明式、函数式编程范式 ......
开发软件 --- java web 容器
JavaWeb容器是一种运行JavaWeb应用程序的环境,提供对Servlet和JSP等技术的类库支持。以下是一些常见的JavaWeb容器: 轻量级 Apache Tomca 流行的开源轻量部分支持的javaweb容器。支持Servlet、JSP和WebSocket等技术。 Jetty 高性能的开源 ......
Vue 数组中出现__ob__: Observer无法取值[已解决]
Vue 数组中出现__ob__: Observer无法取值[已解决] 代码如下 ![](https://img2023.cnblogs.com/blog/1119068/202307/1119068-20230704131350952-1843095638.png) ![](https://img2 ......
springboot+vue
springboot+vue总结 今天来总结一下前几天学的springboot+vue 首先呢vue是用来绘制前段界面的类似于html,springboot是后端数据处理,这两个将前后端分离,只需要留出对应接口就可以以实现基于端口的前后数据互通,当然这个数据互通我是用的是传统的axios请求 首先是 ......
Solon Web 开发:四、认识请求上下文(Context)
Java 新的生态型应用开发框架:更快、更小、更简单。
启动快 5 ~ 10 倍;qps 高 2~ 3 倍;运行时内存节省 1/3 ~ 1/2;打包可以缩到 1/2 ~ 1/10;同时支持 jdk8, jdk11, jdk17, jdk20, graalvm native image。 ......
Solon Web 开发:三、一个简单的 Web 模板项目(或示例)
Java 新的生态型应用开发框架:更快、更小、更简单。
启动快 5 ~ 10 倍;qps 高 2~ 3 倍;运行时内存节省 1/3 ~ 1/2;打包可以缩到 1/2 ~ 1/10;同时支持 jdk8, jdk11, jdk17, jdk20, graalvm native image。 ......
2023-07-04 如何处理vue中不能监听到父传子组件props的变化
前言:父传值给子组件,子组件需要根据传进来的值进行watch监听props中的值并遍历插入一个值,然后同时子组件的页面会跟着渲染。 问题就是:子组件无法拿到watch更新的props值,比如传进一个list,然后通过watch来监听并在list里面加入一个新的值,前端页面拿不到新的值故而报错。 原因 ......
idea配置vue.js启动vue项目
最近老师给力一个项目比赛,那个是前后端分离的。 我之前了解过一些,我也配置过idea的vue.js,但是好久不用忘了。 所以重新找回了一下: ......
flex布局四个div盒子前三个盒子左对齐,后面的盒子右对齐
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>flex布局</title> <style> *{ margin: 0; padding: 0; } .box { display: flex; justify-c ......
关于vue的跨平台打包方式
在先前写了一个vue的程序,想着万一以后会用到网页端转移动端的功能,就尝试着使用打包功能。 1.使用cordova进行跨平台的打包(需要准备:java,sdk(最好下一个android studio,要做好发墙的准备),gradle等) 具体操作可以参考https://blog.csdn.net/q ......
03 :vue3 条件渲染
1 <template> 2 <h1>条件渲染</h1> 3 4 <P>1、v-if v-else 示例:</P> 5 <div v-if="flag">你能看见我么,if</div> 6 <div v-else>那你还是看看我吧,else</div> 7 8 <p>2、v-else-if 示例:< ......
最新windows10 下搭建vue开发环境
特别说明:下面任何命令都是在windows的命令行工具下进行输入,打开命令行工具的快捷方式如下图: 详细的安装步骤如下: 一、安装node.js 说明:安装node.js的windows版本后,会自动安装好node以及包管理工具npm,我们后续的安装将依赖npm工具。 node.js的官方地址为:h ......
vue通用的增删改查按钮组件
1. 代码复用:这个组件可以在多个页面或组件中使用,避免了重复编写相同的按钮代码。 2. 灵活性:通过`showButtons`属性,可以根据需要显示不同的按钮。默认情况下,它会显示添加、修改和删除按钮,但你也可以根据具体情况传递其他值来显示或隐藏按钮。 3. 可定制性:每个按钮都有自己的点击事件处 ......
前端Vue自定义精美悬浮菜单按钮fab button 可设置按钮背景颜色 菜单按钮展开条目
#### 前端Vue自定义精美悬浮菜单按钮fab button 可设置按钮背景颜色 菜单按钮展开条目,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13321 #### 效果图如下: ![](https://p3-juejin. ......
前端Vue自定义精美上下滚动通告栏组件 常用于展示公告信息 上下滚动跑马灯 上下滚动广播
#### 前端Vue自定义精美上下滚动通告栏组件 常用于展示公告信息 上下滚动跑马灯 上下滚动广播,下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13318 #### 效果图如下: ![](https://p3-juejin.b ......
关闭vue项目中Uncaught runtime errors弹窗页面
![markdown](https://img-blog.csdnimg.cn/70f1130771aa477194bc9ba08f943c06.png) 看控制台发现有webpack类名,应该是webpack搞出来的 *** ###解決办法 再vue.config.js中添加以下配置: ```ja ......
前端Vue自定义精美宫格菜单按钮组件 可设置一行展示个数 可设置成九宫格 十二宫格 十五宫格
#### 前端Vue自定义精美宫格菜单按钮组件 可设置一行展示个数 可设置成九宫格 十二宫格 十五宫格 , 下载完整代码请访问uni-app插件市场地址:https://ext.dcloud.net.cn/plugin?id=13315 #### 效果图如下: ![](https://p3-juej ......
2023/7/4常见WEB漏洞原理分析
一、SQL注入漏洞 SQL注入攻击(SQL Injection),简称注入攻击、SQL注入,被广泛用于非法获取网站控制权,是发生在应用程序的数据库层上的安全漏洞。在设计程序,忽略了对输入字符串中夹带的SQL指令的检查,被数据库误认为是正常的SQL指令而运行,从而使数据库受到攻击,可能导致数据被窃取、 ......
Solon Web 开发:二、开发知识准备
Java 新的生态型应用开发框架:更快、更小、更简单。
启动快 5 ~ 10 倍;qps 高 2~ 3 倍;运行时内存节省 1/3 ~ 1/2;打包可以缩到 1/2 ~ 1/10;同时支持 jdk8, jdk11, jdk17, jdk20, graalvm native。 ......
Solon Web 开发:一、开始
Java 新的生态型应用开发框架:更快、更小、更简单。
启动快 5 ~ 10 倍;qps 高 2~ 3 倍;运行时内存节省 1/3 ~ 1/2;打包可以缩到 1/2 ~ 1/10;同时支持 jdk8, jdk11, jdk17, jdk20, graalvm native。 ......
【2.0】前端基础之web服务端本质
# 【2.0】前端基础之web服务端本质 # 【一】软件开发架构 ## 【1】B/S B:客户端 S:服务端 ## 【2】C/S C:浏览器 S:服务端 > C/S 本质上也是B/S # 【二】浏览器访问页面发生了哪些事 - 1.浏览器向服务端发送请求 - 2.服务端接收请求 - 3.服务返回相应的 ......
【七】CSS之弹性布局
# 【七】CSS之弹性布局 ## 【1】什么是弹性布局 - 随着技术的发展,那么在当前市场上,安装浏览器的客户端越来越多,设备也越来越多,所以CSS提供的布局,不仅应用于PC端,还可以应用于移动端设备 - 例如:watch、ipad,mobile等,甚至包括机器人界面、智能屏、智能电视机、3D广告屏 ......
Vue3学习-01_前端工程化与webpack
## 背景 最近在学习Vue知识,参照的教程是[黑马程序员官网](https://www.itheima.com/)提供的免费前端教程,这里记录一下自己的学习笔记以及遇到的相关问题。 ## 前端工程化的概念及优点 前端工程化指的是:在企业级的前端项目开发中,把前端开发所需的工具、技术、流程、经验等进 ......
vue项目中的package.json的private选项的作用
{ "name": "项目名称", "description": "描述", "version": "版本", "private": true, "author": "test Team", "license": "MIT", } 如果你在你的 package.json 中设置了“private”: ......
CSharp的@microsoft/signalr实时通信教程 - 前端 vue
1. 安装@microsoft/signalr pnpm install @microsoft/signalr --save 2. 封装组件 js import * as signalR from '@microsoft/signalr' export function SignalR () { c ......
编程开发 --- vue是什么
只面向视图层的html模板引擎 只面向视图层指的是可以在浏览器独立运行且只关注视图。 模板引擎指的是使得html具备完备编程语言的特性。比如if语句 Vue是一种用于构建用户界面的渐进式JavaScript框架。它是一个开源项目,由尤雨溪(Evan You)开发,并得到了广泛的社区支持和贡献。 Vu ......
让IIS支持.NET Web Api PUT和DELETE请求
前言 有很长一段时间没有使用过IIS来托管应用了,今天用IIS来托管一个比较老的.NET Fx4.6的项目。发布到线上后居然一直调用不同本地却一直是正常的,关键是POST和GET请求都是正常的,只有PUT和DELETE请求是有问题的。经过一番思考忽然想起来了IIS默认情况下拒绝处理PUT和DELET ......
Vue-案例-查询所有
<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>Title</title> </head> <body> <a href="addBrand.html"><input type="button" value= ......