前端面试题
前端面试: 是搜集各大企业面试的出的手写代码,以及面试题,基础知识点,这个应该可以对找工作面试的人有所帮助。
柚子·小哥哥
这个作者很懒,什么都没留下…
展开
-
面试题http 和https
1、 http 和https 的基本概念:http : 是互联网上的应用最为广泛的网络协议,是一个客户端请求和应答的标准(TCp)。用于从WWW服务器传输超文本到本地浏览器的传输协议,他可以使用浏览器更加高效,使用网络传输减少。https :是以安全为目标的http通道,说白就是http的安全版本, 就是http加入了ssl 层,https的安全是基础是ssl,因此加密的详细内容就是需要sslhttps 协议的作用可以分为两种:一种是建立在一个信息安全通到上的,用来保证数据传输的安全;另一种就原创 2020-10-10 02:15:12 · 387 阅读 · 0 评论 -
前后端交互的几种方式
前后端交互的几种方式前端开发只做两件事:1、 创建页面解构;2、数据交互数据交互尅分为两中:1、后台技术2、从后台拿数据1、 利用cookie前端通过登录来存储cookie后端可以通过 req.cookies() 来获取存储的cookie信息2、 利用ajaxnode.js 之前常用的前后端交互都利用ajax和JQ中已经封装好的ajax;ajax ;ajax;post; $getJSON 通过创建一个XMLhttpRequest对象,来进行前后端交互;node.js原创 2020-10-10 01:37:26 · 19427 阅读 · 0 评论 -
javascript中的继承详解:
1 原型链继承父类的实例作为子类的原型function Woman(){ }Woman.prototype= new People();Woman.prototype.name = 'haixia';let womanObj = new Woman();优点:简单易于实现,父类的新增的实例与属性子类都能访问缺点:可以在子类中增加实例属性,如果要新增加原型属性和方法需要在new 父类构造函数的后面无法实现多继承创建子类实例时,不能向父类构造函数中传参数2.借用构造函数继承(伪造对象、经原创 2020-09-02 23:14:21 · 131 阅读 · 0 评论 -
原型链和原型(图解)
1、 什么是原型:1、所有的引用都有一个_proto_(隐式原型),属性的值就是一个普通的对象;2、 所有的函数都有一个prototype(原型)属性,属性值式是一个普通的对象‘;3、所有的引用类型_prototype_属性指向他的构造函数的prototype2、 原型链:当访问到一个对象的某个属性时,会先在这个对象本身属性上查找,如果没有找到就会再找在这个构造函数的orototype的_proto_中查找,这样一样一样的向上查找会形成一个链接查找,这个链式查找就是原型链;代码举例:f原创 2020-09-02 22:43:00 · 282 阅读 · 0 评论 -
this,bind,call,apply三者之间的区别
thisthis的指针作用域:1、在全局中使用this,表示全局的global对象,在浏览器中this指向window对象;2、当在函数执行环境中使用this时,如果函数没有明显的作为非window对象的属性,而只是定义了函数,不管这个函数是不是定义在另一个函数中,这个函数中的this仍然表示window对象。如果函数显示地作为一个非window对象的属性,那么函数中的this就代表这个对象;3、当通过new运算符来调用函数时,函数被当做一个构造函数,this指向构造函数创建出来的对象;4、th原创 2020-09-01 22:23:31 · 305 阅读 · 0 评论 -
清除浮动的五中的方法:
1、 给浮动元素的父元素添加高度(扩展性不好)如果一个元素要浮动,那么它的父元素一定要有高度。高度的盒子,才能关住浮动。可以通过直接给父元素设置height,实际应用中我们不大可能给所有的盒子加高度,不仅麻烦,并且不能适应页面的快速变化;另外一种,父容器的高度可以通过内容撑开(比如img图片),实际当中此方法用的比较多2、 clear:both;在最后一个子元素新添加最后一个冗余元素,然后将其设置clear:both,这样就可以清除浮动。这里强调一点,即在父级元素末尾添加的元素必须是一个块级元.原创 2020-08-30 20:46:59 · 194 阅读 · 0 评论 -
H5新增的特性:
一、html5什么是 HTML5H5 新增语义化标签H5 新增多媒体标签H5 新增 input 表单、表单属性1、 什么是html5定义:html是万维网的核心语言,标准通用标记语言下的一个应用超文本标记语言(HTML)的第五次修改,用于取代html4于Xhtml的新一代标准版本,所以教html5Xhtml 可扩展超文本标记语言XHTML是一种增强了的HTML,他的扩展新和灵活性将适应未来网络应用的更多需求2、 语义化标签: > 1、 <header原创 2020-08-30 19:49:54 · 350 阅读 · 0 评论 -
css3动画
什么是css 3 动画:动画是使元素从一种样式逐渐变化为另一种样式的效果。可以用百分比来规定变化发生的时间,或用关键词 “from” 和 “to”,等同于 0% 和 100%。0% 是动画的开始,100% 是动画的完成CSS3动画相关的几个属性是:transition, transform, animation;我分别理解为过渡,变换,动画。Transitions其作用是:平滑的改变CSS的值。无论是点击事件,焦点事件,还是鼠标hover,只要值改变了,就是平滑的,就是动画。transf原创 2020-08-30 18:49:57 · 191 阅读 · 0 评论 -
实现垂直水平居中的方法:
html 代码:<div class='box'></div>css <style> .box { position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; width: 200px; height: 200px; backgrou..原创 2020-08-27 23:47:11 · 103 阅读 · 0 评论 -
盒子模型:
什么是盒子模型:1、根据盒子模型的概念,每个在页面上的元素都是一个拥有宽,高,内边距,边框和外边距的长方形盒子。2、标准盒模型、IE盒模型的区别如何使用盒子模型:每个元素都是一个长方形盒子,有几个属性能确定这个盒子的大小。盒子的核心属性是元素的宽高,这两个值可能是由元素的display属性、元素的内容或具体的width,height属性值生成的。内边距padding和边框border拓展了元素的高宽。最后是我们定义的在边框外的外边距margin。盒子模型对应的CSS属性为:width,hei原创 2020-08-26 00:14:54 · 334 阅读 · 0 评论 -
flex 布局:
弹性盒子的概念:Flex 是 Flexible Box 的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性任何一个容器都可以指定为 Flex 布局。.box{ display: flex;}行内元素也可以使用 Flex 布局。.box{ display: inline-flex;}Webkit 内核的浏览器,必须加上-webkit前缀。.box{ display: -webkit-flex; /* Safari */ display: flex;原创 2020-08-25 22:30:32 · 113 阅读 · 0 评论 -
vue最优解决防抖和节流
vue 实现防抖和节流:可以把核心代码封装成一个工具:until 文件夹里面,index.js 文件let timeout = null;function debounce(fn, wait) { if (timeout !== null) clearTimeout(timeout); timeout = setTimeout(fn, wait);}export default debounce;在组件中的一个简单的例子:<template> <div原创 2020-06-28 19:50:18 · 1133 阅读 · 1 评论 -
javascript 中this指向:
对javascript的介绍:javascript是一种轻量级的脚本语言,它可以直接插入HTML页面的编程的代码,同时他页是基于对象和事件驱动的并具有相对安全的客户端的的脚本语言。1. 什么是this:什么是this,this就是一个对象,在javascript 这本脚本语言中,可以这么理解,万物皆对象,这个对象随时都可以new一个新对象。2. 对象调用this的话,this指向改对象,(谁调用this就指向谁)案例: var obj ={ name='柚子小哥哥',原创 2020-06-18 23:33:12 · 99 阅读 · 0 评论 -
瀑布流:代码逻辑
实现瀑布流的思路和要么图片图片变形,要么图片之间要留空隙,这两者不能兼得。css 样式:/** 清除内外边距**/ *{ margin: 0; padding: 0; position: relative; } img { display: block; width: 250px; } .item { box-shadow: 2px 2px 2px #999; position: absolute; }原创 2020-06-18 17:03:31 · 270 阅读 · 0 评论