案例html css
自用gulp打包脚本，压缩html，压缩js，压缩css，压缩图片，功能齐全
const gulp = require('gulp'); const fs = require('fs'); const htmlmin = require('gulp-htmlmin'); const uglify = require('gulp-uglify'); const uglifyEs ......
HTML-学成在线
学成在线案例，头部导航栏 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <ti ......
jmeter通过jmeter -n -t Script2.jmx命令压测导出HTML报告报错【杭州多测师_王sir】
压测命令：jmeter -n -t Script2.jmx -l report.jtl -e -o /cms/report/ 报错： Creating summariser <summary>Error in NonGUIDriver java.lang.IllegalArgumentExcepti ......
案例-用户注册
package com.itheima.web; import com.itheima.mapper.UserMapper; import com.itheima.pojo.User; import org.apache.ibatis.io.Resources; import org.apache. ......
HTML特殊字符符号大全
HTML特殊字符符号大全：只要你认识了 HTML 标记，你便会知道特殊字符的用处。 常用特殊符号： HTML 原代码 显示结果 描述 < < 小于号或显示标记 > > 大于号或显示标记 & & 可用于显示其它特殊字符 " “ 引号 ® ® 已注册 © ......
CSS：定位
##position 属性 position属性用来指定一个元素在网页上的位置，一共有5种定位方式，即position属性主要有五个值。 * static * relative * fixed * absolute * sticky 下面主要介绍前四个常用的值。 ###static 属性值 `sta ......
案例-用户登录-代码实现
代码实现 package com.itheima.mapper; import com.itheima.pojo.User; import org.apache.ibatis.annotations.Param; import org.apache.ibatis.annotations.Select ......
案例-用户登录-准备环境
准备登录界面 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>login</title> <link href="css/login.css" rel="stylesheet"> </head> <body> ......
CSS英文单词换行
# 问题描述 有的时候我们需要在页面上展示英文单词，但是有时单词的字母被独立出来形成不了一个整体。比如：使用element-ui中的el-table  2.设置 tomcat 服务器，加载 web 工程(tomcat 插件) 3.导入坐标(==SpringMVC==+Servlet) 4.定义处 ......
html中常见的一些标签
<h?>:标题，？处的数字表示是几级标签。 <p>:段落标签 <br>:换行 <hr>:单水平线 <b>、<strong>:加粗 <u>、<ins>:下划线 <i>、<em>:倾斜 <s>、<del>:删除线 <img>:图片标签，标签属性src=“图片路径” alt=“替换文本”（图片不显示的时候 ......
api接口接入淘宝/天猫平台采集添加到购物车数据调用演示案例
淘宝添加到购物车API接口的作用是向淘宝购物车中添加指定的商品，实现用户将商品加入购物车的功能。通过该API接口，用户可以将商品加入购物车，方便后续进行结算和购买。 使用淘宝添加到购物车API接口，可以帮助开发者和商家进行以下操作： 购物车管理：允许用户将商品添加到购物车并进行管理，方便用户随时 ......
记录--不定高度展开收起动画 css/js 实现
这里给大家分享我在网上总结出来的一些知识，希望对大家有所帮助 不定高度展开收起动画 最近在做需求的时候，遇见了元素高度展开收起的动画需求，一开始是想到了使用 transition: all .3s; 来做动画效果，在固定高度的情况下，transition 动画很好使，满足了需求，但是如果要考虑之后可 ......
css屏蔽图片长按选中下载
在移动端开发中，我们通常不希望页面的图片被长安选中可下载，会禁用图片选中事件，这时，css不能使用通配符全局设置 pointer-events:none; 否则会把所有点击事件禁用。 解决方案 img { box-sizing: border-box; -moz-user-select: none; ......
css border不能同时设置圆角和 border-image
如标题，css border不能同时设置圆角和 border-image，当我想要实现既有圆角，并给圆角加 border-image的时候，发现无法同时生效，只有 border-image会生效。 <!DOCTYPE html> <html lang="en"> <head> <meta chars ......
CSS精灵技术
一、CSS精灵 需求： 当用户访问一个网站时，需要向服务器发送请求，网页上的每张图像都要经过一次请求才能展现给用户。然而，一个网页中往往会用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接受和发送请求，这将大大降低页面的加载速度。为了有效地减少服务器接受和发送请求的次数，提高页面的 ......
api接口接入淘宝/天猫平台获取商品销量详情调用演示案例
淘宝商品销量详情接口的作用是获取淘宝平台上某一商品的销售情况信息，包括商品的总销量、近期销量、销售趋势等。通过该接口，可以获取到商品销量的原始数据，用于分析商品的受欢迎程度和市场需求。 使用淘宝商品销量详情接口，可以帮助商家和开发者进行以下操作： 市场分析：通过获取商品的销量数据，了解商品的市场 ......
27-模态框案例
```python # 本案例使用到 关闭冒泡 和v-show 方法 ``` ```html Document 模态框 --> --> --> 登录 --> --> --> 用户名: 登录 ``` ......
利用freemarker和minIO生成文章详情html并存入minIO
package com.heima.article.test; import com.alibaba.fastjson.JSONArray; import com.baomidou.mybatisplus.core.toolkit.StringUtils; import com.baomidou.m ......
HTML——Bootstrapt库导入
1. bootstrapt下载zip包 https://v5.bootcss.com/ 2. 安装nodejs https://nodejs.cn/download/ 3. ......
STEAM逆向分析案例
案例url：https://store.steampowered.com/login/?redir=&redir_ssl=1 ![image-20220327134611836](https://gitee.com/typora-bed/images/raw/master/img/image-2 ......
完美世界逆向分析案例
案例url：https://passport.wanmei.com/login?location=L3NhZmUv ![image-20220425140537741](https://gitee.com/typora-bed/images/raw/master/img/image-202204 ......
微信公众平台逆向分析案例
请忽视具体网站，重点专注逆向的分析思路！重点是分析思路！案例url：https://mp.weixin.qq.com ![image-20220321112649110](https://gitee.com/typora-bed/images/raw/master/img/image-20220 ......
CSS :last-child选中不了元素
1.情况：当div：finaincingMark-right-item后还有div：sliderLine时，使用finaincingMark-right-item:last-child无法选中finaincingMark-right-item遍历后的最后一个div：finaincingMark-ri ......
CSS中实现元素居中的七种方法总结
在前端开发中，经常需要将元素居中显示，CSS提供了多种技术方法来实现元素的居中，在不同场景下有不同的使用方法、不同的效果，需要特别记住它们的应用场景才能够正常的居中。这篇文章就大致总结一下CSS中的居中方法。 一、元素分类 在CSS中，元素大致可以分为以下几种： 1.块级元素（Block-level ......
CSS font-weight
主要理解UI给得英文名 对应得数值 字体粗细：‘font-weight’属性名称： font-weight取值： normal | bold | bolder | lighter | 100 | 200 | 300 | 400 | 500 | 600 | 700 | 800 | 900初始： nor ......
html数字键盘
## html数字键盘 > html部分 ```html 7 8 9 4 5 6 1 2 3 0 . OK 确定 ``` > css部分 ```css .screen-btn { width: 100%; height: auto; position: absolute; bottom: -10px ......
HTML页面中返回顶部的几种实现方式
## 第一种:引用外部jQuery 新建HTML页面,将下面代码复制保存,通过浏览器打开,即可看到效果. ```html doc ``` ## 第二种:使用css及特殊图标进行设置 全代码打造简洁美观回到顶部按钮,同上,将代码复制进HTML文件中,打开即可看到效果 ```html doc ⌆ ``` ......
MODBUS-TCP转Ethernet IP 网关连接空压机配置案例
本案例是工业现场应用捷米特JM-EIP-TCP的Ethernet/IP转Modbus-TCP网关连接欧姆龙PLC与空压机的配置案例。使用设备：欧姆龙PLC，捷米特JM-EIP-TCP网关 ......