显示下一条  |  关闭
温馨提示!由于新浪微博认证机制调整,您的新浪微博帐号绑定已过期,请重新绑定!立即重新绑定新浪微博》  |  关闭

星期五

明天不上班

 
 
 
 
 
 

angular-translate使用

2015-3-23 18:20:00 阅读4189 评论0 232015/03 Mar23

angular-translate

Getting Started

作者  | 2015-3-23 18:20:00 | 阅读(4189) |评论(0) | 阅读全文>>

Angular 的table 组件

2015-3-13 16:39:38 阅读7688 评论0 132015/03 Mar13

作者  | 2015-3-13 16:39:38 | 阅读(7688) |评论(0) | 阅读全文>>

2014年简单回顾

2014-11-27 21:48:08 阅读336 评论0 272014/11 Nov27

最近一直忙于公司的产品和知识分享活动,好久没有在网易博客上写东西,就希望简简单单总结一下:

1.开始使用Github,虽然账号注册的很早,github: https://github.com/hjzheng
2.学会并正确使用Dojo和Gridx,虽然公司到现在也没有打算用Dojo做核心框架去开发。
3.参加wdshare活动(http://www.wdshare.org),认识一群志同道合的朋友,对了我叫Hurry。
4.在team内部开展知识分享活动,使用PPT给大家分享:

作者  | 2014-11-27 21:48:08 | 阅读(336) |评论(0) | 阅读全文>>

CSS3 transition

2014-7-30 15:53:06 阅读394 评论0 302014/07 July30

transition 过渡
transition 简写属性,用于在一个属性中设置四个过渡属性。 
transition: property duration timing-function delay;

transition-property: 规定应用过渡的 CSS 属性的名称。 默认是all
transition-duration: 定义过渡效果花费的时间。默认是 0。
transition-timing-function: 规定过渡效果的时间曲线。默认是 "ease"。

作者  | 2014-7-30 15:53:06 | 阅读(394) |评论(0) | 阅读全文>>

CSS3分栏布局和CSS3盒模型解析模式

2014-7-29 18:53:36 阅读455 评论0 292014/07 July29


CSS3分栏布局

column-width 栏目宽度
定义了宽度,元素会随着页面宽度,增加列数
column-count 栏目列数
如果定义列数,元素会随着页面宽度,增加列宽度
column-gap   栏目距离
column-rule  栏目间隔线 和定义border一样

Example: 请在chrome下运行
http://jsfiddle.net/hjzheng/mgqt2/1

CSS3盒模型解析模式
box-sizing 盒模型解析模式
content-box  标准盒模型 width/height=content

作者  | 2014-7-29 18:53:36 | 阅读(455) |评论(0) | 阅读全文>>

CSS3 media query

2014-7-29 18:39:55 阅读352 评论0 292014/07 July29


媒体类型
all 所有媒体
braille 盲文触觉设备
embossed 盲文打印机
print 手持设备 
projection 打印预览
screen 彩屏设备
speech '听觉'类似的媒体类型
tty 不适用像素的设备

作者  | 2014-7-29 18:39:55 | 阅读(352) |评论(0) | 阅读全文>>

最近收集有关前端图片方面的知识

2014-7-29 18:19:19 阅读345 评论0 292014/07 July29

1.CSS Sprite
  •     当图片大于或等于容器元素,直接紧凑的合成在一起。
  •     当图片小于容器元素:
                如果background-position左右横向放置,合成时,保证图片左右两边没有元素。 
                如果background-position上下垂直放置,合成时,保证图片上下两边没有元素。

作者  | 2014-7-29 18:19:19 | 阅读(345) |评论(0) | 阅读全文>>

CSS3圆角和边框图片

2014-7-21 18:53:06 阅读348 评论0 212014/07 July21

border-radius

border-radius: 1-4个数字 / 1-4个数字

前面是水平,后面是垂直

不给“/”则水平和垂直一样

border-radius: 10px/5px;


参数

各种长度单位都可以:px,%,…


用法

1个:都一样

border-radius: 一样

2个:对角

border-radius: 左上&右下    右上&左下

作者  | 2014-7-21 18:53:06 | 阅读(348) |评论(0) | 阅读全文>>

CSS3背景

2014-7-21 18:35:49 阅读312 评论0 212014/07 July21

支持多背景,使用逗号分开
background: url(a.jpg) 0 0, url(b.jpg) 0 100%;

背景尺寸
background-size:x y
background-size:100% 100%
Cover 放大
Contain 缩小

背景原点
background-origin : border-box | padding-box | content-box 
border-box: 从border区域开始显示背景。 

作者  | 2014-7-21 18:35:49 | 阅读(312) |评论(0) | 阅读全文>>

CSS3 渐变

2014-7-21 18:28:25 阅读278 评论0 212014/07 July21

CSS3 分为 线性渐变和径向渐变

线性渐变 linear-gradient
线性渐变格式 linear-gradient([<起点> || <角度>,] <点>, <点>…)
只能用在背景上
兼容IE的写法
IE filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#ff0000',GradientType='1');
IE支持比较简单,两个颜色start,end 两个方向,GradientType 0和1

参数
起点:从什么方向开始渐变 默认:top   left、top、left top

作者  | 2014-7-21 18:28:25 | 阅读(278) |评论(0) | 阅读全文>>

CSS3弹性盒模型

2014-7-17 10:34:00 阅读278 评论0 172014/07 July17

CSS3 弹性盒,或者简称弹性盒,是一种当页面需要适应不同的屏幕大小以及设备类型时确保元素拥有恰当的行为的布局方式。对于很多应用来讲,弹性盒在两个方面相对于盒模型进行了提升,它既不使用浮动,也不会导致弹性盒容器的外边距与其内容的外边距之间发生塌陷。

CSS3弹性盒模型规范还在发展中,这次实现是基于2012年的规范

使用CSS建立弹性盒子,需要为 display 指定下面的值:
display : flex or display: inline-flex
这样做将元素定义为弹性容器,其子元素即弹性子元素。

作者  | 2014-7-17 10:34:00 | 阅读(278) |评论(0) | 阅读全文>>

CSS3文本阴影

2014-7-14 16:50:39 阅读258 评论0 142014/07 July14

CSS3文字阴影
text-shadow:x y blur color, …
参数

作者  | 2014-7-14 16:50:39 | 阅读(258) |评论(0) | 阅读全文>>

CSS3结构性伪类, 属性选择器, 其他伪类

2014-7-14 16:19:34 阅读224 评论0 142014/07 July14

CSS3结构性伪类:
E:nth-child(n) 表示E父元素中的第n个子节点
p:nth-child(odd){background:red}/*匹配奇数行*/
p:nth-child(even){background:red}/*匹配偶数行*/

作者  | 2014-7-14 16:19:34 | 阅读(224) |评论(0) | 阅读全文>>

查看所有日志>>

 
 
 
 
 
 
 
 
模块内容加载中...
 
 
 
 
 

日历

 
 
模块内容加载中...
 
 
 
 
 
 
 

陕西省 西安市

 发消息  写留言

 
一个特立独行的Java程序员,比较宅,上上网,写博客,听音乐,看电影。
 
博客等级加载中...
今日访问加载中...
总访问量加载中...
最后登录加载中...
 
 
 
 
 

HTML5 and FireFox

 
 
模块内容加载中...
 
 
 
 
 

日志分类

 
 
日志分类列表加载中...
 
 
 
 
 
 
 
 
 
 
 
 
 
 
 

页脚

网易公司版权所有 ©1997-2016

GACHA-他是传说中第一代男神

二次元同好交流新大陆

扫码下载App

注册 登录  
 加关注