摘要：
转向做全职前端差不多一年的时间了，其中学习了构建工具grunt，gulp，angularjs，coffeescript，less，sass，自己想要做全栈开发，所以自学了mongodb，nodejs，express后端开发。 这个博客是对前段时间的学习做一个总结，整理需求，架构，开发，测试，部署大概 阅读全文
摘要：
今年转向做前端开发，主要是做angularjs开发，期间接触了nodejs平台，从此一发不可收拾。npm丰富的插件库，express 开发框架， grunt, gulp构建工具，karma测试管理工具，jasmine单元测试框架，ng-scenario e2e测试框架（以前不知道javascript... 阅读全文
摘要：
很久没有更新博客了，现在已经不写.NET，转前端半年多了。半年前在创业公司，做电子商务网站，用的是NopCommerce框架（3.2），这个框架还是相当不错的，经过一段时间的摸索，基本入门，于是就开始写自己的框架NextCMS。很可惜，自己没能坚持住，这个框架写了一半就没做了。Nop特点：多商城支持... 阅读全文
摘要：
MVC 、EF 学习有大半年了，用的还不是很熟练，正好以做这样一个简单的权限管理系统作为学习的切入点，还是非常合适的。开发环境：VS 2013 + Git + MVC 5 + EF 6 Code First权限设计用户、角色、用户-角色、模块、权限、模块-权限、角色-模块-权限。用户可以拥有多个角色... 阅读全文
摘要：
什么是CSS hackCSS hack由于不同的浏览器，比如IE6,IE7,Firefox等，对CSS的解析认识不一样，因此会导致生成的页面效果不一样，得不到我们所需要的页面效果。 这个时候我们就需要针对不同的浏览器去写不同的CSS，让它能够同时兼容不同的浏览器，能在不同的浏览器中也能得到我们想要的页面效果。CSS hack分类hack主要分为CSS选择器hack、CSS属性hack、IE条件注释hack。CSS选择器hack：比如 IE6能识别*html .class{}，IE7能识别*+html .class{}或者*:first-child+html .class{}等。CSS属性hac 阅读全文
摘要：
什么是CSS清除浮动？在非IE浏览器（如Firefox）下，当容器的高度为auto，且容器的内容中有浮动（float为left或right）的元素，在这种情况下，容器的高度不能自动伸长以适应内容的高度，使得内容溢出到容器外面而影响（甚至破坏）布局的现象。这个现象叫浮动溢出，为了防止这个现象的出现而进行的CSS处理，就叫CSS清除浮动。引用W3C的例子，news容器没有包围浮动的元素。.news { background-color: gray; border: solid 1px black; }.news img { float: left; }.news p { float: ... 阅读全文
摘要：
概念z-index 属性设置元素的堆叠顺序。拥有更高堆叠顺序的元素总是会处于堆叠顺序较低的元素的前面。层级关系的比较1. 对于同级元素，默认(或position:static)情况下文档流后面的元素会覆盖前面的。2. 对于同级元素，position不为static且z-index存在的情况下z-index大的元素会覆盖z-index小的元素，即z-index越大优先级越高。3. IE6/7下position不为static，且z-index不存在时z-index为0，除此之外的浏览器z-index为auto。4. z-index为auto的元素不参与层级关系的比较，由向上遍历至此且z-inde 阅读全文
摘要：
参考了《CSS彻底设计研究》的文章，说的很不错，所以拿来做笔记。浮动在标准流中，一个块级元素在水平方向会自动伸展，直到包含它的元素边界；而在竖直方向和兄弟元素依次排列，不能并排。使用浮动方式后，块级元素的表现就会不同。简单的说多个不设宽度的块级的元素可以横向排列。CSS中有float属性，默认为none，也就是标准流通常的情况。如果将float属性设置为left或right，元素就会向其父元素的左侧或右侧紧靠，同时默认情况下，盒子的宽度不再伸展，而是根据盒子里面的内容的宽度来确定。准备代码先制作一个页面，然后再设置浮动进行分析。 float属性 Box-1 ... 阅读全文
摘要：
CSS定位机制CSS 有三种基本的定位机制：相对定位、浮动和绝对定位。相对定位相对定位指的是设置为相对定位的元素框会偏移某个距离。元素仍然保持其未定位前的形状，它原本所占的空间仍保留。如果将box2的框 top 设置为 50px，那么框将在原位置顶部下面 50 像素的地方。如果 left 设置为 20 像素，那么会在元素左边创建 20 像素的空间，也就是将元素向右移动。只要box2设置了position为relative，box1和box3始终不会因为box2的改变而改变。 相对定位 box1 box2 box3 ... 阅读全文
摘要：
CSS盒模型HTML文档中可以将每个元素都看作是长方形的盒子。而CSS盒模型规定了元素框处理元素内容content、内边距padding、边框border和外边距margin的方式。下图是W3C对于盒模型的描述图。使用Firebug，可以轻松地查看到盒子的布局大小。盒子本身的大小是这样计算的：width:width + padding-left + padding-right + border-left + border-rightheight:height + padding-top + padding-bottom + border-top + border-bottom静态定位或相对定位 阅读全文
摘要：
常用选择器元素选择器，即html标记如div,ul,li,p,h1~h6,table等。p { font-size:14px; }h1 { color:#F00; }复合选择器， 由两个选择器直接构成，第一个必须是元素选择器，第二个必须是类选择器和ID选择器，这两个选择器之间不能有空格。p.special { color:#red}.special { color:#green; }后代选择器，用来寻找特定元素或元素组的后代，后代选择器由其他两个选择器之间的空格表示。在这里只有h2标记里面的字体显示为红色，并且有10px的内边距。测试1测试1div h2{color:#F00;padding: 阅读全文
摘要：
CSS语法CSS 规则由两个主要的部分构成：选择器，以及一条或多条声明。选择器通常是您需要改变样式的 HTML 元素。selector {declaration1; declaration2; ... declarationN }每条声明由一个属性和一个值组成。属性（property）是样式属性（style attribute）。每个属性有一个值。属性和值被冒号分开。selector {property: value}例如下面这行代码的作用是将 h1 元素内的文字颜色定义为红色，同时将字体大小设置为 14 像素。在这个例子中，h1 是选择器，color 和 font-size 是属性，red 阅读全文
摘要：
背景HTML是一种超文本标记语言，用来定义文档的结构和内容，例如标题、段落和列表等等，而文档内容如何渲染、如何展示，这就需要样式来修饰了。CSS正是可以与HTML很好地结合。如果将HTML比作水，那么CSS就是水杯，用怎样形状的水杯来装水，水就显示不一样的形状。什么是CSS？CSS 指层叠样式表 (Cascading Style Sheets)，定义如何显示 HTML 元素，是为了解决文档内容与表现分离的问题，通常是统一存储在样式表中，使用外部样式表可以方便管理，提高工作的效率，具有继承性和层叠性的特点。CSS继承性它是依赖于祖先-后代的关系的。继承是一种机制，它允许样式不仅可以应用于某个特定 阅读全文
摘要：
很久没有更新博客了，总有些什么想要总结的，技术、心得、生活，但始终没能静下心写。这一年过得有些起伏、有些浮躁、有些迷茫、有些不愉快，我甚至不知道是什么原因导致一个乐观主义者竟会处于这样悲观的情绪中。我是一个普通的人，勤劳的工作，为的是享受工作带给我的快乐，但是目前我仍未能在工作与快乐中找到平衡点，日子过得有点沉闷、有点压抑。虽然现在还没毕业，但是不能把学校的坏习惯带到工作中了，要开始适应角色的转变。从8月份开始实习到现在换了两间公司，有点频繁，这是很不好的。2012年08月至2012年11月，A公司是搞赌博，悠闲娱乐的美国公司，不是以软件开发为核心的。我加入的部门主要是维护其下娱乐场所的网站， 阅读全文
摘要：
脚本这个东东还是非常实用的，可以简化手动操作。下面这个脚本是删除前七天的日志文件。bat脚本：@echo offecho ------------Delete log file,develop by terry-------------echo Today date:：%date%::Yearset yy=%date:~0,4%::Monthset mms=%date:~5,2%if %mms% GTR 10 (set mm=%mms%) else (set mm=%mms:~1,2%)::Dayset dds=%date:~8,2%if %dds% GTR 10 (set dd=%dds%) 阅读全文