soindy

一小枚程序媛~

AngularJS 设置img (ng-src 和 src 区别)

AngularJS 使用 ng-src 替换了src :<img ng-src="{{imageUrl}}">错误写法:<img src="http://www.coderlady.com/avatar/{{hash}}"/>正确写...

2017-05-11 00:00:04

阅读数:13215

评论数:0

JavaScript 判断元素为空(null, undefined, NaN,empty string (""),0,false)

if( value ) { }会判断以下情况: * null * undefined * NaN * empty string (“”) * 0 * false 以上情况包含所有的JavaScript的falsy值.单独判断某种情况的话可以用typeofif( typeof foo ...

2017-05-10 23:40:55

阅读数:1283

评论数:0

AngularJS 设置元素样式

AngularJS 设置元素样式,代码如下:<div class="panel-body" ng-style="{display: '{{date.display}}'}"> <div ng-style="{height...

2017-05-10 23:24:22

阅读数:1750

评论数:0

Dom’s width & height should be ready before init

EChart 需要提前初始化容器大小. 设置width和height即可

2017-05-10 14:33:41

阅读数:3749

评论数:0

HTML img 设置border: none; 仍显示边框

上图所示,设置了border: none 仍然有边框,这是因为设置了height 和 weight, 去掉即可. 原理稍后研究~

2017-05-09 13:53:58

阅读数:2624

评论数:0

URLs are treated as unique security origins.

出于安全考虑,最新版的浏览器默认本地的 XML 已经不能访问本地的XSLT 文件了,不过 HTML 文件仍能访问项目目录下的 CSS 文件.解决办法:只需要本地起个server即可: 1. Python 2.x python -m SimpleHTTPServer Python 3.x pyth...

2017-05-04 19:34:29

阅读数:1171

评论数:0

Warning: not found: compass Use --force to continue

安装Compass即可sudo gem install compassCompass是Sass的工具库,在其基础上封装了一些模块,补充其功能.之于Javascript和jQuery、Ruby和Rails、python和Django的关系.详见: 1. compass官网 2. 阮一峰: Co...

2017-05-03 17:43:42

阅读数:1605

评论数:0

从 Chrome 源码看浏览器如何 layout 布局

转载自: 野狗《从 Chrome 源码看浏览器如何 layout 布局》假设有以下html/css:<div style="border:1px solid #000; width:50%; height: 100px; margin: 0 auto"></d...

2017-04-19 00:32:36

阅读数:916

评论数:0

Web 图片Base64编码

转载自: 【前端攻略】:玩转图片Base64编码引言  图片处理在前端工作中可谓占据了很重要的一壁江山。而图片的 base64 编码可能相对一些人而言比较陌生,本文不是从纯技术的角度去讨论图片的 base64 编码。标题略大,不过只是希望通过一些浅显的论述,让你知道什么是图片的 base64 编码...

2017-04-17 20:33:41

阅读数:948

评论数:0

从 Chrome 源码看浏览器如何计算 CSS

转载自: 野狗《从 Chrome 源码看浏览器如何计算 CSS》 在 《 HTML 如何避免页面卡顿》这篇里面介绍了浏览器渲染页面的过程:并且《从Chrome源码看浏览器如何构建DOM树》介绍了第一步如何解析Html构建DOM树,这个过程大概如下:浏览器每收到一段html的文本之后,就会把它序列...

2017-04-17 20:12:50

阅读数:479

评论数:0

HTML 如何避免页面卡顿

转载自: 野狗《如何避免页面卡顿》什么是页面卡顿?如下:当拖动页面或者滚动的时候页面一卡一卡的,看起来不连贯,我们就说页面卡了,这是一种非常不友好的体验,怎么衡量页面卡顿的情况呢?失帧和帧率FPS如果你家里买了电视盒的话,在设置里面应该会有一个输出设置:上面选中的60Hz就是帧率(frame pe...

2017-04-17 18:59:56

阅读数:5356

评论数:0

响应式布局

概述优点: * 解决了设备可见的差异性 缺点: * 兼容性代码多,工作量大,加载速度受影响 * 对原有网站布局会产生影响,用户判断未必精准 原则: * 设计初期要考虑页面如何在多终端展示 渐进增强: * 充分发挥硬件设备的最大功能(一...

2017-03-28 12:21:01

阅读数:211

评论数:0

CSS 定位

相对定位相对定位就是相对于自己以前在标准流的位置来移动,不脱离标准流.需要配合top left right bottom 使用.会在标准流中占用空间.注意点 同一个方向只能有一个属性 由于不脱离标准流,所以区分行内元素,块级元素,行内块级元素 由于不脱离标准流,所以相对定位的元素会占用标准流的位置...

2017-03-23 11:57:03

阅读数:228

评论数:0

overflow: hidden; 用处

裁剪超出标签范围的内容 清除浮动.参考CSS 浮动(float)注意点 当两个盒子嵌套时,避免设置内层margin-top时,外层盒子也被顶下来. CSS盒子模型注意点

2017-03-20 10:33:24

阅读数:179

评论数:0

CSS 浮动(float)注意点

浮动布局 浮动是一种半脱离标准流的排版方式 没有居中对齐 使用 margin: 0 auto; 没有作用 不区分块级元素/行内元素/行内块级元素,因为这标准流中的概念 浮动的排序规则 相同方向的浮动元素,先浮动的显示在前面.因为浮动只会盖住标准流. 不同方向的浮动元素,左浮找左浮,右浮找右浮 浮...

2017-03-20 10:27:21

阅读数:796

评论数:1

CSS盒子模型注意点

两个盒子是嵌套关系, 如果设置了里面一个盒子的margin-top,外边的盒子也会被顶下来. 可以给外边的盒子添加border属性,避免上面现象. 但是如果要控制这种嵌套关系的话,最好不要使用margin属性,因为margin本身就是控制兄弟关系的.而应该使用padding属性. 使用margin...

2017-03-16 16:22:50

阅读数:342

评论数:0

CSS 三大特性: 继承性、层叠性、优先级

继承性作用给父元素设置一些属性, 子元素也可以使用, 这个我们就称之为继承性注意点: 1.并不是所有的属性都可以继承, 只有以color/font-/text-/line-开头的属性才可以继承 2.在CSS的继承中不仅仅是儿子可以继承, 只要是后代都可以继承 3.继承性中的特殊性 * a标...

2017-03-14 14:17:27

阅读数:362

评论数:0

关于JavaScript的innerHTML和value

value: string类型 属性的值. 用于input/form/textarea元素, innerHTML: string类型,元素的HTML内容. 用于div/p/span/td/ul 等.

2017-01-06 22:20:21

阅读数:282

评论数:0

window.onresize或者$(window).resize()触发两次

场景window.onresize或者$(window).resize()触发两次.比如浏览器全屏显示,如果使用screen.availHeight重布局屏幕会闪两次,因为resize方法会进2次.而且每次screen.availHeight都不一样.原因和浏览器的自身实现有关系.不同的浏览器和操...

2016-12-26 16:05:07

阅读数:11060

评论数:0

CSS 去掉按钮选中时的蓝色外边框

input,button,a { outline:0 none !important; blr:expression(this.onFocus=this.blur()); }

2016-12-08 17:34:37

阅读数:5076

评论数:1

提示
确定要删除当前文章?
取消 删除
关闭
关闭