博客
关于我
强烈建议你试试无所不能的chatGPT,快点击我
前端笔试题解析
阅读量:6715 次
发布时间:2019-06-25

本文共 2476 字,大约阅读时间需要 8 分钟。

  • 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优先级最高)

YY
复制代码
  • 以下结果返回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代码:

复制代码

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几个属性大概能写出来)
复制代码
  • 编写一个函数,用于从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/5b4d73fd6fb9a04fbf270589

你可能感兴趣的文章
jsTree插件简介(三)
查看>>
2D Rotated Rectangle Collision
查看>>
PHP error_reporting() 函数
查看>>
SpringBoot(十)-- 整合MyBatis
查看>>
查看三种MySQL字符集的方法
查看>>
django -- 多对多关系的实现
查看>>
with revoked permission android.permission.CAMERA
查看>>
Python在函数中使用*和**接收元组和列表
查看>>
115. Distinct Subsequences
查看>>
C++ 指针(不论什么一个指针本身的类型都是unsigned long int型)
查看>>
[PHP] 通用网关接口CGI 的运行原理
查看>>
phoenixframe自己主动化平台在Linux环境下运行用例的说明
查看>>
Linux:sheel脚本for的用法,及日期参数+1day用法
查看>>
GetKeyState(), GetAsyncKeystate(), GetKeyboardSlate()
查看>>
函数式编程
查看>>
spring boot mybatis没有扫描jar中的Mapper接口
查看>>
ijkPlayer 集成
查看>>
Python 文件 writelines() 方法
查看>>
背水一战 Windows 10 (76) - 控件(控件基类): Control - 基础知识, 焦点相关, 运行时获取 ControlTemplate 和 DataTemplate 中的元素...
查看>>
比特币的区块结构解析
查看>>