文档章节

浏览器问题解决笔记

透笔度
 透笔度
发布于 2016/12/05 16:21
字数 369
阅读 33
收藏 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");

持续更新......

© 著作权归作者所有

共有 人打赏支持
透笔度
粉丝 71
博文 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
Django 使用会话( sessions )功能

淘宝、天猫、京东等电商网站的出现,让我们足不出户就能购物。在这些网站中,都有一个“购物车”的功能。当我们在不同商品页面将商品加入购物车,然后关闭浏览器。等下次浏览该网站时,我们会...

猴哥Yuri
05/10
0
0
scruel/ML-AndrewNg-Notes

ML-AndrewNg-Notes 课程地址: https://www.coursera.org/learn/machine-learning (吴恩达老师在 Coursera 上的机器学习公开课) 本项目包含课程中的课后作业以及笔记: 笔记(notes)都为中文...

scruel
05/07
0
0

没有更多内容

加载失败,请刷新页面

加载更多

腾讯与Github的魔幻会面背后的故事…

10月22日,腾讯开源管理办公室有幸邀请到Github新晋CEO Nat Friedman,前来鹅厂参观交流。目前腾讯已经有近70个项目在Github上开源,共获得17w stars,世界排名11位。Github是腾讯开源的主阵...

腾讯开源
25分钟前
1
0
单例模式

单例模式(Singleton pattern)属于创建型设计模式。 保证一个类仅有一个实例,并提供一个访问它的全局访问点。 通常我们可以让一个全局变量使得一个对象被访问,但它不能防止你实例化多个对...

NinjaFrog
30分钟前
1
0
TypeScript基础入门之装饰器(三)

转载 TypeScript基础入门之装饰器(三) 继续上篇文章[TypeScript基础入门之装饰器(二)] 访问器装饰器 Accessor Decorator在访问器声明之前声明。 访问器装饰器应用于访问器的属性描述符,可用...

durban
48分钟前
2
0
spring5调研学习(转载)

Spring框架的新功能 这一章主要提供Spring框架新的功能和变更。 升级到新版本的框架可以参考。Spring git。 内容列表 Spring 5.x框架新的功能 Spring 4.x框架新的功能 Spring 3.x框架新的功能...

小海bug
58分钟前
2
0
为何Spring框架能这么流行?

想要学习更多关于Spring框架在Java开发者中如此流行?看这篇文章可以学到更多! Spring框架特性 Spring是用于应用开发中的一款强大,轻量级框架。更广泛地说,你可以认为Spring框架是一个定义...

java知识分子
今天
2
0

没有更多内容

加载失败,请刷新页面

加载更多

返回顶部
顶部