lh_lh_24 - 个人主页动态 - 牛客网

发布(255) 评论刷题收藏

2021-08-07 16:17

已编辑

北京林业大学前端工程师

transition 和 animation

transition 和 animation 他们都是随时间改变元素的属性值 1. transition <div class="box"></div> .box { width: 200px; height: 200px; margin: 50px auto; background-color: #00b3f1; /* transition: 哪个属性动 运动在多长时间完成 延迟时间 运动类型；*/ transition: all .5s linear; } .box:hover { width: 300px; height: 300px; } （...

0 点赞评论收藏

分享

2021-08-07 16:01

已编辑

北京林业大学前端工程师

link 和 @import

link 和 @import （1）link 属于 html 标签，而 @import 是 css 提供的； （2）页面被加载时，link 会同时被加载，而 @import 引用的 css 会等到页面加载结束后加载。 （3）link 是 html 标签，因此没有兼容性，而 @import 只有 IE5 以上才能识别。 （4）link 方式样式的权重高于@import 的。

0 点赞评论收藏

分享

2022-03-10 14:54

已编辑

北京林业大学前端工程师

盒子模型 1. 简介 用来装页面上的元素的矩形区域。CSS 中的盒子模型包括 IE 盒子模型和标准的 W3C 盒子模型。 box-sizing（有3 个值）：border-box（IE盒子模型），padding-box，content-box（标准盒子模型） 2. 标准盒子模型  3. IE盒子模型 也叫怪异盒子模型  4. 区别 从图中我们可以看出，这两种盒子模型最主要的区别就是 width 的包含范围，在标准的盒子模型中，width 指content 部分的宽度，在 IE 盒子模型中，width 表示 content + padding + border 这三个部分的宽度，故这使得在计算整...

0 点赞评论收藏

分享

2021-08-07 15:47

已编辑

北京林业大学前端工程师

CSS3 新增属性

CSS3 新增属性 1. 边框 CSS3 边框如 border-radius，box-shadow 等； 2. 背景 CSS3 背景如 background-size，background-origin 等； 3. transform CSS3 2D，3D 转换如 transform 等； 4. 动画 CSS3 动画如 animation 等。 5. 布局 布局方面：新增了flex 布局 6. 选择器 选择器方面：新增了例如 first-of-type，nth-child 等选择器 7. 盒模型 盒模型方面：添加了box-sizing 来改变盒模型 8. 颜色 在颜色方面：添加透明，rbga ...

0 点赞评论收藏

分享

2021-08-09 16:43

已编辑

北京林业大学前端工程师

怎么看网站的性能如何

怎么看网站的性能如何 检测页面加载时间一般有两种方式，一种是被动去测：就是在被检测的页面置入脚本或探针，当用户访问网页时，探针自动采集数据并传回数据库进行分析。另一种主动监测的方式，即主动的搭建分布式受控环境，模拟用户发起页面访问请求，主动采集性能数据并分析。 在检测的精准度上，专业的第三方工具效果更佳，比如说性能极客。

0 点赞评论收藏

分享

2021-08-09 16:43

已编辑

北京林业大学前端工程师

XSS 和 CSRF 1. XSS 1.1 简介 XSS：跨站脚本攻击（Cross Site Scripting） 发生在目标用户的浏览器层面上的，当渲染 DOM 树的过程发生了不在预期内执行的 JS 代码时，就发生了 XSS 攻击。大多数 XSS 攻击的主要方式是嵌入一段远程或者第三方域上的 JS 代码。实际上是在目标网站的作用域下执行了这段 JS 代码。 攻击者通过注入恶意的脚本，在用户浏览网页的时候进行攻击，比如获取 cookie，或者其他用户身份信息。可以分为存储型和反射型。存储型是攻击者输入一些数据并且存储到了数据库中，其他浏览者看到的时候进行攻击；反射型的话不存储在数据库中，往往表...

0 点赞评论收藏

分享

2021-08-09 16:43

已编辑

北京林业大学前端工程师

浏览器生成页面的时候，会生成哪两棵树

浏览器生成页面的时候，会生成哪两棵树 构造两棵树，DOM 树和 CSSOM 规则树， 当浏览器接收到服务器相应来的 HTML 文档后，会遍历文档节点，生成DOM 树， CSSOM 规则树由浏览器解析CSS 文件生成。

0 点赞评论收藏

分享

2022-03-13 22:13

已编辑

北京林业大学前端工程师

HTML5 新增的元素

HTML5 新增元素 1.1. 标签增删 1.1.1 新增标签 首先 HTML5 为了更好的实践 web 语义化，增加了 header，footer，nav，aside，section，main，article，figure 等语义化标签。    标签 用法     header 头部标签   nav 导航标签   article 内容标签   section 块级标签   aside 侧边栏标签   footer 尾部标签    在表单方面，为了增强表单，为 input 增加了 color，email，date ，range 等类型。 1.2. web存储方面 提供了 sessionStor...

0 点赞评论收藏

分享

2021-08-07 13:52

已编辑

北京林业大学前端工程师

CSS 画三角形和正方体

CSS 画三角形和正方体 1. 画三角形 三角形原理：边框的均分原理 设置 div 高为 0，四边设置边框宽度为 100px； div { width: 0px; height: 0px; border-top: 100px solid red; border-right: 100px solid blue; border-bottom: 100px solid green; border-left: 100px solid transparent; } 2. 画正方体 <!DOCTYPE html> <html lang="en"> <hea...

0 点赞评论收藏

分享

2021-08-09 14:49

已编辑

北京林业大学前端工程师

前端优化 降低请求量：合并资源，减少 HTTP 请求数，minify / gzip 压缩，webP，lazyLoad。 加快请求速度：预解析 DNS，减少域名数，并行加载，CDN 分发。 缓存：HTTP 协议缓存请求，离线缓存 manifest，离线数据缓存 localStorage。 渲染：JS/CSS 优化，加载顺序，服务端渲染，pipeline。

前端工程化

0 点赞评论收藏

分享

2022-03-10 13:49

已编辑

北京林业大学前端工程师

HTTP 常用请求头

HTTP 常用请求头  参考：https://blog.csdn.net/qq_30553235/article/details/79282113     协议头 说明 示例 状态     Accept 可接受的响应内容类型 Accept: text/plain 固定   Accept-Charset 可接受的字符集 Accept-Charset: utf-8 固定   Accept-Encoding 可接受的响应内容的编码方式 Accept-Encoding: gzip, deflate 固定   Accept-Language 可接受的响应内容语言列表 Accept-Language: z...

计算机网络

0 点赞评论收藏

分享

2021-08-09 16:44

已编辑

北京林业大学前端工程师

cookie和session的区别

cookie和session的区别 （1）cookie 数据存放在客户的浏览器上，session 数据放在服务器上。 （2）cookie 不是很安全，别人可以分析存放在本地的COOKIE 并进行COOKIE 欺骗，考虑到安全应当使用session。 （3）session 会在一定时间内保存在服务器上。当访问增多，会比较占用你服务器的性能，考虑到减轻服务器性能方面，应当使用COOKIE。 （4）单个 cookie 保存的数据不能超过4K，很多浏览器都限制一个站点最多保存 20 个cookie。

0 点赞评论收藏

分享

2021-08-07 17:24

已编辑

北京林业大学前端工程师

click在iOS上有300ms延迟，原因及如何解决

click在iOS上有300ms延迟，原因及如何解决 1. 粗暴型，禁用缩放 <meta name="viewport" content="width=device-width, user-scalable=no"> 2. 利用FastClick，其原理是 检测到 touchend 事件后，立刻出发模拟 click 事件，并且把浏览器 300 毫秒之后真正触发的事件给阻断掉。

0 点赞评论收藏

分享

2021-08-07 17:25

已编辑

北京林业大学前端工程师

严格模式与混杂模式

严格模式与混杂模式 Doctype 声明于文档最前面，告诉浏览器以何种方式来渲染页面，这里有两种模式，严格模式和混杂模式。 严格模式的排版和 JS 运作模式是以该浏览器支持的最高标准运行。 混杂模式，向后兼容，模拟老式浏览器，防止浏览器无法兼容页面。

0 点赞评论收藏

分享

2021-08-07 17:25

已编辑

北京林业大学前端工程师

iframe 1. 定义 iframe 元素会创建包含另一个文档的内联框架 提示：可以将提示文字放在<iframe></iframe>之间，来提示某些不支持iframe 的浏览器 2. 缺点 （1）会阻塞主页面的 onload 事件 （2）搜索引擎无法解读这种页面，不利于 SEO （3）iframe 和主页面共享连接池，而浏览器对相同区域有限制所以会影响性能。

0 点赞评论收藏

分享

创作者周榜

更多

关注他的用户也关注了：

牛客网
牛客网在线编程
牛客网题解
牛客企业服务