web前端开发面试题(五)
前端面试题第五天
一、HTML 部分
1.1 target属性的取值和作用
使用框架内的文档时,a标签的target属性确保被引用的URL能够加载到正确的框架中。
关于target的取值,html中保留了四个目标名称用作特殊的文档重定向操作:
- blank:点击一次打开一个新窗口
- self:默认值,本页面打开链接
- parent:在父级窗口打开
- top:在当前的整个浏览器中打开所链接文档,即在顶级窗口打开
- new:始终在一个新窗口中打开
二、CSS 部分
2.1 CSS3新增伪类有哪些
- :root 选择文档的根元素,等同于 html 元素
- :empty 选择没有子元素的元素
- :target 选取当前活动的目标元素
- :not(selector) 选择除 selector 元素意外的元素
- :enabled 选择可用的表单元素
- :disabled 选择禁用的表单元素
- :checked 选择被选中的表单元素
- :after 在元素内部最前添加内容
- :before 在元素内部最后添加内容
- :nth-child(n) 匹配父元素下指定子元素,在所有子元素中排序第n
- :nth-last-child(n) 匹配父元素下指定子元素,在所有子元素中排序第n,从后向前数
- :nth-child(odd) 奇数
- :nth-child(even) 偶数
- :nth-child(3n+1) 倍数
- :first-child 第一个子元素
- :last-child 最后一个子元素
- :only-child
- :nth-of-type(n) 匹配父元素下指定子元素,在同类子元素中排序第n
- :nth-last-of-type(n) 匹配父元素下指定子元素,在同类子元素中排序第n,从后向前数
- :nth-of-type(odd)
- :nth-of-type(even)
- :nth-of-type(3n+1)
- :first-of-type
- :last-of-type
- :only-of-type
- ::selection 选择被用户选取的元素部分
- :first-line 选择元素中的第一行
- :first-letter 选择元素中的第一个字符
三、 JS 部分
3.1 写一个字符串大小写切换的方法
<script>let str = 'web_chicken form CSDN'let arr = []for (let item of str) {if (item === item.toUpperCase()) {item = item.toLowerCase()} else {item = item.toUpperCase()}arr.push(item)}let new_str = arr.join('')console.log(new_str) // WEB_CHICKEN FORM csdn</script>
web前端开发面试题(五)相关推荐
- 2014年最新web前端开发面试题
2014年最新web前端开发面试题 本文是一份非常不错的2014年web前端开发工程师的面试题集锦,并附有参考答案,推荐大家参考下. 试题目录: HTML 部分 CSS 部分 JavaScript 部 ...
- web前端开发面试题,都是整理出的精华
正在发愁如何成为一名开发工程师的同学,你们现在最需要做的就是除了看一些相关的面试题,还需要知道面试的一些技巧,在面试之前就了解好你即将要面试的企业,了解他们的文化,这样都可以让你的面试成功率大大的提高 ...
- 【理论面试篇】收集整理来自网络上的一些常见的 经典前端、H5面试题 Web前端开发面试题...
##2017.10.30收集 面试技巧 5.1 面试形式 1) 一般而言,小公司做笔试题:大公司面谈项目经验:做地图的一定考算法 2) 面试官喜欢什么样的人 ü 技术好. ...
- web前端开发面试题(九)
前端开发面试题第九天 一.HTML 部分 1.1 对语义化标签的理解 在学习HTML阶段的最后,我们会涉及到学习语义化标签,明明用div等标签就可以构成页面,那么为什么还会有语义化标签的存在? 语义化 ...
- Web前端开发面试题---HTML+CSS
一.HTML+CSS 1.对WEB标准以及W3C的理解与认识 答:标签闭合.标签小写.不乱嵌套.提高搜索机器人搜索几率.使用外 链css和js脚本.结构行为表现的分离.文件下载与页面速度 ...
- web前端开发面试题(答案)
1.xhtml和html有什么区别? HTML是一种基本的WEB网页设计语言,XHTML是一个基于XML的置标语言 最主要的不同: XHTML 元素必须被正确地嵌套. XHTML 元素必须被关闭. 标 ...
- Day17:web前端开发面试题
1.JavaScript 数据类型有哪些? JavaScript 变量能够保存多种数据类型:数值.字符串值.数组.对象等等: var length = 7; // 数字 var lastName = ...
- web前端开发面试题(一)
一.html部分 1.1 link和@import 区别如下: 1.1.1从属关系区别 @import是 CSS 提供的语法规则,只有导入样式表的作用:link是HTML提供的标签,不仅可以加载 CS ...
- 前端开发面试题及答案整理
前端开发面试题及答案整理 文章目录 一些开放性题目 position的值, relative和absolute分别是相对于谁进行定位的? 如何解决跨域问题 XML和JSON的区别? 谈谈你对webpa ...
- いろいろな%前端开发面试题% 读后感
本文主要记录一些针对常见前端面试问题的个人见解和知识扩展 Edited by Yiyi at 2016/08/15 题目一:有一个高度自适应的div,里面有两个div,一个高度100px,希望另一个填 ...
最新文章
- [导入]郁闷`````[原]
- StarUML使用说明-指导手册
- React Native使用指南-原生模块
- java none怎么用tomcat_JavaWeb学习——在Eclipse里使用Tomcat
- 浅谈接口对前后端测试的意义
- 快播王欣再做视频;Apple Watch 非法雇佣学生;ofo 进军电单车 | 极客头条
- html缩放排版乱了_交作业 | 代码排版逐行显现效果
- python的内建数据结构包括_Python中3种内建数据结构:列表、元组和字典
- not found for libcrypto
- 设置指定ip访问mysql数据库
- 强大的 Apipost 要取代 Postman 了吗?
- C语言必会100题(2)。用*号输出字母C的图案/输出特殊图案/输出9*9口诀/输出国际象棋棋盘/打印楼梯,同时在楼梯上方打印两个笑脸
- html表格标题居于标题左侧,css如何设置表格标题(caption标签)的位置
- Chapter 9 (Classical Statistical Inference): Binary Hypothesis Testing
- Go语言中的Map和List实现有序Map
- x58和x79服务器性能,Intel X58接班人:X79官方规格全曝光
- 自由转场低温吹风不伤发,诗恩无线吹风机防水级更安全
- python计算机视觉--基于BOW模型的图像检索
- DDR4学习笔记02
- PyautoGui常规操作