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