进门财经前端面试题，

进门财经前端面试题，

1.ie浏览器兼容性问题
	①、ie6双边距bug
			在ie6下，块级元素有浮动和横向margin值时，横向的margin会变成两倍，这和margin	的	       方向有关。
			解决方法：将块级元素转成内嵌元素。display:inline;
	②、ie6的子元素可以撑开父元素
	         解决方法：通过overflow:hidden将超出的部分隐藏掉。
    ③、如果给input加背景,那么在输入内容超过输入框长度时，背景会移动
	          解决方法：给input加个div，给div设置背景，输入框背景透明
	④、ie6最小高度问题(高度小于19px会被当做19px处理)
	  	         解决方法：overflow：hidden
	  ⑤、输入类表单控件border：none；无效
	             解决方法：border：0,或者给input重置背景
2、开发过程中遇到过什么问题，解决思路
     ①、插入iframe有双滚动条
                 给外部边框加overflow:hidden;
     ②、安装依赖时报错
                 降低nodejs的版本
     ③、ueditor的后端配置问题
            获取当前地址栏的信息截取路由前的信息（#）之前，然后再用于配置服务器统一请求接口路径
      ④、下拉框嵌套树的问题
      			使用树的render-content属性动态渲染option
      	⑤、表格项（树）排序
      			用sort方法排序，用localeCompare()方法进行比较
      	⑥、ueditor删除图片或视频时，服务器端同时删除。
      	    比较富文本框内内容改变的长度，当改变后比改变前小时获取删掉的src，并将此src在最终提交时传给后端，后端再进行删除。		
3、讲讲存储方式
	①、服务器交互
			webStorage中的数据仅存在本地，不与服务器交互。
			cookie中的数据会在浏览器和服务器中来回传递
	②、存储空间
				webStorage的存储空间更大，可以达到5M；cookie数据大小不超过4kb。
	③、接口
				webStorage提供setItem,getItem,removeItem,clear等方法
				cookie需要自己封装setCookie,getCookie方法
	④、跨域问题
			cookie需要指定作用域，不可以跨域调用，但webStorage可以跨域调用。
	⑤、存储时间
			cookie中的数据在过期时间之前均有效，web Storage不同，sessionStorage中的数据在当前浏览器窗口关闭后自动删除，localStorage持久存储数据，除非主动删除数据。
			注：但cookie是不可或缺的；cookie的作用是与服务器进行交互，作为http规范的一部分而存在，而web Storage仅仅是为了在本地“存储”更大容量而生。                                                                                                                                                        
4、css3新特性
		1、属性选择器
		2、伪类选择器
		3、多背景图
		4、文字阴影
		5、块级阴影
		6、圆角
		7、渐变
		8、动画
5、electron适用于哪些系统。
		可以运行在Windows、macOS和Linux上。
6、商城项目你负责哪个部分
		商品详情页和购物车页面
7、商城支付系统怎么实现的，添加购物车怎么实现的 
		调用支付宝和微信接口，传递商品的ID
8、了解http和tcp吗
		http对应于应用层，Tcp应用于传输层。
		Http协议是建立在TCP协议基础之上的，当浏览器需要从服务器获取网页数据的时候，会发出一次Http请求。Http会通过TCP建立起一个到服务器的连接通道，当本次请求需要的数据完毕后，Http会立即将TCP连接断开，这个过程是很短的。所以Http连接是一种短连接，是一种无状态的连接。
9、http状态码
		200(请求成功) 301(永久重定向) 302(暂时重定向)  304(请求资源未修改，去缓存内容) 400(客户端请求语法错误，服务器无法理解) 404（服务器无法根据客户端的请求获取资源）500(服务器内部错误) 
8、前端三层结构
	结构层HTML,表示层CSS，行为层JS