![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
面试
陈浩然哦
加油,明天会更好!
展开
-
React 面试题汇总(一)!!!
React1) React 中 keys 的作用是什么?Keys 是 React 用于追踪哪些列表中元素被修改、被添加或者被移除的辅助标识。render () { return ( <ul> {this.state.todoItems.map(({item,i}) => { return <li key={i}>{it...原创 2019-03-14 21:02:46 · 1254 阅读 · 0 评论 -
简单实现一个 js 多线程
简单实现一个 js 的多线程执行和多线程之间数据的传递JS作为脚本语言,它的主要用途是与用户互动,以及操作DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题。(这里这些问题我们不做研究)但是单线程的语言,有一个很致命的确定。如果说一个脚本语言在执行时,其中某一块的功能在执行时耗费了大量的时间,那么就会造成阻塞。这样的项目,用户体验是非常差的,所以这种现象在项目的开发过程中是不允许存...原创 2019-04-13 20:00:58 · 10876 阅读 · 0 评论 -
用一个标签实现类似"—— 第三方登录 ——"这种效果
如何用一个标签实现类似"—— 第三方登录 ——"这种效果,写出代码。 <style> *{ text-decoration:none; } a{ color: #000; } </style>...原创 2019-04-13 19:32:51 · 500 阅读 · 2 评论 -
设置 margin 的上下和设置宽高无效,其他有效的元素有哪些?
设置 margin 的上下和设置宽高无效,其他有效的元素有哪些?1、和其他元素都在一行上;2、高和外边距不可改变;3、宽度就是它的文字或图片的宽度,不可改变;4、设置宽度width无效。5、设置高度height无效,可以通过line-height来设置;6、设置margin只有左右margin有效,上下无效;7、设置padding只有左右padding有效,上下则无效。注意元素范...原创 2019-04-13 19:14:40 · 2516 阅读 · 0 评论 -
代码执行后会发现 li 标签之间有间距,如何修改?
<style> ul{ width: 300px; height: 50px; } li{ width: 50px; height: 50px; background: blue; displa...原创 2019-04-13 18:56:37 · 1815 阅读 · 0 评论 -
HTML 标签是否支持自定义?该自定义标签所包含的属性是否也支持自定义?
HTML 标签是否能够自定义,标签所包含的属性是否支持自定义,如果可以那要怎样才能够实现?document.careatElement(“ccc”)原创 2019-04-13 18:12:21 · 3159 阅读 · 1 评论 -
盒子模型有时候会出现设置背景、边框无法撑大和设置内外间距异常,一般来说此类问题的原因是什么?
盒子模型有时候会出现设置背景、边框无法撑大和设置内外间距异常,一般来说此类问题的原因是什么?答:当前盒子模型是怪异盒子模型(盒子模型属性当中不含有 berder/padding)。...原创 2019-04-13 16:24:22 · 2032 阅读 · 0 评论 -
如何使用原生 js 给一个按钮绑定两个 onclick 事件?
代码如下: Var btn=document.getElementById(‘btn’); // 事件监听 绑定多个事件 var btn4 = document.getElementById("btn4"); btn4.addEventListener("click",hello1); btn4.addEventListener("click",hello2); function ...原创 2019-04-11 13:09:06 · 7755 阅读 · 0 评论 -
如何获取到浏览器 url 中的参数?
测试地址为:http://www.baidu.com/jquery/misc-trim.html?channelid=12333&name=xiaoming&age=23实例如下:function showWindowHref(){ var sHref = window.location.href; var args = sHref.split('?');...原创 2019-04-10 17:26:50 · 3088 阅读 · 0 评论 -
使用正则表达式验证邮箱格式?
需满足的验证逻辑:1)@之前必须有内容且只能是字母(大小写)、数字、下划线(_)、减号(-)、点(.);2)@和最后一个点(.)之间必须有内容且只能是字母(大小写)、数字、点(.)、减号(-),且两个点不能挨着;3)最后一个点(.)之后必须有内容且内容只能是字母(大小写)、数字且长度为大于等于2个字节,小于等于6个字节;邮箱验证的正则表达式: ^[a-zA-Z0-9_.-]+...原创 2019-04-10 17:10:09 · 2816 阅读 · 0 评论 -
HTML5 canvas 元素有什么作用?
在HTML5中<canvas>元素可以为你提供一种使用 JavaScript来绘制图形的简单而强大的方法。它可以用于绘制图形,合成制作照片或做简单(而不是那么简单)的动画。<canvas>是一个简单的元素,它只有两个特定属性“width”和“height”以及所有核心HTML5属性,如id,name和class等。 <canvas id = "mycan...原创 2019-04-10 16:51:29 · 5801 阅读 · 0 评论 -
清除浮动的方法(最常用的4种)
1、额外标签法:在最后一个浮动标签后,新加一个标签,给其设置clear:both;。(不建议使用)优点:通俗易懂,方便;缺点:添加无意义标签,语义化差。2.父级添加 overflow属性:父元素添加overflow:hidden。(不推荐使用)优点:代码简洁;缺点:内容增多的 List item时候容易造成不会自动换行导致内容被隐藏掉,无法显示要溢出的元素。3.使...原创 2019-04-10 16:03:36 · 502 阅读 · 0 评论 -
标签上的 title属性与 alt属性的区别
1、含义不同alt是当图片不存在时的替代文字;title是对图片的描述与进一步说明2、在浏览器中的表现不同在firefox(火狐浏览器)和ie8中,当鼠标经过图片时title值会显示,而alt的值不会显示;只有在ie6中,当鼠标经过图片时title和alt的值都会显示。3、对于网站seo优化来说,title与alt还有最重要的一点:搜索引擎对图片意思的判断,主要靠alt属...原创 2019-04-10 15:12:54 · 1706 阅读 · 0 评论 -
前端之常见的web攻击技术
1)xss跨站攻击技术:主要是攻击者往网页里嵌入恶意脚本,或者通过改变html元素属性来实现攻击,主要原因在于开发者对用户的变量直接使用导致进入html中会被直接编译成js,通常的get请求通过url来传参,可以在url中传入恶意脚本,从而获取信息,解决方法:特殊字符过滤。2)sql注入攻击:主要是就是通过把SQL命令插入到Web表单提交或输入域名或页面请求的查询字符串,最终达到欺骗服务器执行恶...原创 2019-04-10 14:59:37 · 2277 阅读 · 0 评论 -
一个200*200的div在不同分辨率屏幕上下左右居中,用css实现。
利用负值来实现居中。可以脑补画面离左右都是50%,刚好可以居中,但是DIV位置在哪里,距左右外边框各负50%宽度。<head><style> body{ margin: 0; } #div1{ position: absolute; left: 50%; top:50%; width:200px; height: 200...原创 2019-04-10 14:50:32 · 1887 阅读 · 0 评论 -
src和href的区别?
1.src 是指向物件的来源地址,是引入。在 img、script、iframe 等元素上使用。2.href 是超文本引用,指向需要连结的地方,是与该页面有关联的,是引用。在 link和a 等元素上使用。简而言之,src用于替换当前元素;href用于在当前文档和引用资源之间建立联系。使用区别:src通常用作“拿取”(引入),href 用作 “连结前往”(引用)。...原创 2019-04-10 14:41:03 · 545 阅读 · 0 评论 -
行内元素有哪些?块级元素有哪些? 空(void)元素有那些?
首先:CSS规范规定,每个元素都有display属性,确定该元素的类型,每个元素都有默认的display值,如div的display默认值为“block”,则为“块级”元素;span默认display属性值为“inline”,是“行内”元素。1)行内元素有:a b span img input select strong(强调的语气)2)块级元素有:div ul ol li dl dt dd...原创 2019-04-10 14:32:20 · 4951 阅读 · 0 评论 -
浏览器是如何渲染页面的?
渲染的流程如下:1.解析HTML文件,创建DOM树。自上而下,遇到任何样式(link、style)与脚本(script)都会阻塞(外部样式不阻塞后续外部脚本的加载)。2.解析CSS。优先级:浏览器默认设置<用户设置<外部样式<内联样式<HTML中的style样式;3.将CSS与DOM合并,构建渲染树(Render Tree)4.布局和绘制,重绘(...原创 2019-04-10 15:05:20 · 417 阅读 · 0 评论 -
HTTP缓存机制及原理
彻底弄懂HTTP缓存机制及原理在介绍HTTP缓存之前,作为知识铺垫,先简单介绍一下HTTP报文HTTP报文就是浏览器和服务器间通信时发送及响应的数据块。浏览器向服务器请求数据,发送请求(request)报文;服务器向浏览器返回数据,返回响应(response)报文。报文信息主要分为两部分1.包含属性的首部(header)--------------------------附加信息(...原创 2019-04-13 20:25:29 · 149 阅读 · 0 评论