前端笔试题解析_字节跳动前端面试题

前端 (5) 2024-06-26 09:12

Hi,大家好,我是编程小6,很荣幸遇见你,我把这些年在开发过程中遇到的问题或想法写出来,今天说一说
前端笔试题解析_字节跳动前端面试题,希望能够帮助你!!!。

  • Form标签的( action )属性用于设置表单提交时向何处发送表单数据。

  • HTML中的( ul )标签用于定于无序列表。

  • 设置圆角的样式属性是:(border-radius)。

  • 在CSS3中设置样式为:( box-sizing:border-box )可以改变默认盒子模型计算方式。

  • 数组的( pop )方法可以删除并且返回数组的最后一个元素。

  • 正则表达式的元字符( \D )用于匹配一个非数字字符。

  • Javascript中的(call 或 apply 或 bind)和(call 或 apply 或 bind)方法用于改变this指向。

  • 执行代码const a = typeof null ; a的值是(object)

  • http协议的(301)状态码, 代表永久性转移(Permanently Moved)。

  • html中,大于号(>) 的转义编码是(&amp 或者 gt)

  • 以下属于Audio/Video的方法有? 1.load 2.start 3.pause

  • 以下那些是css属性position可以设置的值:fixed relative absolute inherit

  • 有以下代码,最终字体的颜色为? blue(id优先级最高)

<div class='red black' id="yy">YY</div> <style> #yy{ 
    color:blue;} .black{ 
    color:black;} .red{ 
    color:red;} div{ 
    color:white;} </style> 复制代码
  • 以下结果返回true的有?
[0,1,2,3,4].every(Number) false //因为有 0 在 复制代码

[0,1,2,3,4].some(Number) true 复制代码

[0,1,2,3,4].forEach(Number) 复制代码

[0,1,2,3,4].map(Number) 复制代码

  • 以下是支持正则表达式的String对象的方法有?

    1.replace

    2.split

  • 以下代码能把json格式的字符 { } 转成json对象的有?

    1. JSON.parse(‘{}’)

    2. (new Function("return {}"))()

    3. evel('{}')

  • 在Object.defineProperty(obj, prop, descriptor) ,descriptor参数可以设置的属性有?

    1.configurable

    2.enumerable

    3.value

  • px、em、rem、vh、vw的区别是什么?

    1. px代表物理屏幕上能显示出的最小的一个点,

    2. em 是相对于父级的字体大小,

    3. rem是相对于HTML跟元素的字体大小,

    4. vh 和 vw 相对于视口的高度和宽度,1vh 等于1/100的视口高度,1vw 等于1/100的视口宽

  • DOM的onload和domContentLoaded事件有什么区别?

    当 onload 事件触发时,页面上所有的DOM,样式表,脚本,图片,flash都已经加载完成了。 当 DOMContentLoaded 事件触发时,仅当DOM加载完成,不包括样式表,图片,flash

  • requestAnimationFrame方法是做什么用的,应用场景有哪些?

    浏览器可以优化并行的动画动作,更合理的重新排列动作序列,并把能够合并的动作放在一个渲染周期内完成,从而呈现出更流畅的动画效果,节省CPU。 应用场景:游戏、动画

  • 网站的登录态是如何保持的,一个完整的登录流程是怎样实现的?

    通过cookies来保持的,cookie面面存储token,每次请求到后端服务器都会带上token。从而验证用户是否登录。 输入用户、密码—>点击登录发送到服务端—》服务端验证密码生成token—》写入到cookies返回成功。 *有如下HTML代码,实现点击删除链接后,删除当前点击所在的li项。

html代码:

<ul class=”list”> <li>aa<a href="/">删除</a></li> <li>bb<a href="/">删除</a></li> <li>cc<a href="/">删除</a></li> </ul> 复制代码

js代码:

 示例,(答题要点:查找元素,监听事件,阻止默认操作、删除节点) var list = document.querySelector('.list'); list.addEventListener('click',function(event){ event.preventDefault(); //阻止a标签url跳转 if (event.target.tagName === 'A'){ var li = event.target.parentNode; //获取父节点 list.removeChild(li); } }) }) 复制代码
  • 用HTML和css3编写代码,实现一个圆形左右无限循环来回移动。
@keyframes move { from { left: 0; } to { left: 200px; } } .circle { width: 100px; height: 100px; border-radius: 100px; background-color: red; animation: move 5s linear infinite alternate; position: relative; } 复制代码
示例,(答题要点,定义圆形,定义动画、animation几个属性大概能写出来) <div class="circle"></div> 复制代码
  • 编写一个函数,用于从cookie里面获取数据。
例,(答题点,实现即可,正则或者字符分割都可以) var getParam = function (name) { var r = new RegExp("(\?|#|&)" + name + "=([^&#\?]*)(&|#|$|\?)"); var m = window.location.href.match(r); return decodeURI(!m ? "" : m[2]); }; 复制代码
  • hjkhjk
  • hjkhjk
  • 'ghjghj
  • jhkhjk'
  • ghjghjhj

转载于:https://juejin.im/post/5b4d73fd6fb9a04fbf

今天的分享到此就结束了,感谢您的阅读,如果确实帮到您,您可以动动手指转发给其他人。

发表回复