01 2022 档案

前端3+1(Day17)
摘要：前端3+1(Day17) 你认为table的作用和优缺点 table：绘制表格 优点： 在某些场合，使用Table是100%的适合，恰当正确的 缺点： Table比其他的html标记占用更多的字节(延迟下载时间，占用服务器更多的流量资源) Table会阻挡浏览器渲染引擎的顺序(延迟页面生成的速度) 阅读全文
posted @ 2022-01-27 14:50 summer在writing 阅读(15) 评论(0) 推荐(0)
前端3+1(Day16)
摘要：前端3+1(Day16) 元素的alt和title有什么区别 ALT属性 alt属性：是img一个必需的属性，它规定在图像无法显示时替代的文本 alt属性可以为图像提供替代的信息： 网速太慢 src属性中的错误 浏览器禁用图像 用户使用的是屏幕阅读器 title属性 是对规定关于元素额外信息，这些信 阅读全文
posted @ 2022-01-27 14:49 summer在writing 阅读(28) 评论(0) 推荐(0)
前端3+1(Day15)
摘要：前端3+1(Day15) title VS h1，i VS em, b VS strong title：这时标签，是网页标题 h1：是指一个文档的标题 i: 是指斜体，用于图标和图标 em: 是指斜体，主要用于文字 b: 文本加粗 strong：也可以是文本加粗，他也表示加强语气 style标签写在 阅读全文
posted @ 2022-01-23 22:10 summer在writing 阅读(13) 评论(0) 推荐(0)
前端3+1(Day14)
摘要：# 前端3+1(Day14) ## 为什么HTML5只需要写 因为HTML4中的doctype需要对DTD进行引用，因为HTML4.0基于SGML。 而HTML5不基于SGML，不需要对DTD进行引用，但是需要doctype来规范浏览器行为 SGML是比HTML，XML更老的标准，这两者都是由SGM 阅读全文
posted @ 2022-01-23 20:37 summer在writing 阅读(28) 评论(0) 推荐(0)
前端3+1(Day13)
摘要：前端3+1(Day13) html5中的form是怎么关闭自动完成的 通过Form的autocomplete为"on"或者"off"来开启或者关闭自动完成功能 通过输入框的aotocomplete为“on”或者"off"来开启或者关闭输入框的自动完成功能 ::before和:after的单冒号和双冒 阅读全文
posted @ 2022-01-17 15:25 summer在writing 阅读(21) 评论(0) 推荐(0)
前端3+1（Day12）12.3
摘要：前端3+1(Day12) 获取浏览器URL中查询字符串的参数 认识Location对象 Location对象：包含当前页面与位置(url)相关的信息 Location对象有8个属性： window.location. href:声明了当前页面的完整的URL protocol：声明URL的协议部分，包 阅读全文
posted @ 2022-01-16 20:57 summer在writing 阅读(22) 评论(0) 推荐(0)
前端3+1（Day12）12.1，12.2
摘要：前端3+1(Day12) 常见的浏览器内核都有哪些，介绍你对内核的理解 什么是内核，浏览器的作用 浏览器的主要功能就是向服务器发送请求，在浏览器窗口展示您使用的网络资源。这里所说的资源是指HTML文档，pdf，或者图片等其他类型。资源的位置由用户使用URL指定。 浏览器的内核是指，浏览器运行的最核心 阅读全文
posted @ 2022-01-16 20:56 summer在writing 阅读(37) 评论(0) 推荐(0)
前端3+1(Day11)11.2
摘要：前端3+1(Day11) 常见css布局方式 传统盒模型布局 文档流布局 块级元素占一行，行内元素共享一行 浮动布局 float,会脱离文档流 定位布局 就是使用position flex布局 常见属性父盒子 flex-direction:定义文档的书写方向，就是主轴的方向 flex-wrap:看换 阅读全文
posted @ 2022-01-15 23:29 summer在writing 阅读(27) 评论(0) 推荐(0)
前端3+1(Day11)11.1
摘要：前端3+1(Day11) 你对标签语义化的理解 就是标签对内容有所表达，例如HTML5语义化标签的主要有： ,,.,,,等等 优点： 为了在没有css的情况下，页面也能呈现出很好的内容结构，代码结构 比标签更具有丰富的含义，方便开发于维护 方便搜索引擎能识别页面结构，有利于SEO 方便其他设备解析( 阅读全文
posted @ 2022-01-15 23:27 summer在writing 阅读(26) 评论(0) 推荐(0)
前端3+1（Day10）
摘要：前端3+1(Day10) viewport常见设置都有哪些 viewport是指用户网页的可视区域，在手机浏览器中被称为视区 在web中，不包括浏览器UI，菜单栏等，一般就是你浏览文档的那部分（你目前所能见的） 设置viewport width，height：设置viewport的大小，可以是指定的 阅读全文
posted @ 2022-01-13 12:40 summer在writing 阅读(35) 评论(0) 推荐(0)
前端3+1（Day9）9.1
摘要：前端3+1(Day9) 实现浏览器内多个标签页面之间通信的四种方法 什么是标签页之间的通信 实现标签页通信的方法 websocket通讯 全双工通信自然可以实现多个标签页之间的通信 websocket是HTML5新增的协议，它可以实现浏览器和服务器之间建立不受限制的双向通信通道。浏览器可以随时给服务 阅读全文
posted @ 2022-01-12 19:01 summer在writing 阅读(31) 评论(0) 推荐(0)
前端3+1（Day9）9.2，9.3
摘要：前端3+1(Day9) 渐进增强和优雅降级 背景 都是在css3出现后才出现的，这个是为了那些低级浏览器保证的基本的css3功能 概念 渐进增强 先是针对低版本浏览器进行构建页面，完成基本功能后，在针对高级浏览器进行效果，交互，追加功能达到更好的体验 渐进增强，优先会考虑老版本浏览器的可用性，最后才 阅读全文
posted @ 2022-01-12 19:01 summer在writing 阅读(22) 评论(0) 推荐(0)
前端3+1（Day8）
摘要：前端3+1(Day8) 消除浮动的方法及其优缺点 给外部盒子也加上float 优点：将外部盒子也从标准文档流中抽离，让他可以和孩子见面 缺点：可读性性差，而且可能需要调整整个页面布局 在外部盒子内最下方加上clear 可以是div也可以是其他的块级元素，把 放在盒子的底部，用最下面的空盒子来清除浮动 阅读全文
posted @ 2022-01-11 11:18 summer在writing 阅读(23) 评论(0) 推荐(0)
前端3+1(Day7)7.2
摘要：前端3+1(Day7) 简述你对BFC的理解 BFC概念 具有BFC特性的元素可以看作是隔离了的独立容器，容器里的元素不会在布局上影响到外边的元素，并且BFC具有普通容器没有的特性 触发BFC 满足任意一个条件即可触发BFC body 根元素 浮动元素：float:除none以外的值 绝对定位元素： 阅读全文
posted @ 2022-01-10 17:05 summer在writing 阅读(32) 评论(0) 推荐(0)
前端3+1(Day7)
摘要：前端3+1(Day7) iframe框架有哪些优缺点 功能： 用来实现长连接 跨域通信 历史记录管理 纯前端的utf8和gbk编码互转 无刷新文件上传 网页调起客户端应用 创建一个全新的独立的宿主环境 IE6下用于遮罩select 实现长连接： 当websocket不可用时作为一种替代，最开始有go 阅读全文
posted @ 2022-01-10 17:04 summer在writing 阅读(32) 评论(0) 推荐(0)
@meida ，媒体查询
摘要：# 媒体查询 ### 基础： #### 组成部分： 一个媒体类型 一个媒体表达，是被包含的css生效所需的规则或者测试 一组css规则，会在测试通过且媒体查询类型正确的时候用 #### 媒体类型： all 所有 print 打印的时候，打印机和打印预览 screen 用于电脑屏幕，手机等等 spee 阅读全文
posted @ 2022-01-09 21:26 summer在writing 阅读(127) 评论(0) 推荐(0)
前端3+1（Day5）
摘要：# 前端3+1（Day5） ### 超链接的target属性有哪些，分别有哪些作用 _blank 浏览器总是打开一个新标签 <a href="#" target="_blank"></a> _self (默认)，就在这个页面内打开，（在这个框架下显示） _parent,在父框架下打开链接（在上一级的 阅读全文
posted @ 2022-01-09 12:59 summer在writing 阅读(18) 评论(0) 推荐(0)
前端3+1（Day6）
摘要：前端3+1(Day6) label标签有什么作用 的作用，用于增加用户体验 /文本内容/ <input type="checkbox" id="text"> <label for="text">这是文本框</label> <input type="button" id="btn"> <label f 阅读全文
posted @ 2022-01-08 21:47 summer在writing 阅读(24) 评论(0) 推荐(0)
前端3+1(Day4）4.2
摘要：# 前端3+1（Day4） css选择器有哪些，那些属性可以继承 #### 选择器 通配符 * 类名选择器 属性选择器 元素选择器 ID选择器 选择器列表： ，可以将两个不同的选择器组合起来 组合选择器： 后代选择器匹配的是B A B 所有位于A选择器的B选择器 div span 所有位于div里面 阅读全文
posted @ 2022-01-07 14:15 summer在writing 阅读(28) 评论(0) 推荐(0)
前端3+1（Day4）
摘要：前端3+1（Day4） HTML5离线存储 是什么： 可以将站点的一些文件存储在本地。在没有网络的时候，可以访问到已缓存的对应站点页面。即使在有网络的时候，浏览器也会默认去优先使用已离线的存储文件，返回一个200头 原理： HTML5离线存储是基于新建一个.manifest文件的缓存机制(不是存储技 阅读全文
posted @ 2022-01-07 13:43 summer在writing 阅读(40) 评论(0) 推荐(0)
基础知识----正则
摘要：正则表达式简介 测试字符串的内的模式看字符串是否符合规范，就是数据验证 替换文本 在字符串内提取子字符串 正则表达式语法 一.普通字符 +符号表示，前面的一个字符至少出现一次（ >=1） runoo+b 可以匹配runoob,runooob,runoooob等 *符号表示，前面的一个字符可以出现0次 阅读全文
posted @ 2022-01-06 17:00 summer在writing 阅读(124) 评论(0) 推荐(0)
前端3+1（Day3）
摘要：前端3+1(Day3) HTML的全局属性有哪些 什么是全局属性 可与所有HTML元素一起使用的属性 accesskey 规定元素的快捷键（使用alt+accesskey的属性值） class 规定类名 contenteditable 规定内容是否可编辑 contextmenu 规定元素的上下文菜单 阅读全文
posted @ 2022-01-06 14:47 summer在writing 阅读(22) 评论(0) 推荐(0)
前端3+1（Day2）
摘要：前端3+1(Day2) css3新特性 是什么 选择器 新样式 transition transform animation 渐变 是什么 css3为css的新标准，也就是css1/2在css3里面都是可以用的 选择器 elemnent~element2 p~ul 选择前面有元素的每个元素 [att 阅读全文
posted @ 2022-01-05 21:00 summer在writing 阅读(44) 评论(0) 推荐(0)
前端3+1（Day2）
摘要：前端3+1（Day2） html的元素有哪些（包括H5） 行内元素： - <a></a> - <b></b>加粗 - <span></span> - <strong></strong>加粗 - <i></i>斜体 - <em></em>斜体 - <button></button>按钮 - <inpu 阅读全文
posted @ 2022-01-04 23:26 summer在writing 阅读(28) 评论(0) 推荐(0)
前端3+1（Day1）
摘要：前端3+1(Day1) 圣杯与双飞翼布局区别 我发现： 两者都是一样的布局，只是，中间部分略有区别 圣杯布局要求： header和footer各占一半，高度固定 中间的container是一个三栏布局 三栏布局两侧的宽度固定不变，中间部分自动填充整个区域 中间部分的高度其实是三栏高度最高的 圣杯布局 阅读全文
posted @ 2022-01-04 21:11 summer在writing 阅读(48) 评论(0) 推荐(0)
前端3+1(Day1)
摘要：前端3+1(Day1) 页面导入样式时，使用link和@import有什么区别? 区别1：link是XHTML标签，除了加载CSS外，还定义RSS等其他事务；@import属于CSS范畴，只可以加载CSS 补充1 XHTML和HTML一样，是一种文本标记语言，但XTML要求多，更加纯净 XHTML元 阅读全文
posted @ 2022-01-03 13:05 summer在writing 阅读(33) 评论(0) 推荐(0)