前端问题小集合

一、texteara多行文本框换行方法?

1、通过js 方式在 字符串中加入“\n”然后将字符串复制给texteara内容里

2、或者通过换行的转义字符“
”直接放在texteara的html标签里面

二、嵌入外部网页的方法

嵌入本地html我们一般使用jquery的load方法加载即可,但如果是嵌入外部网页,不单单是html结构,而是包括整个网页的效果,我们一般采用iframe标签。然后适当修改样式即可

<div class="login">
				<div class="login-warp"></div>
				<div class="login-box">
					<ul class="login-box-header clearfix">
						<li><a href="javascript:;"><i class="icon-swpubg icon-swpubg-sw"></i> 顺网登录</a></li>
						<li><a href=""><i class="icon-swpubg icon-swpubg-steam"></i>STEAM登录</a></li>
					</ul>
					<iframe frameborder="0" allowtransparency="true" scrolling="no"src="https://www.test.com"></iframe>
			</div>

三、<!DOCTYPE html>的作用?

    它是html5标准网页声明,全称为Document Type HyperText Mark-up Language,意思为文档种类为超文本标记性语言或超文本

链接标示语言,现在是这个简洁形式,支持html5标准的主流浏览器都认识这个声明。表示网页采用html5,<!DOCTYPE> 声明位于文档中

的最前面的位置,处于 <html> 标签之前。此标签可告知浏览器文档使用哪种 HTML 或 XHTML 规范。

1作用:声明文档的解析类型(document.compatMode),避免浏览器的怪异模式。

碰到的问题,在一个页面中想对某个图片使用verticle-align属性,但是用了半天,发现它就是不起作用。另外单独写一个html页面又可以。

搞的我是一头雾水。最后发现了html顶部缺少了<!DOCTYPE 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只要移入,移出不会受内部子元素的影响,所以一般推荐使用。

十一、浏览器窗口缩放后会导致布局混乱,所已有时候调样式时要注意是否浏览器缩放

12、jQuery的方法对svg标签无效,所以要通过jQuery修改svg状态时可以给svg套个span等标签。

13、媒体查询的宽度是包括浏览器滚动条的,所以判断宽度一定要比容器宽度大至少17px(浏览器滚动条的宽度),再加上边上留白加个20px左右,所以一般container的宽度要比界定宽度小个37px。 否则会出现横向滚动条。

  • 0
    点赞
  • 0
    收藏
    觉得还不错? 一键收藏
  • 0
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值