布局vue web

vue3

Vue3快速上手 1.Vue3简介 2020年9月18日,Vue.js发布3.0版本,代号:One Piece(海贼王) 耗时2年多、2600+次提交、30+个RFC、600+次PR、99位贡献者 github上的tags地址:https://github.com/vuejs/vue-next/re ......
vue3 vue

《渗透测试》WEB攻防-通用漏洞&SQL读写注入&MYSQL&MSSQL&PostgreSQL 2022 Day25

1 mysql一些命令介绍 1 load_file() 通过select load_file('xx.xx');读取文件 读取文件并返回文件内容为字符串。要使用此函数,文件必须位于服务器主机上,必须指定完整路径的文件,而且必须有FILE权限。 该文件所有字节可读,但文件内容必须小于max_allow ......
amp PostgreSQL 漏洞 MYSQL MSSQL

在js、vue中使用方法调用a标签

<el-button type="primary" style="width:130px" @click="shout"> <a :href="跳转页面地址" style="color:#fff" id="test">超链接</a> </el-button> methods: { shout() { ......
使用方法 标签 方法 vue

Vue3中的Vuex

store.js //vuex import { createStore } from 'vuex' ​ export default createStore({ state: { num:1 }, mutations: { /** * @description: 修改num成新的num * @pa ......
Vue3 Vuex Vue

Vue3综合使用案例

父组件 <template> <h3>父组件</h3> <div>{{ num }}</div> <div ref="box">使用ref获取dom</div> <div>watch监听数据-{{ watchVal }}</div> <about-view ref="child" :datas="n ......
案例 Vue3 Vue

vue table type=select列不能使用if判断

因为当前这个selection用【querySource】字段状态来判断显示和隐藏,在el-table标签里需要加:key=“querySource” ......
select table type vue

web服务器-apache

1 apache简介 讲解apache之前需要首先说明一下几个概念。 HTML 语言 :超文本标记语言。使用html语言编写的文本叫超文本,“超文本”就是指页面内可以包含图片、链接,甚至音乐、程序等非文字元素。 HTTP 协议:超文本传输协议。HTTP使用统一资源标识符(URL)来建立连接和传输数据 ......
服务器 apache web

Android应用借助LinearLayout实现垂直水平居中布局

首先说的是LinearLayout布局下的居中一般是这样的: (注意:android:layout_width="fill_parent" android:layout_height="fill_parent" 属性中,若水平居中,至少在宽度上占全屏;若垂直居中,则在高度上占全屏) <LinearL ......
LinearLayout 布局 水平 Android

优化 vue 使用 webpack 打包,出现的缓存问题 及 项目部署问题

https://blog.csdn.net/qq_39264561/article/details/124844878 ` const path = require("path"); const webpack = require("webpack"); const timeStamp = new ......
问题 缓存 webpack 项目 vue

vue配置src为@

步骤1:配置jsconfig.js 位置:项目根目录/jsconfig.js { "compilerOptions": { "baseUrl": "./", "paths": { "@/*": ["src/*"] } }, // @ 不能在以下目录的文件中使用 "exclude": ["node_m ......
vue src

Unknown custom element: <el-tabs> - did you register the component correctly? For recursive components, make sure to vue.runtime.esm.js?c320:619provide the "name" option.

mad 从官网上扒下来的 一模一样就是一直报错 然后一直百度 百度上的答案五花八门 没一个有用的 草!!!!! 这个原因就是你没有在项目中引入element-ui 所以你用它的组件会报错 第一步 npm i element-ui -S 第二步 在main.js里面加入 import ElementU ......

Vue脚手架学习笔记

title: Vue脚手架 date: 2023-03-06 15:10:21 tags: Vue 一、 脚手架文件结构 |--node_modules |--public | |--favicon.ico:页签图标 | |--index.html:主页面 |--src | |--assets:存放 ......
脚手架 笔记 Vue

spring-web中的annotation注解之十:@ModelAttribute

spring-web中的annotation注解之十:@ModelAttribute 1、@ModelAttribute注解在方法上:*该方法在Controller每个方法执行前会被调用,没有返回值的 @ModelAttribute 方法使用 model.addAttribute(String ke ......

vue组件化开发---插槽的使用

插槽基本介绍 在开发中,我们会经常封装一个个可复用的组件: 前面我们会通过props传递给组件一些数据,让组件来进行展示; 但是为了让这个组件具备更强的通用性,我们不能将组件中的内容限制为固定的div、span等等这些元素; 比如某种情况下我们使用组件,希望组件显示的是一个按钮,某种情况下我们使用组 ......
组件 vue

Vue根据时间戳制作倒计时15分钟

废话不多说直接上代码 <script> export default { data() { return { downTimeShow: true, timer: null, downTime: '', nowTime: '', orderList:[ {addTime:'2023.03.27 13 ......
时间 Vue

vue "vue-awesome-swiper": "^4.1.1" 的使用

<!-- swiper1 --> <swiper class="swiper gallery-top" :options="swiperOptionTop" ref="swiperTop"> <swiper-slide v-for="item in img_list" :key="item.id" ......
quot vue-awesome-swiper vue awesome swiper

开源: golang+vue的论坛 和 node+react的IM系统

最近基于开源做了两个自己系统 都是UI非常好看的 我将两个系统的数据互通了 附带了一些产品思考 只需要一个邮箱就可以登录 无密码 无手机号 尽量简化流程 第一个论坛 站点 https://bulita.cn 现在主要是聚合招聘信息 目标是尽可能降低招聘和求职的门槛 以上海和远程工作为主 开源地址 h ......
golang 系统 react 论坛 node

前端常见的十种布局

作为一个开发小白,也是第一次编写博客文章,若有错误请各位大牛大佬指正,轻喷!!! 我在学校接触最多的就是前端,然后最近在学习新的前端知识,发现前端布局常见的有很多种,不同的应用场景有不同的布局方式,下面就来简单介绍一下吧。 静态布局 浮动布局 定位布局 栅格布局 table布局 弹性(flex)布局 ......
前端 布局 常见

spring-web中的annotation注解之五:@ExceptionHandler

spring-web中的annotation注解之五:@ExceptionHandler 解释:异常处理注解,该注解作用对象为方法,并且在运行时有效,可以指定异常类型也可以不指定。 方法的参数:由该注解注释的方法可以具有灵活的输入参数,异常参数e、ServletRequest/HttpServlet ......

vue+Element-ui实现表格拖拽排序功能

1、首先需要下载sortablejs第三方包 2、在需要排序的页面文件里引入: import Sortable from 'sortablejs' data() { return { apiObjDrag: [], productList:[],整个列表数据项 } }, methods:{ //行- ......
Element-ui 表格 Element 功能 vue

flask-结合vue2小案例

flask后端代码 先安装插件:flask-cors pip install flask-cors app.py from flask import Flask,jsonify,abort from flask_cors import cross_origin # cross_origin这个装饰器 ......
案例 flask vue2 vue

System.Web.Services.Protocols.SoapException: 服务器无法处理请求。

在postman调用webservice时提示这个,但是用网页可以调用。 <?xml version="1.0" encoding="utf-8"?> <soap:Envelope xmlns:soap="http://www.w3.org/2003/05/soap-envelope" xmlns: ......

vue2基于 vue-cropper插件对图片裁剪

<template> <div id="app"> <div class="model" v-show="model" @click="model = false"> <div class="model-show"> <img :src="modelSrc" alt /> </div> </div> ......
vue-cropper vue 插件 cropper 图片

vue3中在setup方法中使用 provide,inject,组件上下层,直接传值和方法

一个简简单单的案例 app.vue <template> <div> app <Second/> </div> </template> <script> import { provide } from 'vue'; import Second from './components/Second.vu ......
方法 组件 上下 provide inject

面向Web开发人员的Linux实用入门

从 web 开发的视角说一下在使用 Linux 时遇到的问题,主要是针对操作本身,因为指令在网上都可以查到,不会深入原理,但尽量实用。 基础认知 为什么使用 Linux 最初我使用 Linux 是因为我需要的应用在教程里只提供了 Linux 版本,于是我就按步骤把它部署起来,就这样顺其自然地用了下去 ......
人员 Linux Web

vue3获取url参数的值

<script setup name="Welcome"> import { onMounted } from 'vue'; import { useRouter } from 'vue-router'; const $router = useRouter(); onMounted(() => { ......
参数 vue3 vue url

Vue3 脚手架

1. 使用vue-cli创建脚手架 PowerShell vue create vue3_test # 创建vue3工程,vue-cli版本必须在4.5.13以上 PowerShell npm run serve # 运行工程 2. 使用vite创建脚手架 方式一: PowerShell npm i ......
脚手架 Vue3 Vue

对于Vue3和Ts的心得和思考

Vue3已经正式发布了一段时间了,各种生态已经成熟。最近使用taro+vue3重构冷链的小程序,经过了一段时间的开发和使用,有了一些自己的思考。 ......
心得 Vue3 Vue

【web】http请求中的 OPTIONS 详解 & 跨域

1. 导读 有过跨域请求的同学们应该发现过一个http请求有时会请求2次的时候,今天就给大家说说这个http请求的OPTIONS 方法是如何产生以及作用是啥。 2. 解释 互联网上的各个节点之间本来都是连通的,但是有些节点,比如我们的个人电脑连接另外一些节点(比如服务器)的时候,总是通过浏览器。这样 ......
OPTIONS http web amp

vue动态绑定内联样式(v-bind:style)

一、对象语法 <div :style="{ color: activeColor, fontSize: fontSize + 'px' }"></div> data() { return { activeColor: 'red', fontSize: 30 } } <div :style="styl ......
样式 动态 v-bind style bind