浏览器问题解决笔记

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");

持续更新......