布局vue web
vue dialog弹出框随屏幕改变高度
动态改变高度是基于动态css样式进行设置，dialog中的高度是随内部元素高度变化，所以在dialog中的table添加class="tableClass"，通过屏幕大小改变tableClass中的height，高度数值存储在sizeList中。 <template> <div :style="si ......
web基础与HTTP协议
目录 一、DNS 二、域名 三、web基础 四、HTTP 五、总结 摘要：简单叙述web基础，网页的概念，域名解析，域名结构，HTML超文本传输语言，cookie和session扩展 一、DNS 1.DNS概念 内网和外网无法通信，为了内网可以和外网通信，dns技术解决问题，可以将公网和私网互相通信 ......
Web 前端框架市场统计
根据 w3techs 所做的统计1，有17.8%的网站没有使用 javascript 库。在使用js库的web网站中， Jquery 占据了大部分，Bootstrap, React， Ajax, Vue， Angular 排行如下： 其他还有一些js库占据剩下的1%： 对于React, Angula ......
vue封装公共组件库并发布到npm库
利用的原理： vue框架提供的api: Vue.use( plugin)，我们把封装好组件的项目打包成vue库，并提供install方法，然后发布到npm中。Vue.use( plugin )的时候会自动执行插件中的install方法。 一、组件库代码目录调整 1.根目录创建packages文件夹2 ......
关于vue 使用setInterval定时器关闭失效的问题 原因为事件传播
/** ** data.isPlay为显示那个按钮 ** startHandle开始定时器 setInterval ** pauseHandle,stopHandle理解为关闭定时器就好了clearInterval **/ <view class="btn" @click.stop="startHa ......
Nginx支持web界面执行bash|python等系统命令和脚本
##关闭防火墙 ##（centos6） service iptables stop chkconfig iptables off ##（centos7） systemctl stop firewalld systemctl disable firewalld #关闭selinux sed -i 's ......
本地下载 web file操作
function download(){ const link = document.createElement('a') link.href = window.location.origin + `/static/doc/${this.type}.docx` + '?auth=' + getTok ......
Vue入门 this
# Vue入门:: this.$emit:Vue父子组件传值(子父之间的通信)和splice()方法的用法 vue中子组件跟父组件通信需要使用this.$emit(),我们先来回顾一下,父组件和子组件的通讯使用什么呢? ``` a.父组件向子组件传值：通过v-bind:的形式进行数据的传递(可直接简 ......
vue简单的分页功能实现二
# vue简单的分页功能实现二 第二种使用vue实现分页功能的方法。 首先，data数据定义： ``` var vm = new Vue({ el: '#app', data: { listArray:[ { 'name':'赵*', 'age':'21', 'edu':'本科', 'phone': ......
Vue简单的分页功能实现一
# Vue简单的分页功能实现一 前端的分页功能其实是对数据的分页处理，主要是在js中实现对数据的分页处理，这里分享两种简单的写法，以供参考。两种方法都是用vue来实现的。 首先，相关的参数都一样，在vue里的data中定义好，如下所示： ``` var vm = new Vue({ el:'#app ......
Vue 中 组件通信 - 子传父（自定义事件）
# Vue 中 组件通信 - 子传父（自定义事件） ``` Vue 中 组件通信 - 子传父（自定义事件）子传父步骤：在子组件的 data 里面定义好 要传递的数据在子组件的模版里面正常使用 该数据（一般是通过一定的动作，如点击，滑动等，来自定义事件向父组件传递，这里以 click 为例）在子组件的 ......
web网络通信
## WEB通信流程 静态数据:png,css,js,gif,mp4 动态数据:从mysql数据库中读取出来的数据 1. 访问DNS服务器,通过DNS获取相应的域名对应IP 2. 通过IP对应服务器后,简历TCP连接 3. 等浏览器发送完HTTP Request包后,服务器接收到请求包后才开始处理请 ......
采用注解方式-HTTP Status 404 – Not Found 或者 采用web
# 采用注解方式->HTTP Status 404 – Not Found 或者 采用web.xml方式->cannot resolve the class in the tag 运行一个简单的servlet程序，分别采用了两种方式对servlet进行映射，均报错。 1⃣️采用Annotation方 ......
npm publish 发包报错npm ERR! 403 403 Forbidden - PUT https://registry.npmjs.org/test_vue - You do not have permission to publish "【package name】". Are you logged in as the correct user?
如果出现在发布的时候报这个错，说明你在package.json中登记的name已近被采用了。重名了，所以你得换一个。我们在发布一个包之前，最好拿着这个登记的name去搜一下，如果已近有了，那就要换一个。 ......
vue填坑之解决部分浏览器不支持pushState方法
前端使用vue-router做单页面路由并开启history模式时，会碰到一个问题：部分低版本的手机浏览器、部分app以及IE9浏览器由于不支持pushState方法，会导致页面加载不出来。 解决这个问题的思路是： 当浏览器支持pushState方法时，开启history模式，不支持则开启hash模 ......
[Web] DNS Route
Recurisive DNS Resolver: This is the first stop in the DNS query process. When you type a URL into your browser, the request first goes to the recursi ......
使用vue ui创建vue项目
vue ui是什么？ 简单来说，vue ui是一个可视化图形界面，方便你去创建、更新和管理vue项目，包括下载router，vuex，axios，elementui等插件，配置好一些属性以及依赖关系，方便我们使用，我个人第一次接触它就感觉非常非常非常智能和强大 配置步骤 1、安装Vue CLI，因为 ......
测试类中启动web环境
先在pom.xml文件中引入相关依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifactId>spring-boot-starter-web</artifactId> </dependency> 然后定义测试类进行模拟 ......
创建项目-空项目、java项目、web项目
空项目（Empty Project）： 空项目是一个完全空白的项目，没有任何默认的目录结构或配置文件。你可以根据需要自定义项目的结构和配置，适用于从头开始构建自己的项目。 Java 项目（Java Project）： Java 项目是一个标准的 Java 应用程序项目，具有默认的目录结构和配置。它包 ......
vue3错误归纳
1，出错原因，找不到文件 npm install --save @/api/baseInfo/department //这个目录没有文件 2.packjson 中那么没改，不知道为什么 E:\gh-phm\ruoyi-ui\node_modules\normalize-package-data\li ......
结构布局
<!DOCTYPE html> <html> <head> <meta charset=" utf-8"> <meta name="author" content="http://www.softwhy.com/" /> <title></title> <style type="text/css"> ......
VUE使用Element-ui表达式拼接字符串 el-table-column的prop拼接字符串 拼接table 使用<template slot-scope="scope"> 更改td里面值
VUE使用Element-ui表达式拼接字符串 el-table-column的prop拼接字符串 `使用 更改td里面值` https://blog.csdn.net/WindNolose/article/details/125422409 描述 VUE中的标签属性，可以在属性前使用：，让属性绑定 ......
vue配合后端解决跨域问题
vue.config.js devServer:{ proxy:{ "/users":{ target:"http://localhost:3000", changeOrigin:true } } } ......
vue图片懒加载vue-lazyload
1.安装vue-lazyload npm i vue-lazyload 2.在main.js中引入使用 import { createApp } from 'vue' import './style.css' import App from './App.vue' import VueLazyloa ......
C# Web Page 中的 Razor 语法
1 <li><a href="@Url.Action("APIIntro", "Service", new {id = api.Id})" class="btn btn-default viewmore">查看详情</a></li> 2 <li>@Html.ActionLink("服务条款", "S ......
springboot+vue学习随记
1.springboot中日志的logback配置 1 <?xml version="1.0" encoding="UTF-8"?> 2 <configuration> 3 <!-- 日志存放路径 --> 4 <property name="log.path" value="F:/项目/spring ......
web3产品介绍：mask将Web3的隐私和优势引入像Facebook和Twitter这样的社交媒体平台
介绍： Mask Network是一个开源的浏览器扩展，将Web3的隐私和优势引入像Facebook和Twitter这样的社交媒体平台。它是一个功能强大的工具，允许用户在社交媒体上享受区块链的隐私保护和其他Web3的好处。让我们一起探索Mask Network的主要特点和为用户带来的益处。 主要特点 ......
Vue项目下载项目本地文件
axios.get('file/template.xlsx', { //静态资源文件夹public responseType: 'blob', }).then(response => { const url = window.URL.createObjectURL(new Blob([respons ......