浏览器问题解决笔记
浏览器问题解决笔记
透笔度 发表于1年前
浏览器问题解决笔记
  • 发表于 1年前
  • 阅读 23
  • 收藏 0
  • 点赞 0
  • 评论 0

腾讯云 技术升级10大核心产品年终让利>>>   

摘要: 浏览器问题解决笔记记录

1.谷歌浏览器图片地址失败显示黑色边框问题

描述:谷歌浏览器在图片地址载入失败时,会提供内部的错误处理机智,加上黑色边框

解决:通过属性选择器,如果img的src为空,我们设置透明度为0

img[src=""]{
opacity:0;
}

 

2.input是password密码框,自动填充数据问题;

描述:在input类型为password ;会自动初始化页面填充记录的密码等信息

解决:初始化input类型先为text,在获取焦点时改为password

<input autocomplete="off" type="text" onfocus="this.type='password'" />

 

3. AngularJS 应用在加载时防止 AngularJS 代码未加载完而出现的问题

<element ng-cloak></element>

 

4. AngularJS 图片img引用控制器ajax返回路径问题

我们的img标签的src配合ng会如下使用:

结构:

<img src="{{url}}" />

控制器:

app.controller('cController', function($scope, $http,$location) {

$http.get("xxx.php").then(function (response) {
	$scope.url=response.url;
});

 
});

我们页面初始化加载,因为ajax还没有返回我们的真正地址,所以img的src的地址是找不到的,就会出现一个404错误,如何解决这个问题:

我们使用ng的ng-src指令

<img ng-src="{{url}}" />

5. ajax请求,base64字符串部分字符后台接收出现问题

主要就是 + 和 & 字符后台接收被转为其他字符

 bas64img = bas64img.replace(/\+/g, "%2B");
 bas64img = bas64img.replace(/\&/g, "%26");

持续更新......

共有 人打赏支持
粉丝 56
博文 120
码字总数 230257
×
透笔度
如果觉得我的文章对您有用,请随意打赏。您的支持将鼓励我继续创作!
* 金额(元)
¥1 ¥5 ¥10 ¥20 其他金额
打赏人
留言
* 支付类型
微信扫码支付
打赏金额:
已支付成功
打赏金额: