11 2020 档案
摘要:简述 如果我们想让盒子自由地在某个盒子内移动位置或者固定在屏幕中的某个位置并且压住盒子的话,我们就需要定位了。 定位的本质也还是摆盒子,只不过按照定位的方式摆盒子。 定位 = 定位模式 + 边偏移 定位模式 定位模式决定了元素的定位方式,通过CSS的position属性值设置,值可以分为四个: 边偏
阅读全文
摘要:简述 如果有一个父盒子,里面有非常非常多的小盒子,多到页面要拉很下才看得到底,且每天都要往父盒子里塞新的小盒子,那么父盒子就不方便指定高度了。 如果一个父盒子分为左右两部分,但做优两部分实际内容不一样高,那么这个父盒子的高度就不容易给了。 所以我们渴求一种理想中的情况,不给父盒子高度,让盒子撑开父亲
阅读全文
摘要:浮动元素要和标准流的父盒子搭配 浮动元素多数情况是摆在父盒子里面的,不然就会以浏览器页面为基准浮动。 一个元素浮动了,理论上其他兄弟也要浮动 如果不浮动就不在同一行,或者被占据位置。 浮动的盒子不会影响前面的盒子,会影响后面的标准流盒子。
阅读全文
摘要:简述 下面我们来构建一个小型web项目,实现登录功能和展示所有用户功能。 步骤 首先我们来创建个数据库叫companydb,创建个表叫admin设置字段及类型 CREATE DATABASE companydb; USE companydb; CREATE TABLE admin( username
阅读全文
摘要:简述 用户可以向服务器提交数据,那么服务器是不是要给用户一些响应信息呀,比如说注册成功。 如果我们在servlet里sout一个内容,它是不会显示在浏览器里的,那么怎么才能响应给我们的客户端呢 response对象 response对象就是用于响应客户端请求并向客户端输出信息的对象。 respons
阅读全文
摘要:如果我们想要做这样的布局,该怎么做捏? 和往常一样,我们先整个标准流的父盒子,然后在父盒子里划分成两块,用两个盒子填充 我们设计一个大盒子里面套两个小盒子,给他们设置宽高和背景色,给两个小盒子设置左浮动 这是效果图,我们可以知道左青龙只需放张图片即可,右白虎需要放很多小盒子 我们给right盒子里面
阅读全文
摘要:对于浏览器的请求 ServletRequest有很多种请求,最主要的就是get请求和post请求 get请求 •get提交的数据会放在URL后,以?分割URL和传输数据,参数之间以&相连 •get方法以明文传输,数据量少,不安全 •效率高,浏览器默认请求方式是GET请求 •对应的servlet方法是
阅读全文
摘要:简述 在servlet3.0之后,servlet支持使用注解配置了。 使用注解配置后就不用写web.xml,极大地提高了开发效率 使用方法 我们只需在servlet类前加上WebServlet,里面写上响应的参数,即可完成servlet的配置 需要注意的是在这里名字就可以省略了,value和urlP
阅读全文
摘要:简述 通过web.xml配置servlet是servlet2.5之前使用的配置方式,换句话说它是一种通用的配置方式。 servlet标签可以配置servlet的名称和java类的映射 servlet mapping标签可以配置servlet名称和url路径的映射 url-pattern url-pa
阅读全文
摘要:我们来看小米的大型导航栏模块 这个案例明显可以用浮动来做,整一个大的父类元素,然后分成左边和右边,左右没有间隙故可以设置为浮动 我们先写个标准流的父类盒子,设置宽高,背景色和居中 然后我们给左右盒子合理地划分空间,让他们的宽度加起来等于大盒子的宽度,之后将他们加上浮动 我们就可以看到大盒子的左右两部
阅读全文
摘要:简述 对于普通的servlet接口,我们必须重写5个方法 但真正核心的方法是service方法,对于其他四个方没有那么重要。 于是GenericServlet让编写servlet更加容易。它提供生命周期方法init和destroy的简单实现,要编写一般的servlet方法只需重写抽象方法servic
阅读全文
摘要:浮动的特性 加了浮动的元素,会具有很多特性 1.浮动元素会脱离标准流(脱标) 2.浮动的元素会一行内显示并且元素顶部对齐 3.浮动的元素会具有行内块元素的特性 脱标 脱标最大特点就是浮动的盒子不再保留原来的位置 假设我们有两个盒子,现在把上面的盒子设置为浮动的 这样上面的盒子就不再保留原来的位置,下
阅读全文
摘要:简述 网页布局的本质——用CSS来拜访盒子,把盒子拜访到相应位置。 CSS提供了三种传统布局方式:普通流、浮动、定位。 我们还可以通过弹性盒子、网格改变CSS的布局。 标准流 标准流就是标签按照规定好默认方式排列。 1.块级元素会独占一行,从上到下排列 2.行内元素会按照顺序,从左到右顺序排列,碰到
阅读全文
摘要:在一些常见的网站,我们把鼠标移动到盒子,盒子下方就会浮现阴影 在CSS3中,我们可以使用box-shadow属性为盒子增加阴影 属性值如下: 我们实操一下,首先先准备一个盒子 首先是前两个参数,代表阴影在xy轴的位置,我们先看 0 0会是什么效果 可以看到阴影整齐地出现在盒子的外围,通过调整第一第二
阅读全文
摘要:什么是HTTP协议 HTTP协议是超文本传输协议,是互联网上用得最广泛的一种网络协议。它是一个基于请求和响应模式的,无状态的,应用层的协议,运行在TCP协议基础之上。 HTTP协议的特点 •支持B/S架构 •简单快速:客户端只向服务器发送请求方式和路径,服务器即可响应数据,因此通信很快。请求方式常用
阅读全文
摘要:在CSS3中,新增了圆角边框样式,这样我们的盒子就可以变成圆角的了。 语法: 例如我现在有一个300*150 现在我们加入这句语法,指定圆半径为10px、 我们的边框就变成圆角的了 其原理就是在矩形的四个角放一个半径为你指定的圆,让矩形的边框沿着圆的边框走 如果是正方形,想要设置成一个圆,把数值修改
阅读全文
摘要:简述 平时我们修改一点代码,然后在idea里启动tomcat,那个叫热部署。 如果你的代码写好了,bug调好了,想要这个web项目上线,就需要用到war包了。 1.通过war包部署 2.配置conf/server.xml文件 3.通过xml配置文件进行热部署。 什么是war包 war是一个可以直接运
阅读全文
摘要:简述 如果我们要做一个前端的快报模块,我们该怎么设计呢? 步骤 首先我们分析一下它的构成,我们可以划分为三个部分,一个超大的盒子,还有上下两个小部分 第一步我们设计我们的大盒子,我们起名叫box,设置它的宽度和高度,设置边框样式,然后让他水平居中 然后我们设计快报的头部,我们采用一个只有下边框的盒子
阅读全文
摘要:简述 如果我们想实现这样一个小米盒子案例,我们应该怎么做呢? 首先我们来了解一下它的结构 它首先肯定是由一个大盒子包含起来的,这里用div实现,我们起名叫box 然后我们准备一张图片放在盒子上方,使用img标签即可 图片下面有一个文字评论,我们这里用段落标签即可,起名叫review 文字评价下面还有
阅读全文
摘要:简述 CSS的盒子模型本质上就是一个用于装html元素的盒子,它包括:边框、外边距、内边距和实际内容。content就是我们实际内容的html元素,border就是盒模型的边框,在边框内的距离就是内边距,在边框外的距离就是外边距。 如果你给盒子设置宽和高,设置的是content的宽和高,整个盒子的宽
阅读全文
摘要:简述 除了手动创建servlet字节码放到tomcat服务器,我们还可以利用我们强大的Idea创建我们的web项目。 步骤 在创建新项目我们按如下步骤创建项目: 输入项目名称后就完成了项目的创建 创建出来的项目结构如下图所示: 使用开发工具编写servlet,仍要手动导入servlet-api.ja
阅读全文
摘要:传送门:https://codeforces.ml/contest/1443/problem/B 题意 给你一串01字符串,你可以花费a引爆一串连续的1,或者花费b让一个0变成1。问引爆这串字符串的所有1需要多少花费。 思路 假设这串字符的1的联通块个数有num个,则他们之间0的联通块为num-1个
阅读全文