文档章节

浏览器问题解决笔记

透笔度
 透笔度
发布于 2016/12/05 16:21
字数 369
阅读 29
收藏 0

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

持续更新......

© 著作权归作者所有

共有 人打赏支持
透笔度
粉丝 68
博文 128
码字总数 235452
作品 0
朝阳
前端工程师
Leanote 产品周报 12.1-12.7

原文地址: http://leanote.leanote.com/post/leanote-product-1201-1207 Leanote 最近新支持的功能: 1. 对android, iphone, ipad支持更友好 对移动端优化, 特定对iphone, ipad作了支持, 解决...

lifephp
2014/12/09
0
0
开源的笔记软件--jnote

jnote是一个开源的笔记软件,类似于Evernote,wiz,麦库,界面也是参考他们做的.当初做只是为了做一个自己可以定制的笔记软件. 目前完成的功能: 1.新建日记,参考wiz的日记功能,这个功能很实用,可...

北鸟来了
2013/11/16
7.8K
1
nginx笔记4-负载均衡带来的问题以及解决办法

接着笔记3,将笔记三的改造一下,现在分别启动两个Tomcat,在页面获取session。如图所示: tomcat2的session: tomcat1的session: 根据上图发现,每个tomcat取到的session不一样。因此nginx负...

狂小白
01/20
0
0
文件的上传与下载

文件上传原理: 浏览器端: 1.表单的method必须是post. 2.要上传信息需要使用<input type="file" name="f">这个组件,必须有名称. 3.必须指定表单的encType的值为 multipart/form-data 服务器端...

你我他有个梦
2015/12/18
10
0
让旧浏览器接受HTML5的语义标签

139896-106.jpg 浏览器在遇到不认识的元素时,会把它们当成内联(inline)元素。大多数HTML5语义元素(除了之外)都是块级元素,块级元素是需要独占一行的(也就是看上去是换行了)。 不认识...

KelvinZ
2017/11/21
0
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

SpringCloud SpringBoot mybatis分布式Web应用的统一异常处理

我们在做Web应用的时候,请求处理过程中发生错误是非常常见的情况。Spring Boot提供了一个默认的映射:/error,当处理中抛出异常之后,会转到该请求中处理,并且该请求有一个全局的错误页面用...

itcloud
16分钟前
0
0
c++ std::bind和std::function

定义于头文件 <functional> std::bind 函数绑定,https://zh.cppreference.com/w/cpp/utility/functional/bind // bind 用例#include <iostream>#include <functional> // 自定义的一......

SibylY
19分钟前
0
0
SecureCRT的安装与破解(过程很详细!!!)

SecureCRT的安装与破解(过程很详细!!!) SecureCRT的安装与破解(过程很详细!!!) 使用SecureCRT可以方便用户在windows环境下对linux主机进行管理,这里为大家讲一下SecureCRT的破解方...

DemonsI
23分钟前
0
0
介绍几款可用的web应用防火墙

目前有两款,基于软件和基于应用程序的web应用防火墙。基于软件的产品布置在Web服务器上,而基于应用程序的产品放置在Web服务器和互联网接口之间。两种类型的防火墙都会在数据传入和传出web...

上树的熊
30分钟前
1
0
用Visual Studio开发以太坊智能合约

区块链和以太坊 自从我熟悉区块链、以太坊和智能合约以来,一直失眠。 我一直在阅读,阅读和阅读,最后我能够使用一些工具,他们建议使用以太坊网站官方客户端应用程序(Ethereum Wallet)也...

geek12345
32分钟前
1
0

没有更多内容

加载失败,请刷新页面

加载更多

下一页

返回顶部
顶部