web
关注
分享
扫一扫
文章平均质量分 77
周巴帝
上善如水
展开
-
2024新版IDEA创建JSP项目
2024新版idea创建Java web项目原创 2024-09-28 12:09:16 · 5757 阅读 · 9 评论 -
JavaScript入门基础
JavaScript入门必备基础1、什么是语言计算机就是一个有人来控制的机器，它的所有行为都是有人来进行指定的；我们学习的语言就是人和计算机交流的工具，人类通过语言来控制、操作计算机；计算机的发展史如下：纸带机，机器语言；汇编语言，符号语言；现代语言，高级语言；学习一个完整的JavaScript实现包含三个部分，ECMAScript、DOM、BOM。 其中ECMAScript又称为ES，一般情况下说的ES又可以理解为JS。JS特点：解释型语言；类似于C和Java的语法结构；动态语言原创 2022-02-23 11:27:52 · 699 阅读 · 0 评论 -
CSS 进阶
CSS 变形 transform1、translateX/Y**变形（transform）： ** 就是指通过CSS来改变元素的形状或位置，变形不会影响到页面的布局。使用transform标签来设置元素的变形效果。平移： 平移元素，百分比是相对于自身来计算的。translateX()，沿着x轴方向平移；translateY()，沿着y轴方向平移；translateZ()，沿着z轴方向平移；transform: translateX() translateY(); /*变形的多个值之间使用原创 2022-02-17 20:19:17 · 902 阅读 · 0 评论 -
vs code安装less并配置浏览器映射less文件
有些时候，在编写前端页面的时为了调试方便，需要将浏览器中绑定的css文件切换为less文件，这样就可以直接在浏览器中看到在less中出现问题的代码行数。1、vs code安装less直接在vs code的扩展里面搜索easy less，出现后点击安装即可。2、配置浏览器解析less中的代码行数1）在安装好easy less之后，点击它，会出现以下界面，然后并找到以下截图中框起来的代码，将红框中的代码原封不动的复制下来。2） 在设置->扩展中找到Easy LESS configuratio原创 2022-02-13 22:32:50 · 812 阅读 · 0 评论 -
CSS 动画 animation
CSS 动画 animation1、基本属性介绍动画（animation）：和过渡类似，都是可以实现一些动态的效果，不同的是过渡需要在某个属性发生变化时才可以触发，而动画效果则可以自动触发动态效果。设置动画效果必须先要设置一个关键帧，关键帧设置了动画执行的每一个步骤。关键帧设置的格式如下：<style> /* 定义动画关键帧，关键帧的名字为test */ @keyframes test{ /* from表示动画的开始位置，也可以使用0%来表示。 */原创 2022-02-12 21:12:12 · 6778 阅读 · 0 评论 -
HTML CSS 过渡效果
HTML CSS 过渡效果1、transition过渡（transition）： 通过过渡可以指定一个元素的属性在发生变化时的切换方式，从而创建一些非常好的效果，提升用户的体验。如：transition: height 2s; /*当元素的高度放生变化时，需要花费两秒钟的时间来进行过渡。*/这种方式可以同时设置过渡相关的所有属性，只有一个要求，如果要写延迟，则两个时间中第一个是持续时间，第二个表示延迟时间。transition: 2s margin-left 1s; /*表示当元素的margin原创 2022-02-12 13:34:50 · 3001 阅读 · 0 评论 -
CSS中影藏及显示元素的方式
HTML中 CSS影藏元素的两种方式方式一：通过display: none来实现，代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>隐藏框</title> <style> .box1{ width: 200px; line-height:原创 2022-02-11 10:10:57 · 742 阅读 · 0 评论 -
通过CSS生成小三角
HTML 通过CSS生成小三角有些时候我们需要在特定的地方使用小三角，例如小米商城官网显示二维码的时候，下面的小三角。其实这里实现的方式很简单，我们可以通过一个伪类::after配合边框来实现实现，具体代码如下：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>三角形</title> <style>原创 2022-02-11 09:33:35 · 605 阅读 · 0 评论 -
HTML 表单 form
HTML 表单 form1、表单的简介在现实生活中表单用于提交数据，在网页中也可以使用表单来提交数据，即将本地的数据提交到服务器中。使用form标签来创建一个表单。form的属性如下：action，表单要提交的服务器地址；method，指定表单的提交方式，常见可选值，get、post；<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <ti原创 2022-02-10 20:08:38 · 363 阅读 · 0 评论 -
HTML 表格 table
HTML 表格 table1、表格简介在现实生活中，我们经常需要使用表格来表示一些格式化数据，如：课程表、成绩单……，同样在网页中我们也需要使用表格，通过table标签来创建一个表格。在table中使用tr表示表格中的行，而tr中的td表示单元格，th表示头部单元格。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>表格</titl原创 2022-02-10 18:13:43 · 524 阅读 · 0 评论 -
前端三剑客_CSS
前端三剑客_CSS1、CSS简介<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- <style> /* 这个样式将会应用到页面中所有的p标签中的内容。 */ p{ color: yellow;原创 2022-02-10 16:36:53 · 1219 阅读 · 2 评论 -
HTML -- 渐变
HTML – 渐变通过渐变可以设置一些复杂的背景颜色，可以实现从一个颜色向其他颜色过渡的效果。特别值得注意的是**渐变是图片**，需要通过background-image来设置。一、线性渐变1、linear-gradient线性渐变，颜色沿着一条直线发生变化，默认是垂直方向（从上往下）。linear-gradient(red, yellow); // 红色在开头，黄色在结尾，中间是过渡区域。线性渐变的开头可以指定一个渐变的方向，如下：to leftto rightto bottomt原创 2022-02-10 11:03:11 · 8059 阅读 · 0 评论 -
CSS-Sprite（雪碧图）
CSS-Sprite （解决HTML图片闪烁问题）1. 描述图片属于网页中的外部资源，外部资源都需要浏览器单独发送请求加载，浏览器加载外部资源时是按需加载，用则加载，不用则不会加载。如果我们使用所需要的图片刚好需要加载时，浏览器向会发送一个请求，这时背景图片就会出现一个短暂的空白，然后再将图片加载后，放在空白那里，如下列代码。2. 案例<!DOCTYPE html><html lang="en"><head> <meta charset="UTF原创 2022-01-20 20:43:26 · 802 阅读 · 0 评论 -
前端三剑客_CSS
前端三剑客_CSS1、CSS简介<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>Document</title> <!-- <style> /* 这个样式将会应用到页面中所有的p标签中的内容。 */ p{ color: yellow;原创 2022-01-06 10:02:22 · 552 阅读 · 0 评论 -
前端三剑客_HTML
前端三剑客一、软件的架构1、C/S（客户端/服务器端）一般我们使用的软件都是C/S架构；比如系统中的QQ、360……；C表示客户端，通过客户端来使用软件；S表示服务器，服务器负责处理软件的业务逻辑；特点：软件使用前必须的安装；软件更新是，服务器和客户端的同时更新；C/S架构的软件不能跨平台使用；C/S架构的软件客户端和服务器端通信采用的自有协议，相对来说是比较安全的。2、B/S（浏览器/服务器）B/S本质也是C/S，只不过B/S架构的软件，使用浏览器作原创 2022-01-04 21:46:10 · 1434 阅读 · 0 评论 -
showCTF 入门文件包含系列
web78读取源代码：心想，就这？直接:http://url地址/?file=flag.php，但是这样出不来，页面什么也没有，想着这毕竟是一个PHP文件，可能在我们包含的时候被服务器给解析了。所以我们必须要让它不解析，这里提供一种方法，PHP伪协议中的：php://filter直接:http://url地址/?file=php://filter/read/convert.base64-encode/resource=flag.php成功获取flag.php的文件内容，在线网址解base64.原创 2020-09-21 14:34:40 · 434 阅读 · 0 评论 -
showCTF Web入门题系列
背景知识介绍：vim 中的swp即swap文件，在编辑文件时产生，它是一个隐藏的文件。这个文件时临时交换文件，用来备份缓冲区的内容，如果原文件名为index.php，那么swp文件名为.index.php.swp。如果所编写的文件正常退出，则这个临时交换文件会自动删除。需要注意的是如何你只是对原文件进行读取，并没有写入内容，则这个临时交换文件则不会产生。show ctf web入门 9读题发现有提示：猜测这个网址下可能存在vim编写是留下的临时交换文件.swp。 直接输入: u.原创 2020-09-17 12:34:30 · 927 阅读 · 0 评论