qq_43563512的博客

前端css知识脑图

浏览器检查：按F12查看元素是否"浮起来"（脱离文档流）正常文档流：元素像书架上的书，严格从上到下排列。渐进式布局：先写HTML结构，再逐步添加浮动。颜色标记法：给父元素加背景色，观察是否塌陷。现象：父元素变成"空泳池"，背景边框失效。现象：多个浮动元素卡在容器边缘无法换行。原因：浮动的子元素不占父容器空间。现象：后面的内容紧贴浮动元素排列。比喻：泳池里的救生圈漂走后…🚀 推荐：现代布局的首选方案。✅ 优势：彻底告别浮动烦恼。比喻：就像泳池里的救生圈。/* 后续普通内容 *//* 父容器边框 */

属性设置元素是否被视为块级或行级盒子以及用于子元素的布局，例如流式布局、网格布局或弹性布局。

【代码】选择器进阶。

js闭包为什么使用闭包原理为什么使用闭包减少全局变量的使用，增加代码维护度、系统安全性。原理在函数外部访问函数内部局部变量。外部函数 f1(){var 变量 a;定义： 内部函数 f2（）｛访问变量 a；｝return f2；}//外部使用f2（）；引用变量 var f = f1();f();内部函数f2可以访问外部函数f1局部变量a外部函数f1局部变量a的生命周期也会因为内部函数f2使用该变量而得到延长直到内部函数f2执行完且 ，指向内部函数的引用 f不再使

也就是说当重复请求的的路径没有改变时，浏览器就以为是同一个资源，而且自己一开始就缓存了该资源，那么浏览器就会偷懒，用缓存的资源，而不是去向服务器请求一个新的资源。这样做可以很好地提高性能。但是对于在服务器端，虽然路径相同，但是随时间会改变的资源。这就不行了。所以url后加时间戳就是为了让浏览器认为该请求是个新的请求，就不会偷懒了，实实在在去服务器请求新的资源。当然在 url后加随机数也是可以的。常用于验证码申请、数据库数据请求等等。代码：//解决浏览器缓存function timestamp(ur

这里写目录标题Ajax关于readyState（状态值）和status（状态码）的研究1.Ajax：readyState（状态值）和status（状态码）的区别2.什么是readyState3.什么是status4.为什么要同时使用readstate与status判断响应第一种思考方式：只使用readyState第二种思考方式：只使用status判断5.由上面的试验，我们可以知道判断的时候readyState和status缺一不可。那么readyState和status的先后判断顺序会不会有影响呢？我们可以

这里写目录标题1. 创建XMLHttpRequest异步对象2. 设置回调函数3. 使用open方法与服务器建立连接4. 向服务器发送数据5. 在回调函数中针对不同的响应状态进行处理1. 创建XMLHttpRequest异步对象1. var xhr;if (window.XMLHttpRequest) {// code for IE7+, Firefox, Chrome, Opera, Safari xhr=new XMLHttpRequest(); }else {// code f

Cookie由服务端创建Cookie响应给客户端客服端保存客服端下一次访问相同的Servlet就可以通过Cookie免登陆生成Cookieimport javax.servlet.ServletException;import javax.servlet.annotation.WebServlet;import javax.servlet.http.Cookie;import javax.servlet.http.HttpServlet;import javax.servlet.h

前言：弹性布局是一种当下新的布局手段，主要用来替代浮动来完成页面的布局。通过设置display：flex可以使元素具有弹性，让子元素可以跟随页面的大小改变而改变。弹性容器：要用弹性盒，必须将一个元素设置弹性容器。通过display来设置弹性容器- display：flex 设置为块级弹性容器- diplay：inline-flex 设置为行内的弹性容器弹性元素：弹性容器的直...