- 博客(24)
- 收藏
- 关注
RSS订阅原创 2021-10-13
关于2021版本IDEA找不到Lombok插件的解决方式网上查看了这位老哥的文章，https://blog.csdn.net/qq_41249890/article/details/105084634因为我安装的idea是最新的2021版本，而lombok是最新更新是2019年1月的用刚才老哥的第二种方法下载安装包是行不通的，会出现以下的error通过分析，有一个办法解决插件无法安装的问题就是，下载idea的版本跟lombok一样的版本即可最后附上成功的截图...
2021-10-13 17:33:49
130
原创 文件包含
0x01 函数分析<?phpshow_source(__FILE__);echo $_GET['hello'];$page=$_GET['page'];while (strstr($page, "php://")) { $page=str_replace("php://", "", $page); } include($page);?>strstr()：定义和用法：搜索字符串在另一个字符串中是否存在，如果是，返回字符串及剩余部分，否则返回false。strstr
2020-10-17 17:46:13
1140
原创 攻防世界web题目53 xss1
这是一个xss的漏洞，首先注册一个账号找到投稿–>发表评论或文章的地方，我们要构造一个xss代码获取cookie，然后利用cookie来登录后台管理利用xss平台
2020-10-13 22:44:13
642
原创 jquery Day2
1.jQuery 属性操作1.1 设置或获取元素固有属性值 prop()所谓元素固有属性就是元素本身自带的属性，比如 <a> 元素里面的 href ，比如<input>元素里面的 type。获取属性语法prop(''属性'') 2. 设置属性语法prop(''属性'', ''属性值'') 1.2 设置或获取元素自定义属性值 attr()用户自己给元素添加的属性，我们称为自定义属性。 比如给 div 添加 index =“1”。1.获取属性语法attr('
2020-09-17 20:41:53
120
原创 Jquery使用Day1
jquery是一种JavaScript库，它封装了很多的函数，这些函数可以让我们更方便更快速的操作DOM学习jQuery本质： 就是学习调用这些函数（方法）。1. jQuery 的下载官网地址： https://jquery.com/ 1x ：兼容 IE 678 等低版本浏览器， 官网不再更新 2x ：不兼容 IE 678 等低版本浏览器， 官网不再更新 3x ：不兼容 IE 678 等低版本浏览器， 是官方主要更新维护的版本2.2 jQuery 的使用步骤引入 jQuery 文件
2020-09-12 18:03:03
193
原创 flex布局
传统布局来说：兼容性好，布局繁琐，flex布局：布局简单，操作方便，但是pc端支持比较差，建议：pc布局的话用传统布局，对于移动端或则pc端不考虑兼容性的话就用flex布局当我们为父盒子设为 flex 布局以后，子元素的 float、clear 和 vertical-align 属性将失效。flex布局的原理就是通过给父元素添加flex属性，来控制盒子的位置和排列方式flex布局父项常见的属性flex-direction 设置主轴的方向justify-content: 设置主轴上
2020-08-06 17:05:12
567
原创 web移动布局之rem
流式布局和flex布局主要针对于宽度布局，那高度如何设置？1.remrem(root em )一个相对单位，类似于em，em是相对于父元素的字体大小，而rem是相对于html元素的字体大小来说的。rem的优点是可以通过修改html里面的文字大小font-size来改变页面元素的大小，可以实现整体控制2.媒体查询如果给html加了font-size：12px的话就固定死了，并不会随着页面的缩放来改变内容的大小，那就要引入媒体查询了媒体查询（Media Query）是css3的新语法1.使用@me
2020-08-06 17:04:53
299
原创 web api day4
常用键盘事件三个事件的执行顺序是： keydown – keypress — keyup onkeydown 和 onkeyup 不区分字母大小写，onkeypress 区分字母大小写,keyCode属性能区分大小写，返回不同的ASCII值
2020-07-05 13:30:43
169
原创 web api day3
创建元素的三种方式document.write()element.innerHTMLdocument.createElement()区别document.write 是直接将内容写入页面的内容流，但是文档流执行完毕，则它会导致页面全部重绘innerHTML 是将内容写入某个 DOM 节点，不会导致页面全部重绘innerHTML 创建多个元素效率更高（不要拼接字符串，采取数组形式拼接），结构稍微复杂createElement() 创建多个元素效率稍低一点点，但是结构更清晰总结：不同浏览器下
2020-06-25 07:03:07
131
原创 web API day1
js基础是ECMAScript标准规定的语法而web API是w3c组织的标准，是js所独有的部分，主要学习DOM和BOM什么叫API呢?API简单来说就是一些函数接口，它已经封装好了，用来实现某种功能Web API就是浏览器提供的一套用来操作浏览器功能(BOM)和页面元素(DOM)的API1.Web API一般都有输入输出（函数的传参和返回值），Web API很多都是方法（函数）2.学习Web API 可以结合内置对象的学习方法功能是什么？需不需要参数，参数是什么，返回值是什么？最后利用代码验
2020-06-23 09:03:24
129
原创 js作用域
javascript分为js基本语法(EDMAscript简称es5)+webapi(DOM和BOM)1.作用域就是使变量在某个范围内起作用，目的就是为了提高程序的可靠性减少命名的冲突2.js作用域（es6）之前分为：全局变量和局部变量js中没有块级作用域，es6才新增了块级作用域，块级作用域 {} if{} for{}局变量：在script整个标签，或者一个单独的js文件有一种特殊情况局部变量：在函数内部注意：函数的形参也可以看作是局部变量3.从执行效率来看(1)全局变量只有浏览器关
2020-06-23 09:02:38
3637
原创 Web api day2
1.排他思想案例如果有同一组元素，我们想要某一个元素实现某种样式， 需要用到循环的排他思想算法：所有元素全部清除样式（干掉其他人）给当前元素设置样式 （留下我自己）注意顺序不能颠倒，首先干掉其他人，再设置自己2.百度换肤案例注意一定要加url① 这个案例练习的是给一组元素注册事件② 给4个小图片利用循环注册点击事件③ 当我们点击了这个图片，让我们页面背景改为当前的图片④ 核心算法： 把当前图片的src 路径取过来，给 body 做为背景即可3.表格高亮4.表单全选取消和全选
2020-06-23 09:01:52
198
原创 品优购项目
1.网站图标favicon一.制作favicon图标把品优购图标切成 png 图片。把 png 图片转换为 ico 图标，这需要借助于第三方转换网站，例如比特虫：http://www.bitbug.net/二、favicon图标放到网站根目录下三、 HTML页面引入favicon图标在html 页面里面的 元素之间引入代码。在比特虫页面上也有 <link rel="shortcut icon" href="favicon.ico" type="image/x-icon"/>
2020-06-23 08:57:17
473
原创 cssday8
1. 2D转换转换(transform)可以实现元素的位移、旋转、缩放等移动：translate旋转：rotate缩放：scale1.1 2D转换之移动translate可以改变元素在页面中的位置，类似于定位transform:translate(x,y);或者分开写transform:translateX(n);transform:translateY(n);沿着x和y来移动的，可正可负,x和y的理解是自身来说，不是浏览器，请看下图translate最大优点：不会影响其他元素
2020-05-31 17:34:21
211
原创 cssday7-HTML5 和 CSS3 的新特性
这些新特性都有兼容性问题，基本是 IE9+ 以上版本的浏览器才支持，移动端不用担心兼容性，因为移动端是后来发展的，都是新的1.HTML5新特性1.1新增语义化标签避免全局都用div没有语义化<header>:头部标签<nav>:导航标签<article>:内容标签<section>:定义文档的某个区域-<aside>：侧边栏标签<footer>:尾部标签注意：这种语义化标准主要是针对搜索引擎的 这些新标签页
2020-05-28 17:22:03
406
原创 cssday6
1.精灵图一个网页中往往会应用很多小的背景图像作为修饰，当网页中的图像过多时，服务器就会频繁地接收和发送请求图片，造成服务器请求压力过大，这将大大降低页面的加载速度。因此，为了有效地减少服务器接收和发送请求的次数，提高页面的加载速度，出现了 CSS 精灵技术（也称CSS Sprites、CSS 雪碧）。核心原理：将网页中的一些小背景图像整合到一张大图中 ，这样服务器只需要一次请求就可以了1.主要借助于背景位置来实现—先准备一个刚好装的下小图标的盒子，然后放到合适的位置，再插入背景图backg
2020-05-28 08:17:29
149
原创 cssday5
1.1为什么需要定位？提问： 以下情况使用标准流或者浮动能实现吗？某个元素可以自由的在一个盒子内任意位置摆放，并且压住其他盒子.当我们滚动窗口的时候，盒子是固定屏幕某个位置的.以上效果，标准流或浮动都无法快速实现，此时需要定位来实现。所以：1.浮动可以让多个块级盒子一行没有缝隙排列显示， 经常用于横向排列盒子。2.定位则是可以让盒子自由的在某个盒子内移动位置或者固定屏幕中某个位置，并且可以压住其他盒子。1.2 什么是定位定位就是将盒子定在某个位置，也是摆盒子1.3定位的组成定位
2020-05-26 21:18:26
866
原创 cssday4
1.浮动浮动也是网页布局的一种方式1.1首先来了解一下传统网页布局的方式网页布局的本质—摆盒子。css就提供了三种的布局方式,将盒子放到相应的位置标准流(普通流)浮动定位1.2标准流标准流就是标签按默认的方式来排列，比如说块元素独占一行，从上向下顺序排列。 行内元素一行可以放多个，从左到右顺序排列，碰到父元素边缘则自动换行注意：实际开发中，一个页面基本都包含了这三种布局方式（后面移动端学习新的布局方式）1.3浮动1.为什么需要浮动？因为有时候用标准流很难实现一些效果。比如：如
2020-05-22 15:50:21
265
原创 cssday3
1.css的三大特性层叠性、继承性、优先级1.1层叠性当出现相同的选择器，并设置相同的样式属性时，此时一个样式就会覆盖（也叫层叠）另一个样式。层叠样式的特性就是解决样式冲突的问题。样式冲突时采用的原则：采用就近原则，即哪个样式离结构近就执行哪个样式样式不冲突时是不会层叠的1.2继承性子标签会继承父标签的某些样式，如文本的颜色、字号优点就是恰当的使用继承性可以简化代码某些样式指font-、text-、line-、以及color1.3优先级选择器权重继承
2020-05-21 20:18:18
296
原创 cssday2
1.Emmet语法之快速生成HTML标签注意使用时不允许有空格tab补全键的利用：例如 div 然后tab 就会生成 如果想要生成多个标签用*,例如div*3 就会生成 3个div标签如果是父子级的标签，可以用> 比如 ul>li如果是兄弟关系的标签就可以用+ 比如 ul>li+li 又比如div+p如果想生成带类名或id名的标签，直接写.demo 或则#two tab补全即可如果想生成标签的类名有顺序用自增符号$如果想要在生成的标签内部写内容用{
2020-05-18 23:09:14
127
原创 CSSday1
css-网页美容师1.css简介css是层叠样式表，简称css样式表css也是一种标记语言主要用于设置HTML网页中的文本内容(字体大小，对齐方式)，图片外形(宽高、边框、边距)，版面布局和外观显示样式css的价值就在于：使结构与样式相分离，即让HTML专注于做结构，样式交给css1.2css语法规范<head> <style> p{ color:red; font-size:25px; }
2020-05-17 10:40:39
218
原创 HTMLday2
1表格标签1.1表格的作用表格作用是用来展示数据的，而不是布局1.2基本语法<table> <tr> <th>表头单元格标签</th> <td>单元格内容</td> ··· </tr> ···</table>1.<table></table>用来定义表格的标签，可看成表格的大框架2.<tr></t
2020-05-15 09:54:24
217
原创 HTMLday1
1.1 网站由网页构成，网页由html构成，HTML是超文本标记语言，超文本简单来说有两层含义一是超越了文本限制，因为它可以加入图片，声音，视频等。二是超链接文本，可以由一个网页跳到另一个网页1.2 网页总结网页就是一个html文件(后缀是.html)，它是由图片、链接、文字、视频等元素组成1.3 如何理解HTML中的标记二字，标记语言就是由标签组成，譬如 图片标签 链接标签 视频标签2.常用的Web浏览器网页是通过浏览器来展示的，因此了解浏览器是很有必要的2.1 Firefox chrome(
2020-05-14 08:56:26
113
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人