Feb172020
如何使用CSS实现响应式导航菜单
导言
在网页设计中，一个重要的部分是导航菜单。随着越来越多的用户使用移动设备访问网站，设计一个响应式导航菜单变得非常重要。本篇博客将介绍如何使用CSS实现一个响应式导航菜单。
HTML结构
首先，我们需要一个基本的HTML结构来展示我们的导航菜单。以下是一个例子：
<nav>
<div class="logo">
<a href="/"><img src="logo.jpg" alt="Logo"></a>
...阅读全文
抢沙发
Feb162020
关于JavaScript 实现TAB切换特效的一种方法
采用css中display属性none隐藏标签的方法来实现:
使用JavaScript函数代码判断onmouseover事件调用函数传过来的值,
然后通过DOM操作改变他的display属性值为block,达到显示的目的;
点击下面的链接看效果
点我
js部分代码如下:
其中pid来接收调用函数时传过来的值;
function tab(pid) {
var a=['mil','news','people','tech'];
for (var i=0,len=a.length...阅读全文
Feb152020
Feb142020
Vue指令的使用和分类
Vue指令是Vue.js框架中非常重要的概念之一，它用于在HTML模板中为DOM元素绑定事件、属性和样式等。通过使用Vue指令，我们可以实现更高效、更简洁的前端开发。
一、Vue指令的使用
绑定事件
Vue指令可以用于绑定事件，例如：
<button v-on:click="handleClick">点击我</button>
绑定属性
Vue指令也可以用于绑定属性，例如：
<img v-bind:src="imageSrc" alt="图片加载...阅读全文
Feb112020
使用Apache ab进行压力测试
Apache的ab命令模拟多线程并发请求，测试服务器负载压力，也可以测试nginx、lighthttp、IIS等其它Web服务器的压力。
ab的参数说明:
-n 需要执行的请求次数
-c 并发的数量
-t 等待返回的最长时间
-b TCP收发缓冲区的大小，单位（byte）
-p 使用post (同时需要定义-T参数)
-u 使用put (同时需要定义-T参数)
-T content-type, 例如application/x-www-form-urlencoded, 默认为text/...阅读全文
Feb112020
Springboot中如何实现Excel导入功能
在开发应用程序时，我们经常会遇到需要从Excel文件中导入数据的需求。Spring Boot提供了许多便捷的方式来实现Excel导入功能，本文将介绍一种简单的实现方法。
1. 添加依赖
首先，我们需要在pom.xml文件中添加相关的依赖。在这个例子中，我们将使用Apache POI库来处理Excel文件。
<dependencies>
<!-- Apache POI -->
<dependency>
<groupId>org....阅读全文
Feb102020
如何使用Canvas绘制精美的图形
在前端开发中，我们经常需要绘制各种图形来展示数据、增强用户体验或实现特定的效果。而Canvas是HTML5提供的一个绘图API，它能够通过JavaScript在网页上绘制出丰富多样的图形。
本文将介绍如何使用Canvas绘制精美的图形，并提供一些实用的技巧和示例供大家参考。
准备工作
在开始绘制图形之前，我们需要准备一个<canvas>元素，它是Canvas API的核心部分。我们可以通过以下代码在HTM...阅读全文
Feb052020
WebSocket 在实时通信中的应用
什么是 WebSocket
WebSocket 是一种在客户端和服务器之间进行双向通信的协议，它允许服务器主动向客户端发送数据，而不需要客户端通过不断发送请求来获取数据。与传统的 HTTP 请求-响应模式不同，WebSocket 连接是长久保持的，使得双方可以实时地进行通信。
WebSocket 的优势
低延迟：相比较传统的 HTTP 请求-响应模式，WebSocket 通过长久保持的连接，减少了握手和关闭连接的开销，从而...阅读全文
Feb042020
使用网页表单:创建交互式的用户输入
在现代网页开发中，交互式的用户输入是非常重要的一部分。用户可以通过表单（form）与网站进行互动，提交数据并执行相应的操作。本篇博客将介绍如何使用网页表单创建交互式的用户输入。
HTML 表单基础
HTML 表单是使用 <form> 标签来定义的。可以在表单中包含多个输入字段（input），比如文本输入框、复选框、单选框等。用户填写表单后，可以通过点击提交按钮（submit）将数据发送...阅读全文
Jan242020
