前端问题小集合
一、texteara多行文本框换行方法？
1、通过js 方式在 字符串中加入“\n”然后将字符串复制给texteara内容里
2、或者通过换行的转义字符“ ；”直接放在texteara的html标签里面
二、嵌入外部网页的方法
嵌入本地html我们一般使用jquery的load方法加载即可，但如果是嵌入外部网页，不单单是html结构，而是包括整个网页的效果，我们一般采用iframe标签。然后适当修改样式即可
三、的作用？
它是html5标准网页声明,全称为Document Type HyperText Mark-up Language，意思为文档种类为超文本标记性语言或超文本
链接标示语言，现在是这个简洁形式，支持html5标准的主流浏览器都认识这个声明。表示网页采用html5， 声明位于文档中
的最前面的位置，处于 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。
1作用：声明文档的解析类型(document.compatMode)，避免浏览器的怪异模式。
碰到的问题，在一个页面中想对某个图片使用verticle-align属性，但是用了半天，发现它就是不起作用。另外单独写一个html页面又可以。
搞的我是一头雾水。最后发现了html顶部缺少了这个声明。加上去果然可以。 verticle-align这个属
性应该是html5的属性。只有声明了html5页面标准，浏览器才能解析。这个属性才有效
四、outlook对接收的html邮件里的a标签会自动识别，如果a标签的链接无效，a标签会直接被吞掉显示不出来。
五、zepto display:none 是无法获取宽高的，所以当用了sui-mobile的框架（基于zepto的）的轮播图组件后对display：none的轮播图初始化的宽度为0
六、promise的then，catch问题
当then内部的代码出现问题时，程序也会跳转到catch里面执行catch的代码
七、css设置height:100%有效的条件
我们有时后经常会让子元素高度和父元素一样，但有时候你会发现无效，所以设置高度百分比是有条件的。也就是说该父元素的height必须是设置过的，而不是靠子元素自动撑起来的。
八、rem布局的小坑
开发过一个项目用的rem布局，css写了个width：6rem;的固定宽，内部子元素宽度100%父元素，但父元素右边总会有一丝丝空隙，当然这个问题出现在css像素为414的iphone手机上。比如iphone-plus系列手机上。最后只能采用px和媒体查询兼容这个问题了。
九、点击select框上层布局时触发select效果
以前碰见这个问题时一直时通过定位让select框绝对定位然后至于上层，背景透明，让上层布局位于下层.以此达到效果。
今天忽然发现别人指使用了一个css属性就解决了问题。这个属性就是pointer-events:none。让上层布局点击事件关闭就能达到效果，简单粗暴。
十、mouseover，mouseout和mouseenter，mouseleave的区别？
mouseover，mouseout在移入或移出某个元素的内部子元素时也会触发。而mouseenter，mouseleave只要移入，移出不会受内部子元素的影响，所以一般推荐使用。
十一、浏览器窗口缩放后会导致布局混乱，所已有时候调样式时要注意是否浏览器缩放