首页
学习
活动
专区
工具
TVP
发布
精选内容/技术社群/优惠产品,尽在小程序
立即前往

前端面试题1(HTML篇)

HTML ---- 语义化 HTML标签的语义化是指:通过使用包含语义的标签h1-h6)恰当地表示文档结构 css命名的语义化是指:为html标签添加有意义的class 为什么需要语义化: 去掉样式页面呈现清晰的结构...: IE8/IE7/IE6支持通过document.createElement方法产生的标签 可以利用这一特性让这些浏览器支持HTML5新标签 浏览器支持新标签,还需要添加标签默认的样式 html5...: IE8/IE7/IE6支持通过document.createElement方法产生的标签 可以利用这一特性让这些浏览器支持HTML5新标签 浏览器支持新标签,还需要添加标签默认的样式 当然也可以直接使用成熟的框架...label标签来定义表单控制间的关系,当用户选择标签时,浏览器会自动将焦点转到和标签相关的表单控件 HTML5的form如何关闭自动完成功能?...通过 visibilityState 的值检测页面当前是否可见,以及打开网页的时间等; 在页面被切换到其他后台进程的时候,自动暂停音乐或视频的播放 如何在页面上实现一个圆形的可点击区域?

1.8K10
您找到你想要的搜索结果了吗?
是的
没有找到

web移动端适配方案实践

step1中已经选择了rem作为单位,在此处只需要固定设置设计稿 html 标签的字体大小,根据计算公式: html字体大小 = 基准n * (clientWidth / 设计稿宽度) 为了方便计算,基准...Step4: 将设计图中的尺寸换算成 rem Step3进行了html根节点文字大小设置,然而意义何在?自然是为了开发者计算的方便。...点击高亮效果 在移动端浏览器会存在点击出现高亮的效果,在项目中一般不需要这个默认的效果,需要把点击颜色设置成透明 -webkit-tap-highlight-color:transparent; 2....input默认样式清除 在移动设备的浏览器中input标签一般会有默认的样式,通过border=none,outline=none无法去除立体效果、3d效果等,需要添加下列样式 -webkit-appearance...6.2 IE默认使用最高版本 ie浏览器是web前端一大毒瘤,在开发过程中发现,如果不设置指定meta标签ie会直接使用ie7内核渲染,这显然不是开发者所希望的,添加下面的meta标签即可: <meta

2.9K194

web移动端适配方案实践

Step1: 单位选择rem 2. Step2: 消除DPR差异 3. Step3: 动态设置 html 标签根字体大小 4. Step4: 将设计图中的尺寸换算成 rem 5....Step4: 将设计图中的尺寸换算成 rem Step3进行了html根节点文字大小设置,然而意义何在?自然是为了开发者计算的方便。...点击高亮效果 在移动端浏览器会存在点击出现高亮的效果,在项目中一般不需要这个默认的效果,需要把点击颜色设置成透明 -webkit-tap-highlight-color:transparent; 2....input默认样式清除 在移动设备的浏览器中input标签一般会有默认的样式,通过border=none,outline=none无法去除立体效果、3d效果等,需要添加下列样式 -webkit-appearance...6.2 IE默认使用最高版本 ie浏览器是web前端一大毒瘤,在开发过程中发现,如果不设置指定meta标签ie会直接使用ie7内核渲染,这显然不是开发者所希望的,添加下面的meta标签即可: <meta

1.6K30

Fiddler4抓包工具使用教程一

模拟http请求的功能也不够,且firebug常常是需要“无刷新修改”,如果刷新了页面,所有的修改都不会保存。...inspector面板下,提供headers、textview、hexview,Raw等多种方式查看单条http请求的请求报文的信息: 选择单条回话,右键save->selected Sessions...a、ImageView标签  JPG 格式使用 ImageView 就可以看到图片,选择一条Content-Type是image/jpeg的回话,点击TextView b、TextView 标签 HTML...选择一条Content-Type是text/html的回话,点击TextView c、Raw标签 Raw标签可以查看响应报文和响应正文,但是不包含请求报文 d、Auth标签 Auth则可以查看授权Proxy-Authorization...当勾选allow autoresponser 并设置相应的规则(本例中的规则是将http://blog.csdn.net/aaa的请求拦截到本地的文件http://localhost:54321/WebForm1

3.4K101

html设置ie9兼容性视图,ie9兼容性设置在哪里 IE兼容性视图在哪里设置?「建议收藏」

找不到“兼容性视图设置”子菜单 如何在360浏览器 IE9上设置兼容性视图 还有一种方法打开菜单栏,就是鼠标右键点击上方的空白处,选择“菜单栏”,然后菜单栏就显示“工具”。...IE兼容性视图设置在哪 兼容性视图怎么设置 在浏览器右上角的设置里设置,设置方法如下: 方法1 首先,打开电脑,找到电脑桌面上的IE浏览器,并点击打开,打开,进入任一网页,找到页面右上方的的设置图标,...在IE浏览器主界面,点击菜单栏上的工具菜单。 弹出的工具菜单选项,点击选择兼容性视图设置进入。...另外可以通过打开网站按F12选择浏览模式来达到兼容的目的 IE9如何显示菜单栏,设置兼容模式ie9不像ie8可以点击设置添加兼容模式,ie9打开ie按alt,然后在右上角会出现菜单栏,点击工具兼容性设置即可...发现本站有涉嫌侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。

2.1K20

JavaScript基础学习--02属性操作

一、思路 1、模拟手机聊天思路:      a.静态页面html+css,包括双发短信发送成功的基本样式。      b.获取头像、输入框、发送按钮和聊天内容显示界面等需要操作的对象。      ...解决办法:点击将input type=‘button’隐藏,显示checkbox即可。...三、其他要点: 1、表单提交按钮input和button、a的差异和选择。      ...其次,如果不用表单直接提交的方式(action),而是选择异步或者其他方式提交,则选择a标签。...(3)在按钮有一些交互效果的时候,a标签更容易实现,hover效果便可(有些浏览器只支持a标签的hover的css效果(IE6不支持button等其他hover))      注意:a标签表单不会自动提交

1.8K90

一站式工业边缘数据采集处理与设备反控实践

本文将以最新的 2.2 版本为例,详细介绍如何在 Neuron 中利用 eKuiper 将采集的设备端生产数据进行计算发送到云端,以及 eKuiper 接收云端指令通过 Neuron 反控设备的流程...对应到实际场景中,tag1可以是对应着一个传感器(温度传感器),tag2可以是对应着一个驱动器(开关)。...订阅南向标签点击 data-stream-processing 应用节点任意空白处,进入订阅 Group 的界面,如下图所示。...图片订阅南向设备的数据组:点击右上角添加订阅;点击下拉框,选择南向设备,本例中选择上一步构建的modbus-tcp-1;点击下拉框,选择要订阅的 Group,本例中选择上一步构建的 group-1;点击提交按键完成订阅...图片下拉选择 Sink;填写节点名称;填写分组名称;填写标签字段;选择 提交 完成 sink 动作的添加启动规则启动规则,如下图所示。

1.1K20

使用selenium自动秒抢淘宝商品(附详细入门指南)

Python大数据分析 记录 分享 成长 selenium是一款web自动化测试工具,可以很方便地模拟真实用户对浏览器进行操作,它支持各种主流浏览器:IE、Chrome、Firefox、Safari...js等; 2.浏览器驱动, 这个驱动是根据不同的浏览器开发的,不同的浏览器使用不同的webdriver驱动程序且需要对应相应的浏览器版本; 3.浏览器,目前selenium支持市面上大多数浏览器,:...驱动文件,下载好把驱动程序放到python安装目录里即可。.../窗口:close() 关闭所有标签/窗口:quit() selenium定位元素 因为selenium是模仿真实点击浏览器的行为,所以必须要先定位网页元素,才能进行各种操作。...:driver.find_element_by_css_selector(value) selenium操作网页 定位元素,需要对网页进行各种操作,比如点击、刷新、保存等。

2.2K60

前端实习面经(回馈牛客网)

当时没想到,说了点UDP的不足和TCP的错误检测) 场景题: Q: 现在有一大段文字,如何在页面中设置一个窗口滚动播出这段文字? A: 用轮播图思想balabala......除了script标签还可以通过什么标签实现?...三面: 自我介绍 写一个API,实现jQuery的$(selector)选择器,要求兼容IE6 浏览器是如何通过你的代码去找到指定的元素的? 说一下你项目的亮点 现在有没有跟着导师做项目?...(说了学校科研训练的一些东西) 写一下用JS模拟一个双向链表 问了问工程化思想 模块化思想 你为什么选择前端 还有什么要跟我说的?...的实现 算法: 反转二叉树以及时间复杂度 链表找环 React的Virtual DOM和Diff算法 React的生命周期 BootStrap底层原理 图片压缩的原理 如何处理高并发情况下,用户顺序问题(抢购网站如何判定谁先点击

1.1K30

前端面试那些坑之HTML篇

在兼容模式中,页面以宽松的向后兼容的方式显示,模拟老式浏览器的行为以防止站点无法工作。 2、HTML5为什么只需要写?...引用的CSS会等到页面被加载完再加载; (3)import是CSS2.1 提出的,只在IE5以上才能被识别,而link是XHTML标签,无兼容问题; 5、介绍一下你对浏览器内核的理解?...: IE8/IE7/IE6支持通过document.createElement方法产生的标签, 可以利用这一特性让这些浏览器支持HTML5新标签, 浏览器支持新标签,还需要添加标签默认的样式...label标签来定义表单控制间的关系,当用户选择标签时,浏览器会自动将焦点转到和标签相关的表单控件上。...通过visibilityState 的值检测页面当前是否可见,以及打开网页的时间等; 在页面被切换到其他后台进程的时候,自动暂停音乐或视频的播放; 17、如何在页面上实现一个圆形的可点击区域?

1.4K90

59道CSS面试题(附答案)

link是 XHTML的标签,除了加载CSS文件外,还可以加载RSS等其他事务,加载模板等。 @ import只能加载CSS文件。 (2)加载方式。...如果用@ import引用CSS,则需要等到网页完全载入,再加载CSS文件,即异步加载。 (3)兼容性。 link是 XHTML的标签,没有兼容问题。...(3)不要用标签限制ID选择器(:ul#main- navigation{},ID已经是唯一的,不需要Tag来限制,这样做会让选择器变慢)。...(6)CSS3选择器(nth- child)能够漂亮地定位我们想要的元素,又能保证CSS整洁易读。然而,这些神奇的选择器会浪费很多的浏览器资源。...因为有一个默认的行高,所以在IE6下无法定义小高度的容器。 两种解决方案分别是 overflow:hidden或font-size:容器高度px 25、如何在图片下方设置几像素的空白间隙?

4.8K50

那些与 IE 相伴的日子

模拟 IE 版本环境 许多开发者们的电脑本身是 Mac 系统,是无法安装 IE 浏览器的,这个时候就需要安装虚拟机提供 Windows 环境测试 IE 浏览器下的效果了。...许多国产浏览器也提供了极速、兼容的双内核模式,极速模式下使用 Chrome 等非 IE 内核、兼容模式下使用 IE 内核,以应对不同页面的使用,打开控制台,可以切换模拟不同的 IE 版本(尽管只是模拟,...而 Chrome 对 标签什么都没有添加,所以标签的高度 height 也就是按照图片等比例缩放的高度,不会变形。 Chrome 下的表现 ? IE 下的表现 ?...如果实在需要不透明度,我们可以使用 rgba 的格式,用最后一位值来实现透明度, background-color: rgba(255,0,0,0.3),即使在 IE9 上也可以表现良好。 ?...常见的写法有 3 种:条件注释法、CSS 属性前缀法、选择器前缀法,一般写 Hack 的顺序是:从最新版本到低版本,比如:新版本、IE(10/9/8)、IE(7/6),具体写法可以参考这篇文章 CSS

96820

HTML和CSS

,如何在即保证不破坏现有页面,又提供新的渲染机制呢?...而将那些被认为“过时”或有功能缺失的浏览器下的测试工作安排在开发周期的最后阶段,并把测试对象限定为主流浏览器( IE、Mozilla 等)的前一个版本。...派生选择器(用HTML标签申明)标签选择器; id选择器(用DOM的ID申明) 类选择器(用一个样式类名申明) 属性选择器(用DOM的属性申明,属于CSS2,IE6不支持,不常用,不知道就算了) 除了前...1.双边距BUG float引起的 使用display 2.3像素问题 使用float引起的 使用dislpay:inline -3px 3.超链接hover 点击失效 使用正确的书写顺序 link...Css的初始化,取消浏览器的css的默认样式 * IE6双边距bug:块属性标签float,又有横行的margin情况下,在ie6显示margin比设置的大。

5.3K30

Python Selenium 自动化详解

Firefox: 选择自己系统版本下载对应的。我不用火狐,报错别怪我 (弱小.jpeg) IE: 这我没啥注释,但建议 IE11 用用 2.5 版本就好。(这年头还有人用 IE? 可怕可怕。)...下载解压把文件放在 Python 目录下的 Scripts 目录中,别问为啥,问就是懒得加环境变量。Linux 的可以放在 /usr/bin 下。 # 开始! 废话忒多了,进入正题。...大概会看到这样: image.png 如何往输入框内填入文字并点击搜索按钮进行搜索?...webdriver driver = webdriver.Chrome() #按照你的浏览器来,就上面那几种 driver.get("https://bing.com") #对应浏览器打开Bing标签页...还有一种方法,将 click() 换成 submit() ,或是 Webdriver 模拟用户点击按键 Enter 进行搜索。进阶会讲。

60830

(第一版)知识点

负责对网页语法的解释(标准通用标记语言下的一个应用HTML、JavaScript)并渲染(显示)网页。 内核的分类: Trident:ie , 猎豹安全浏览器,360极速浏览器,百度浏览器......标签选择器 p 包含选择器 .box p 群组选择器 , 通配符 * 选择器的优先级 1.选择器优先级一致的情况下,后面的样式会覆盖前面的样式 2.行间样式>id选择器>class选择器>标签选择器...(问题) 分页的练习 块元素如何在同一行显示?...问题:IE6 最小高度 19px;(解决IE6下还有2px偏差) 5.br清浮动 问题:不符合工作中:结构、样式、行为,三者分离的要求。...:active 伪类将应用于被激活的元素,如被点击的链接、被按下的按钮等。

1K20
领券