浮动清除 参考回答: 方法一:使用带 clear 属性的空元素 在浮动元素后使用一个空元素如<div class="clear"></div>，并在 CSS 中赋 予.clear{clear:both;}属性即可清理浮动。亦可使用<br class="clear" />或<hr class="clear" /> 来进行清理。 方法二:使用 CSS 的
关于 JS 动画和 css3 动画的差异性 参考回答: 渲染线程分为 main thread 和 compositor thread，如果 css 动画只改变 transform 和 opacity， 这时整个 CSS 动画得以在 compositor trhead 完成(而 JS 动画则会在 main thread 执行，然 后出发 compositor thread 进行下一步操作)，特别注意
Flex 布局 参考回答: 文章链接: http://www.ruanyifeng.com/blog/2015/07/flex-grammar.html?utm_source=tuicool(语法篇) http://www.ruanyifeng.com/blog/2015/07/flex-examples.html(实例篇)Flex 是 Flexible Box 的缩写，意为"弹性布局"，用来为盒
说一下 css 盒模型 参考回答: 简介:就是用来装页面上的元素的矩形区域。CSS 中的盒子模型包括 IE 盒子模型和标 准的 W3C 盒子模型。 box-sizing(有 3 个值哦):border-box,padding-box,content-box. 标准盒子模型: 区别:从图中我们可以看出，这两种盒子模型最主要的区别就是 width 的包含范围，在 标准的盒子模型中，width 指 c
讲讲304 参考回答: 304:如果客户端发送了一个带条件的 GET 请求且该请求已被允许，而文档的内容(自 上次访问以来或者根据请求的条件)并没有改变，则服务器应当返回这个 304 状态码。 强缓存、协商缓存什么时候用哪个 参考回答: 因为服务器上的资源不是一直固定不变的，大多数情况下它会更新，这个时候如果我们 还访问本地缓存，那么对用户来说，那就相当于资源没有更新，用户看到的还是旧的资 源
cookie sessionStorage localStorage 区别 参考回答: cookie 数据始终在同源的 http 请求中携带(即使不需要)，即 cookie 在浏览器和服务器间 来回传递 cookie 数据还有路径(path)的概念，可以限制。cookie 只属于某个路径下 存储大小限制也不同，cookie 数据不能超过 4K，同时因为每次 http 请求都会携带 cookie，
Cookie 和 session 的区别 参考回答: HTTP 是一个无状态协议，因此 Cookie 的最大的作用就是存储 sessionId 用来唯一标识用 户。 一句话概括 RESTFUL 参考回答: 就是用 URL 定位资源，用 HTTP 描述操作。 讲讲 viewport 和移动端布局 参考回答: 可以参考这篇文章: 响应式布局的常用解决方案对比(媒体查询、百分比、rem 和 vw
对 HTML 语义化标签的理解 参考回答: HTML5 语义化标签是指正确的标签包含了正确的内容，结构良好，便于阅读，比如 nav 表示导航条，类似的还有 article、header、footer 等等标签。 iframe 是什么?有什么缺点? 参考回答: 定义:iframe 元素会创建包含另一个文档的内联框架 提示:可以将提示文字放在<iframe></iframe>
说一下 web worker 参考回答: 在 HTML 页面中，如果在执行脚本时，页面的状态是不可相应的，直到脚本执行完成后， 页面才变成可相应。web worker 是运行在后台的 js，独立于其他脚本，不会影响页面你 的性能。并且通过 postMessage 将结果回传到主线程。这样在进行复杂操作的时候，就 不会阻塞主线程了。 如何创建 web worker: 检测浏览器对于 web work
fetch 发送 2 次请求的原因参考回答:fetch 发送 post 请求的时候，总是发送 2 次，第一次状态码是 204，第二次才成功? 原因很简单，因为你用 fetch 的 post 请求的时候，导致 fetch 第一次发送了一个 Options 请求，询问服务器是否支持修改的请求头，如果服务器支持，则在第二次中发送真正的 请求。 Cookie、sessionStorage、local
说一下 HTML5 drag api 参考回答: dragstart:事件主体是被拖放元素，在开始拖放被拖放元素时触发，。 darg:事件主体是被拖放元素，在正在拖放被拖放元素时触发。 dragenter:事件主体是目标元素，在被拖放元素进入某元素时触发。 dragover:事件主体是目标元素，在被拖放在某元素内移动时触发。 dragleave:事件主体是目标元素，在被拖放元素移出目标元素是触
HTTP 请求的方式，HEAD 方式 参考回答: head:类似于 get 请求，只不过返回的响应中没有具体的内容，用户获取报头 options:允许客户端查看服务器的性能，比如说服务器支持的请求方式等等。 一个图片 url 访问后直接下载怎样实现? 参考回答: 请求的返回头里面，用于浏览器解析的重要参数就是 OSS 的 API 文档里面的返回 http 头，决定用户下载行为的参数。 下载
tcp 三次握手，一句话概括参考回答:客户端和服务端都需要直到各自可收发，因此需要三次握手。简化三次握手:<img width="487" alt="2018-07-10 3 42 11" src="https://user-images.githubusercontent.com/ 17233651/42496289-1c6d668a-8458-11e8-98b3-65db50f64d
1| 前端基础1.1 | HTTP/HTML/浏览器 说一下 http 和 https参考回答:https 的 SSL 加密是在传输层实现的。(1)http 和 https 的基本概念http: 超文本传输协议，是互联网上应用最为广泛的一种网络协议，是一个客户端和服 务器端请求和应答的标准(TCP)，用于从 WWW 服务器传输超文本到本地浏览器的传 输协议，它可以使浏览器更加高效，使网络传输减少
JavaScript 有哪些数据类型，它们的区别? JavaScript 共有八种数据类型，分别是 Undefined、Null、Boolean、 Number、String、Object、Symbol、BigInt。 其中 Symbol 和 BigInt 是 ES6 中新增的数据类型: ●Symbol 代表创建后独一无二且不可变的数据类型，它主要是为了 解决可能出现的全局变量冲突的问题。 ●Bi
1. 一般来说,组件有以下几种关系:①. A和B、B和C、B和D => 父子关系 ②. C和D => 兄弟关系 ③. A和C => 隔代关系(可能隔多代)2. 组件间内置的通信手段一般有两种:这两种方案都是直接得到组件实例,使用后可以直接调用组件的方法或访问数据.(1). ref给元素或组件注册引用信息:#
2. 组件的组成:(1). 属性:①. 自定义属性props: a. 组件props中声明的属性. ②. 原生属性attrs: a. 没有声明的属性,默认自动挂载到组件根元素上. b. 设置inheritAttrs为false可以关闭自动挂载. c. 比如,父组件用了title属性. ③. 特殊属性class、style、ref、key: a. 挂载到
返回值(语法)Nginx、php5.6+ 中 打开⽹网站⾸首⻚页，显示:A PHP Error was encountered Severity: Notice Message: Only variable references should be returned by reference Filename: core/Common.php Line Number: 257解决⽅方法:打开 sy
1. 外部js调用pinia时,解决报错getActivePinia was called with no active Pinia. Did you forget to install pinia？(1). 原因:①. pinia在main.ts中还未注册好,便在它他文件中使用了它(2). 解决方案:// 在store目录中单独创建一个index.ts import { createPinia
数据库主从复制的原理，会不会延迟，会该怎样解决 三个要点:网络延迟，master 负载 slave 负载 slave 对数据安全性的要求 原理 1 master 将数据改变记录到 binlog 中 2 slave 启动一个io线程，从指定位置开 始同步 binlog 3 读取到 master 数据的更新，slave 写入到 replaylog 中，然后开始重 放数据Tps 是事务数/秒 qps 是
29. Find grep 命令区别 grep命令是一种强大的文本搜索工具，它能使用正则表达式搜索文本，并把匹配的行打 印出来。 分区 快速笔记 的第 8 页 印出来。Find 从指定的起始目录开始，递归地搜索其各个子目录，查找满足寻找条件的文件并对 之采取相关的操作 简单是:grep是查找匹配条件的行，find是搜索匹配条件的文件 30. AwkAwk 内置变量: 变量用法$0当前记录(这个变量
数据库触发器 trigger 触发器是一种特殊的存储过程，它被分配给某个特定的表，触发器都是自动调用的。当 一特定的表数据被插入，更新或删除时，数据库需要执行一定的动作，触发器是确保数 据完整性和一致性的基本有效的方法。 1 use 数据库名 2 create/alter trigger 触发器名 3 on 表名 4 for insert / delete /update 5 as 6 触发器要执
18. Strtoupper/strtolower 遇到中文会乱码 1 需要手动分割字符串，然后 ord 函数判 断是否是单词，是则大小写转换，中文则不处理 2 mb_convert_case 函数中有可选参 数，直接能处理这种情况 19. Php-fpm 和 NGINX 通信机制CGI:是 Web Server 与 Web Application 之间数据交换的一种协议。FastCGI:同 CG
Do while while foreach for 区别 Do while 和while类似，do while 会不管条件真假先执行一次，while 条件为真才执 行，foreach 循环为先读取整块数据，然后再循环，而 for 主要用于限制循环次数 例如循环数组，while 是移动内部指针，foreach 是对数组副本进行操作，而 foreach 在读操作比较快，在写操作比较慢，因为 php
Copyright © 2005-2024 51CTO.COM 版权所有 京ICP证060544号
