前端3+1-37、38

最新推荐文章于 2024-07-18 21:58:51 发布

bleach777

最新推荐文章于 2024-07-18 21:58:51 发布

阅读量1k

点赞数

文章标签：前端 css javascript

本文链接：https://blog.csdn.net/a037777777/article/details/122713021

版权

37 html

题目：h5哪些标签可以优化SEO
答案：title、meta、h1-h6、语义化标签（比如header、main、nav、aside、article、section、footer等）

css

题目：不使用border画出1px的线，在不同浏览器和怪异模式下都表现一致
答案：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>不用border实现1px的线</title>
  <style>
    .line {
      width: 6px;
      height: 1PX;
      background-color: black;
    }
  </style>
</head>

<body>
  <div class="line"></div>
</body>

</html>

js

题目：找到字符串中最长的单词，并返回它的长度
答案：

// 找到字符串中最长的单词，并返回它的长度
function test(str) {
  const arr = str.split(' ').map(ele => {
    ele = ele.match(/[a-zA-Z]/ig); // 去除标点符号
    return ele.length;
  });
  return Math.max(...arr);
}

console.log(test('aaa b cc, hello word'));

38 html

题目：对cookie和session的理解
答案：
都是为了会话保持的一种缓存手段
1、cookie：当用户第一次发送http请求时，服务端在响应时会生成返回一个cookie》浏览器会缓存这个cookie，在下一次请求时携带这个cookie信息》服务端根据这个cookie信息来识别这到底是哪个用户
2、session：当用户第一次发送http请求时，服务端会生成一个session，并在响应时生成返回一个cookie - sessionid》浏览器会缓存这个cookie - sessionid，在下一次请求时携带这个cookie - sessionid》服务端根据这个cookie - sessionid，去自己的session缓存里面取得对应的session缓存
3、区别：
cookie用户数据缓存在浏览器，session用户数据缓存在服务器
cookie缓存大小数量有限制，session缓存大小没限制，时间有限制
cookie相对不安全，session安全性相对高

css

题目：实现单行文本居中，多行文本左对齐且超出显示点点点
答案：

<!DOCTYPE html>
<html lang="en">

<head>
  <meta charset="UTF-8">
  <meta name="viewport" content="width=device-width, initial-scale=1.0">
  <title>实现单行文本居中，多行文本左对齐且超出显示点点点</title>
  <style>
    .one {
      text-align: center;

      width: 160px;
      white-space: nowrap;
      text-overflow: ellipsis;
      overflow: hidden;

      border: 1px solid black;

    }

    .two {
      text-align: left;

      width: 160px;
      display: -webkit-box;
      -webkit-line-clamp: 2;
      -webkit-box-orient: vertical;
      text-overflow: ellipsis;
      overflow: hidden;

      border: 1px solid black;
    }
  </style>
</head>

<body>
  <h3>单行居中，文本溢出点点点</h3>
  <div class="one">
    ce
  </div>
  <h3>多行左对齐，文本溢出点点点 - 有兼容问题</h3>
  <div class="two">
    啊弄个那看够康经济昂
  </div>
  <div class="two">
    安宫看过那块格纳库将阿康曲康ikja爱哭鬼i那个卡就你赶快那块公开就格纳库
  </div>
</body>

</html>

js

题目：对eval理解
答案：
相当于一个小型的js解释器，可以把字符串解析成js代码去执行。
由于是把js代码写成字符串，不利于维护；有安全问题；非必要不使用。

bleach777

关注

0
点赞
踩
0

收藏

觉得还不错? 一键收藏
0
评论
前端3+1-37、38

37html题目：h5哪些标签可以优化SEO答案：title、meta、h1-h6、语义化标签（比如header、main、nav、aside、article、section、footer等）css题目：不使用border画出1px的线，在不同浏览器和怪异模式下都表现一致答案：<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta name="vie
复制链接

扫一扫