2021金山WPS秋招前端笔试题
列举几个常用的语义化标签,并说说标签语义化的好处
header 代表头部
mian 定义文档主要内容
nav 代表超链接区域
article 可以表示文章、博客等内容
aside通常表示侧边栏或嵌入内容
footer代表尾部
- 易于用户阅读,样式丢失的时候能让页面呈现清晰的结构。
- 有利于SEO,搜索引擎根据标签来确定上下文和各个关键字的权重。
- 方便其他设备解析,如盲人阅读器根据语义渲染网页。
- 有利于开发和维护,语义化更具可读性,代码更好维护,与CSS3关系更和谐。
CSS中box-sizing的属性和作用
box-sizing: content-box|border-box|inherit;
1. content-box:
padding和border不被包含在定义的width和height之内。对象的实际宽度等于设置的width值和border、padding之和,即width + border + padding,表现为标准模式下的盒模型。box-sizing默认值为content-box,可以不写。
2. border-box:
padding和border被包含在定义的width和height之内。对象的实际宽度就等于设置的width值,即使定义border和padding也不会改变对象的实际宽度,表现为怪异模式下的盒模型。
3. inherit
指定 box-sizing 属性的值,应该从父元素继承
get请求和post请求的区别
- get的数据在URL中对所有人可见,post的数据不会直接显示在URL中
- get对数据长度有限制,当发送数据时get方法向URL添加数据,URL的长度最大是2048个字符,post无限制
- get可收藏为书签,post不可收藏为书签
- get后退按刷新无影响,post数据会被重新提交
- 编码类型不同
- get历史参数会保留在浏览器历史中,post参数不会保存在浏览器历史中
- get只允许ASCII字符,post没有限制,也允许二进制
- post比get安全
- get请求只会有一次TCP连接,post请求会有两次TCP连接
CORS是什么
跨域资源共享(CORS) 是一种机制,它使用额外的 HTTP 头来告诉浏览器 让运行在一个 origin (domain) 上的Web应用被准许访问来自不同源服务器上的指定的资源。当一个资源从与该资源本身所在的服务器不同的域、协议或端口请求一个资源时,资源会发起一个跨域 HTTP 请求。
localStorage和sessionStorage的区别
localStorage:将数据保存在客户端本地的硬件设备(通常指硬盘,也可以是其他硬件设备)中,即使浏览器被关闭了,该数据仍然存在,下次打开浏览器访问网站时仍然可以继续使用。
sessionStorage:将数据保存在session对象中。所谓session,是指用户在浏览某个网站时,从进入网站到浏览器关闭所经过的这段时间,也就是用户浏览这个网站所花费的时间。session对象可以用来保存在这段时间内所要求保存的任何数据。
这两者的区别在于,sessionStorage为临时保存,而localStorage为永久保存。
CSS中animation和transition的区别
CSS3的transition(过渡)功能就像是一种黄油,可以让CSS的一些变化变得平滑。因为原生的CSS过渡在客户端需要处理的资源要比用JavaScript和Flash少的多,所以才会更平滑。
CSS3的animation(动画)属性可以像Flash制作动画一样,通过控制关键帧来控制动画的每一步,实现更为复杂的动画效果。ainimation实现动画效果主要由两部分组成:
1)通过类似Flash动画中的帧来声明一个动画;
2)在animation属性中调用关键帧声明的动画。
transition | animation |
---|---|
需要借助交互 | 既可以自动播放,也可以借助交互 |
只能定义开始和结束状态 | 既可以定义开始和结束状态,还能通过关键帧定义中间状态 |
不可以控制暂停和播放 | 可以控制暂停和播放 |
2021金山WPS秋招前端笔试题相关推荐
- 2018秋招前端笔试题(58同城)
填空题 号码段为131到139的11位手机号码正则校验:/^13[1-9][0-9]{8}$/ 移动端,如何在html中通过链接调起拨打电话:'<a href="tel:10086&q ...
- 上海汉得公司2018年秋招前端笔试题
一.选择题(含多选) 1.以下哪一项不属于浏览器Response Headers字段(B) A.Contection B.Referer C.Content-Type D.Server 2 ...
- 小米2019秋招前端笔试题
链接:https://www.nowcoder.com/questionTerminal/d15363742fe94a0ea4030e5124713fac 来源:牛客网 1.米兔从兔米那里了解到有一个 ...
- 2022秋招前端笔试题汇总
第一题: 给定一个整数数组 nums 和一个整数目标值 target,请你在该数组中找出 和为目标值 target 的那 两个 整数,并返回它们的数组下标. JavaScript解法: var tw ...
- java笔试题_公司真题 | 用友2018秋招Java笔试题(四)
公司真题 | 用友2018秋招Java笔试题(三)答案: 1.正确答案 A B 2.正确答案 A 3.正确答案 D 4.正确答案 B 5.正确答案 A E 6.正确答案 B 7.正确答案 C D 8. ...
- 字节跳动2020秋招研发笔试题
字节跳动秋招研发笔试题 最近在忙考研,高数复习完了,看了下数据结构和算法,然后对人生比较迷茫. 该不该放弃考研,又怕考不上面临找工作的问题,索性看了几家科技巨头的秋招试题,贴下来和大家分享下 基本都是 ...
- 艺龙java面试题_艺龙2018秋招Java笔试题
在牛客做了那么多题,终于轮到我分享了~~这是我做过的艺龙的Java笔试题哦~~ 单选题 1.设有以下递归函数: int f(int m,int n) { if(m==0) { return n+1; ...
- 美图笔试题java后台_美图2018秋招Java笔试题
单选题 1.关于垃圾回收算法G1,哪个说法是错误的( B ). A. 并行和并发,具有多线程操作能力 B. 不适用堆空间太大的场景 C. G1停顿时间更加可预测 D. 不会对系统吞吐量产生较 ...
- 2019阿里秋招一道笔试题(关于火柴拼出最大数字) - Android开发岗
题目描述: 使用火柴组成一个最大的数字, 规定: 可组成的数字 1 2 3 4 5 6 7 8 9 所需火柴数量 2 5 5 4 5 6 3 7 6 给定火柴总数m, 组成n位数字, 输出可以组成的最 ...
- 58同城2018秋招前端笔试试题
一.填空题(10题) 1. 号码段为131到139的11位手机号码正则校验: /^13[1-9][0-9]{8}$/ 2. 移动端,如何在html中通过链接调起拨打电话<a href=" ...
最新文章
- 【Dual-Path-RNN-Pytorch源码分析】Dual_RNN_Block
- 笔记-信息系统开发基础-软件测试-灰度测试
- 支付宝 统一支付 php,支付宝APP支付 统一下单 php服务端 tp5
- OpenShift 4 之获取版本升级路径图
- php中循环用冒号,for循环条件里冒号是什么作用?
- DB2报错原因汇总(sqlcode sqlstate)
- 对费曼来说,“不可能”意味着什么?
- 搭建私有云盘 cloudreve
- 生信搬运工-02-sra文件的下载
- 【产品经理学习笔记】Part 7 收益预估
- NeRF神经辐射场代码流程图
- 网站服务器ftp破解,Wing FTP Server(FTP服务器)
- easyexcel自定义拦截器,实现自定义单元格样式
- 计算机通信网络设备调试员(三级 高级),计算机通信网络设备调试员国家职业标准.doc...
- 一个java多线程测试
- 华为数通 软开2021实习生 业务主管面 (已通过)
- PHP 获取两个日期的相隔天数
- ZLib 解压缩工具
- PL/SQL_高级编程
- 长沙App开发行业现状分析
热门文章
- 初级数据分析-python(第一节数据存储)
- FORCESPRO的使用教程
- MODULE_DEVICE_TABLE宏的作用
- 致80后的北漂IT人:未来在哪儿?
- 【python】程序结构
- 【建站教程】网站引用三方图片遇到简单防盗链referer的处理办法
- es - elasticsearch search - DSL - decay functions
- UE4场景流程规范-纹理压缩(美术版/程序版/太长不看版)
- dumprep.exe
- 明源云客微信抢房技巧_明源演示 - 微信抢房_软件抢房_网上选房_手机抢房_代抢房 - 爱抢房...