前端学习-css-02-高级
精灵图
目的 :减少接收发送请求的次数(指数据的收发)
使用核心 :
(1) 小背景集合到大图片当中
(2) 大图片称为sprites(精灵图/雪碧图)
(3) 涉及:background-position ==> 右下为正,左上为负(也就是说,通过背景图定位来控制小部件的背景图位置)
(4) 精确测量每个小背景图片的大小和位置 ==> 工具:FW,PS等
字体小图标
说明 :字体图标可以为前端工程师提供一种方便高效的图标使用方式,展示的是图标,本质属于字体.
2.css格式:下面再补充
3.优点:
轻量级 :一个图标字体要比一系列的图像要小。一旦字体加载了,图标就会马上渲染出来,减少了服务器请求
灵活性 :本质其实是文字,可以很随意的改变颜色、产生阴影、诱明效果、旋转等
兼容性 :几乎支持所有的浏览器,可以放心使用注意 :字体图标 不能替代 精灵技术,只是对工作中图标 部分技术 的提升和优化
4.总结:
结构样式 复杂 => 精灵图
结构样式 简单 => 字体图标
5.下载字体图标库站点:
http://icomoon.io ...
前端学习-css-01-基础概述
CSS 简介CSS-层叠样式表( Cascading Style Sheets),简称css
有时我们也会称之为CSS式表或级联样式表CSS是也是一种标记语言
CSS 主要用于设置HTML 页面中的文本内容(字体、大小、对齐方式等)图片的外形(宽高、边框样式边距等)以及版面的布局和外观显示样式
总结:html(结构)与css(样式)相分离(这个思想做项目会直接用到)
选择器分类选择器分为 基础选择器 和 复合选择器 两个大类
基础选择器基础选择器是由单个选择器组成的
基础选择器又包括: 标签选择器 类选择器 id选择器 和 通配符选择器
类选择器
(1) 被一个或者多个调用,开发常用
(2) 命名要有意义,类名可以用’-‘,用英文为最佳
(1) 多类名 :一个标签的调用多个类的方式
<div class='name1 name2'> (name1为类名,加类时只要将类与类中间使 用空格隔开就行)==> 可以使得标签产生 公共类 和 私有类==> 公告类:公共属性==> 私有类:自己特有的属性多类名可以使得一些类作为基础,另 ...
前端学习-html-02-表格标签+列表标签+表单标签
表格标签--列表标签--表单标签
表格标签概述
表格主要用于显示/展示数据,因为它可以让数据显示的非常的规整,可读性非常好。Pink老师的总结:表格不是用来布局页面的而是用来展示数据的.个人理解:功能多样,混用其他标签有时候会有很大的好处
1.2框架 <table> 定义表格标签 <thead> 表格的头部区域 <tbody> 表格的主体区域 <tr> 行 <th> 表头单元格(加粗居中) <td> 单元格
表格属性(css可以设置)
属性一般都写在标签名后面一个空格后的位置,且在尖括号包裹范围内。
属性名
属性值
描述
align
left 、center、right
规定表格相对周围元素的对齐方式。
border
1或
规定表格单元是否拥有边框,默认为””,表示没有边框
cellpadding
像素值
规定单元边沿与其内容之间的空白,默认1像素
cellspacing
像素值
规定单元格之间的空白,默认2像素。
...
前端学习-html-01-网页+标签简介
网页重新看下学过的,免得老本都赔光了。
什么是网页
网站是指在因特网上根据一定的规则,使用 HTML等制作的用于展示特定内容相关的网页集合网页是网站中的一“页”,通常是HTML格式的文件,它要通过浏览器来阅读网页是构成网站的基本元素,它通常由图片、链接、文字、声音、视频等元素组成。通常我们看到的网页常见以.htm 或.html 后缀结尾的文件,因此将其俗称为 HTML文件。
其实最简单的来说,你打开浏览器看到的东西基本上都是网页。
什么是 HTMLHTML : 超文本标记语言(HyperText Markup Language)
HTML不是一种编程语言,而是一种标记语言(markuplanguage)。
标记语言是一套标记标签(markup tag)
所谓超文本,有2层含义
1.它可以加入图片、声音、动画、多媒体等内容(超越了文本限制 )。
2.它还可以从一个文件跳转到另一个文件,与世界各地主机的文件连接(超级链接文本 )。
网页的形成
网页是由网页元素组成的,这些元素是利用 html标签描述出来,然后通过浏览器解析来显示给用户的.
网页总结
...
java学习日志-10
数组+排序+查找
数组数组是一种类型
创建
创建方法分为 动态初始化 和 静态初始化
1.先定义数组后引用数组( 直接分配 空间)
//下面是两种写法int[] arr = {12,13,11};int arr[] = {12,13,11}// 数据类型 数组名[] = {元素1,元素2,元素3...}//意思是创建一个int类型的数组,元素是12,13,11.// 调用,和Python的调用如出一辙arr[0]// 数组的调用和Python一样,同样是下标索引从0开始,到它(长度-1)的地方结束。
2.先声明数组后创建数组(先声明一个名字,后面具体使用再分配空间)
// 同样是两种方法int[] arr = new int[49];int arr[] = new int[49];// 数据类型[] 数据名 = new 数据类型[大小/长度]// 调用的方法一样arr[0]
3.补充一种初始化方法
String str[] = new String[]{"a","b",&q ...
java学习日志-09
杨辉三角 -(列数不等二维数组)做法1目的 :打印一个杨辉三角 ?ω?
型如:
1
1 1
1 2 1
1 3 3 1
1 4 6 4 1
...
为了更好的发现规律,稍微给这个原始的杨辉三角做点 处理 : ●ω●
a b c d e f
a 1 0
b 1 1 0
c 1 2 1 0
d 1 3 3 1 0
e 1 4 6 4 1 0
...
当你把每一行的首尾都 定死为1和0 ,那么会得到一点 规律 :<( ̄︶ ̄)>
变化的部分永远都是中间的那个三角区域
也就是说,大概可以得出这样的一个等式 (在第1列和第一行定死数字且每行最后一个数字定死为0的情况下)
假设当前的位置为 (x,y) ,值为 n ,n=(x-1,y-1)+(x-1,y) ;
(x-1,y-1)和(x-1,y) 都表示一个 二维坐标 。
核心都明白了,接下来直接上代码了. ~( ̄▽ ̄)~*
import java.util.Scanner;public class YanHui { public static void main(String[] args) ...
java学习日志-08
冒泡排序(简述)老师说,学习不能急躁。学习排序的整体章节在后面有,这儿只是个简单介绍。
排序是什么排序是将多个数据,依指定的顺序进行排列的过程。
排序的分类:
1.内部排序:
指将需要处理的所有数据都加载到内部存储器中进行排序。包括(交换式排序法、选择式排序法和插入式排序法);
2.外部排序法:
数据量过大,无法全部加载到内存中,需要借助外部存储进行排序。包括(合并排序法和直接合并排序法)。
冒泡排序冒泡排序很简单,给你一个数组,你需要将它以从小到大的顺序排序,这时候就可以使用冒泡排序了。
目前,为从左到右进行比较,左边大的数字与右边小的数字交换位置,直到无法交换为止。
// 数组的大小:int[] a = {45,24,69,80,57,13};
接下来,对整个排序进行模拟:
第1次排序
交换第1次 {24,45,69,80,57,13}; => 24和15进行交换
交换第2次 {24,45,69,80,57,13}; => 45<69,不交换
交换第3次 {24,4 ...
java学习日志-07
题目概要这次的目标略微简单些,是一道关于老师讲的题目。因为有了些其他的见解,做了些拓展。下面先亮一下题:
// 这是一个数列,请为数列扩容:// {1,3,4,6}
基于当前的学习情况来讲,我没有学过任何类似于__Python__那种能直接__add元素__的方法,那么我要怎么做才能扩容呢?
答案很简单,只需要再 __创一个数组__,然后 嫁接 过去就可以了。(类似于数组=新数组,调用相同的内存地址,原先初始数组的赋值就被废弃了.)
但……这只是老师的想法啊……
我的思考我的目标:实现数组的增删,且基于当下的条件,适时再引入一些其他的东西(毕竟学过其他语言,不能浪费了)。
整体思路如下:0.创建一个初始数组
int arr_Initial = {1,3,4,6};
1.创建一个接收器,接收是要进行 增/删/阅读/退出 的哪一项:
import java.util.Scanner;Scanner myScanner = Scanner(System.in);// 打印出所有的数据System.out.print("数组的原始数据为:& ...
CTF-web日志-001
题目取自于bugku
题型web,隔了那么长时间没看,bugku居然放了那么多道基础的题目???长见识了长见识了……
GET取题:
思路:题目给出的提示很明显,需要一个Get,我们直接在URL框框内赋值一个get变量就行。具体的如下:
http://114.67.175.224:13409/?what=flag
下面是最终的结果,得到flag:
简单总结这里涉及的知识点不多,相比之前看天书一样的感觉真的是太简单了……知识点仅仅需要会get传参就行,剩下就是简单的把参数调整正确就能出结果了。
简单说一下两道题目一道题目是“滑稽”,只需要打开F12键查看下代码注释就可以得到。
另一道就是“计算器”,只需要打开F12键,查看下调试器的js文件就能看到,里面有一个明显的“echo flag{*******}”(*号代flag,自己去看吧,我省点硬币……)
下面是成功完成的界面。
POST取题:
思路:题目给出的信息为post,说明要使用post传参。题目和get一样,将指定的值传给参数what,再通过post提交。
这里需要用到一个工具:Max HackBar,具体怎么安装有时间再讲。
...
逍遥模拟器https抓包
前言昨天听课时,看着老师做实践,上手一实验就出来了风险报警,怪奇特的……逍遥模拟器的抓包在老版本好像能使用bp直接抓取,但今天试验了下,好像已经不行了,需要特殊的办法导入证书才行。不然会有访问的警告爆出,不能像拦截http那样直接拦截https并操作。
准备配置
重点! Windows11系统蓝BP可能行不通!之前测试了一早上都不能拦截https,安装测试完全没问题,重启后那台手机模拟器的网络还被ban了……后来思来想去,排除了安装配置的问题,指向的问题就只剩下一个:系统。 换到Windows10!换到Windows10!换到Windows10! 当前测试成功拦截https的数据报的是Windows10下的橙BP,目前橙BP版本是v2.0的。
工具为了将https拦截,我们需要两样东西:
OpenSSL:转文件用的
adb:连接安卓模拟器并且写入数据用的因为主要目的是拦截https,OpenSSL和adb我们只看功能,其他不赘述。
开始配置配置手机模拟器和burp的代理首先,打开逍遥模拟器对应的手机,打开WiFi并且 长按 WiFi的标志修改网络的代理,操作如下图(注意!一定要鼠 ...