布局vue web

20201306 Exp8 Web安全

一、实践内容 Web前端HTML 能正常安装、启停Apache 理解HTML,理解表单,理解GET与POST方法,编写一个含有表单的HTML Web前端JavaScipt 理解JavaScript的基本功能,理解DOM 在(1)的基础上,编写JavaScript验证用户名、密码的规则。在用户点击登陆 ......
20201306 Exp8 Exp Web

javascript web api,bom&dom

Api 1. 获取dom元素 const x = document.querySelector('选择器') querySelectorAll返回的是伪数组 2. 操作元素内容 对象.innerText 对象.innerHTML 会解析标签 3. 操作元素样式属性 1. style <script> ......
javascript api amp bom dom

vue父子组件通信

一:在子组件中通过this.$parent.event来调用父组件的方法 父组件: <template> <div> <child></child> </div> </template> <script> import child from './components/dam/child'; exp ......
父子 组件 vue

vue自动导入组件和自动导入类库 api

vue3 项目中,使用 vue 常用的 api 比如 vuex 的 api 或者 ref,reactive 等,以及导入多个自定义组件、UI 组件库的组件,都需要反复的手动导入,注册,很是影响开发体验,这里推荐 antfu 开源的两个插件,上链接: 自动导入组件 https://github.com ......
组件 vue api

Vue3 引入 jquery

通过 js包的方法 引入 jquery 当然也可以用 npm install jquery --save-dev 方法 但 引用 js包 方法 配置相对简单,在npm遇到问题时可采用此种方式 一.下载 jquery压缩包 官网下载:jquery.com/download/ 二.在根目录下 publi ......
jquery Vue3 Vue

vue平铺日历组件之按住ctrl、shift键实现跨月、跨年多选日期的功能

一开始看到这个功能需求,我也很懵逼,因为从来没有做过啊,哈哈。。。但转念一想既然产品能提出这个需求,想必会有人实现过,就去网上查了查资料,果不其然,还真有人做过,但离我想要的效果还是差着十万八千里,所以按照网上大神的思路,结合我司的实际需求,自己就把它给捣鼓出来了。 其实刚做好的效果还是能实现产品... ......
组件 日历 日期 功能 shift

Vue3 useReusableTemplate 优雅的复用模板代码

### 在Angular中有一个很好用的功能,即在不封装组件的情况下复用模板代码: > eg: ```html hello, {{title}} ``` > 我们通过`ng-template`和`ng-container`的`ngTemplateOutlet`即可实现模板复用,非常的好用!! ### ......
useReusableTemplate 模板 代码 Vue3 Vue

windows环境下的vue部署(使用nginx)

首先需要将vue项目打包成dist,在需要部署的服务器上进行解压 然后我们使用nginx进行反向代理设置,具体操作如下 打开解压后的nginx,进入目录:nginx-1.23.4->conf,打开编辑nginx.conf *注意:对于后端路径的映射这里一定是 ^~/前缀/ 对应于地址的 端口/前缀/ ......
windows 环境 nginx vue

无法处理文件 resx,因为它位于Internet或受限区域中,或者文件上具有Web标记。要想处理这些文件,请删除Web标记。

解决方法很奇葩,右击文件,点击属性,但是这个安全不一定能出的来,我点击了好几次才出现这个解除锁定选项。 ......
文件 标记 Web Internet 区域

vue中<script setup>中使用watch方法

在setup选项里使用watch有两种办法。 ## 第一种:使用watchEffect watchEffect立即执行传入的一个函数,同时响应式追踪其依赖,并在其依赖变更时重新运行该函数,可以接收watchEffect的返回值用来停止监听。 示例: ``` {{message}} 修改message ......
方法 script setup watch vue

vue中<script setup>中使用computed方法

在setup选项里使用computed需要手动引入computed方法,computed接受一个 getter 函数,并根据 getter 的返回值返回一个不可变的响应式 ref 对象。或者,接受一个具有 get 和 set 函数的对象,用来创建可写的 ref 对象。下面来看示例。 父组件index ......
computed 方法 script setup vue

vue2子组件切换,监听方法失效(监听多个字段)

记录下问题 本来是在父页面上放了多个子组件,利用单选按钮控制每个组件,选择了某个按钮,设置该组件控制字段为true,例如v-if="component"来控制销毁创建,根据component=true或者flase来控制子组件创建或者销毁 后来发现子组件切换时,监听不生效,监听方法也加了immedi ......
字段 组件 多个 方法 vue2

如何给布局或者控件添加边框

# 如何给布局或者控件添加边框 我在学习和开发 JavaFX 程序时,对 Pane 会有一些疑问,比如: - 它们的大小是怎样的? - 它们的大小和父节点或者窗口的关系是怎样的? 相同的问题在控件上也存在,比如一个 Label 到底占据了多大的空间(因为默认 Label 没有边框展示)? 我想,如果 ......
边框 控件 布局

vue中<script setup>中使用watch、computed、props等方法

` // 通过props传过来的是一个静态值,如果需要赋值给双向绑定的数据 ``` * 带默认值的props ``` export interface Props { msg?: string labels?: string[] } const props = withDefaults(define ......
computed 方法 script props setup

vue this.$set的作用

在Vue.js中,`this.$set`是一个用于在Vue实例中设置响应式属性的方法。它允许您在不重新创建整个对象的情况下添加新的响应式属性。 Vue.js通过观察对象的属性来追踪其变化,从而实现数据的响应式。然而,当您添加一个新的属性时,Vue无法自动追踪该属性的变化。这就是`this.$set` ......
作用 this vue set

vue 性能优化

组件静态导入 import Some from "@/components/Some.vue"; 组件动态导入 import {defineAsyncComponent} from "vue"; const Some = defineAsyncComponent(()=>{ return impor ......
性能 vue

网络对抗实验八 Web安全

[toc] #一、实践内容 ##(一)前端HTML ###1. 打开Apache 输入```service apache2 start```打开Apache服务; 输入```netstat -aptn```查看端口信息,如果80端口被Apache2监听,则启动成功。 ![](https://img2 ......
网络 Web

Python异步编程之web框架异步vs同步 无IO任务压测对比

在python编程中,通过协程实现的异步编程号称能够提高IO密集型任务的并发量。本系列比较web服务器同步框架和异步框架的性能差异,包括无IO接口和常见IO操作,如文件、mysql、redis等。使用压测工具locust测试相同条件下两种编程模式能够处理请求的速度。 ......
框架 任务 Python web

go web学习(五)

跟着刘旭老师学go web做的笔记 【Go Web 编程快速入门【Golang/Go语言】(完结)】 https://www.bilibili.com/video/BV1Xv411k7Xn/?p=27&share_source=copy_web&vd_source=03c1dc52eeb374782 ......
web go

web组态可视化编辑器

随着工业智能制造的发展,工业企业对设备可视化、远程运维的需求日趋强烈,传统的单机版组态软件已经不能满足越来越复杂的控制需求,那么实现web组态可视化界面成为了主要的技术路径。 行业痛点 对于软件服务商来说,将单机版软件转变为网页版软件已经到了势在必行的阶段。但是,转变是一个复杂的过程,尤其是软件里面 ......
组态 编辑器 web

基于springboot+vue数码论坛系统设计与实现、论坛管理系统,附源码+数据库+lw文档+PPT

**1、项目介绍** 考虑到实际生活中在数码论坛方面的需要以及对该系统认真的分析,将系统权限按管理员和用户这两类涉及用户划分。 (1)系统功能需求 登录系统后,主要模块包括首页、数码板块、数码评价、数码论坛、畅聊板块、新闻资讯、个人中心、后台管理等功能。系统功能用例图如图3-1所示。 ![](htt ......
系统 论坛 springboot 源码 管理系统

Exp8 Web综合

@[TOC](这里写目录标题) # 一、实践内容 **Web前端HTML** 能正常安装、启停Apache 理解HTML,理解表单,理解GET与POST方法,编写一个含有表单的HTML **Web前端JavaScipt** 理解JavaScript的基本功能,理解DOM 在(1)的基础上,编写Jav ......
Exp8 Exp Web

记录--使用率比较低的10个Web API

这里给大家分享我在网上总结出来的一些知识,希望对大家有所帮助 avaScript中有些API可能使用率比较低,下面我们逐一介绍它们的用法和使用场景。 至于标题,主要是想让你进来看看,兄弟们别打我! Blob API Blob API 用于处理二进制数据,可以方便地将数据转换为Blob对象或从Blob ......
使用率 Web API

常见问题——web项目报错:System.BadImageFormatException: IL 范围不正确。

### 问题:Web部署IIS后报错:System.BadImageFormatException: IL 范围不正确。 ### 解决方案: * 法1:重新编译,编译的时候选则适应的平台:x32 * 法2:IIS->应用程序池->选中当前的项目->右键高级设置->启用32位应用程序:true ......

vue3.0组件封装

**组件全局祖册** 1.建立公共文件夹 my-ui 2.index.js文件导出全局祖册组件的install方法 ![](https://img2023.cnblogs.com/blog/2184338/202305/2184338-20230517192434243-1598447317.png ......
组件 vue3 vue

web3 产品介绍:Mirror.xyz是一个创新的去中心化出版平台

Mirror.xyz是一个创新的去中心化出版平台,它使作者能够创建、发布和管理自己的内容,并与读者建立直接的经济联系。在本文中,我们将介绍Mirror.xyz的主要特点、功能以及如何使用它来发布和消费内容。 一、Mirror.xyz的特点 去中心化出版:Mirror.xyz采用去中心化的方式,将权力 ......
Mirror 产品 平台 web3 web

MVC4 部署 could not load file or assembly system.web.http.webhost.....出错

1.确保项目是.net 4.0版本 2.如下图标出的部分,确保这个dll引用是项目本地,找到项目下的“引用”,找到对应的引用右键属性,将“复制本地”改为True,这里我们可以在项目下新建一个存入dll的文件夹,将这些dll放在这个文件夹里面,路径引用改为复制本地为True后就自动引用这个文件夹的路径 ......
assembly webhost system could MVC4

vue项目国际化

#### 1、安装i18n ``` npm install vue-i18n -S 安装版本 8.26.5, 9.2.2亲测项目报错 ``` #### 2、main.js ```js // 引入 lang/index.js import i18n from './lang/index.js' // ......
项目 国际 vue

【Java Web】MultipartFile和byte[]互转

接口接收文件@RequestParam("file") MultipartFile file MultipartFile转byte[] String name = file.getName(); String originalFilename = file.getOriginalFilename() ......
MultipartFile Java byte Web

ele+vue简单操作

绑定值和字符串拼接: 1、:title="`字符串${xx}`" 2、:title="'字符串' + xx" 3.异步回调 setTimeReflush: function () { var _this = this; return new Promise(function (resolve, re ......
ele vue