css
基于Bootstrap做定制,并与官方库保持更新的方法
bootstrap是一个很好的css框架,可以给项目提供一个良好的css框架基础,但是很多情况下我们需要对bootstrap做一些定制以适应项目的需求。定制bootstrap的方法有很多种,如果你想深入到bootstrap源码进行定制的话,那么本文是比较适合你的。下面讲一下如何用git管理你的bootstrap定制项目,并能够与bootstrap官方库保持更新的方法。git
业界
2016年07月17日
nodejs中aja跨域和jsonp跨域
AJAX跨域获取数据1.前端代码: Document异步获取数据 var log=function (obj) { console.log(obj); } var get=document.getElementById('get'); get.addEventListener('click',function () {
业界
2016年07月17日
SASS @etend官方文档剖析
@extend用法剖析我们经常会遇到这样的情况,当我们在开发页面时候一个class需要包含前一个class的所有样式,但是又必须有他自己特殊新增的样式。但是这两个class其实都是相差无几的,只是有细微的差别。比如错误提示的样式(.error和.specialerror),既然后着只是比前者多一两句样式,为何还要写两个class呢,因为我们不想把前者.error的样式重新在
业界
2016年07月16日
DIV 上下左右居中黑科技
# info{height:0px; width:0px;top:50%; left:50%;position:absolute;}
# center{background:# FFCC33;border:1px solid # 0033FF; width:300px;height:300px;position:absolute; margin:-150px;} 哆啦A梦
业界
2016年07月16日
css使文字显示两行后显示省略号
本人喜欢把一些实用的东东拿过来,写成文章或者收藏起来。于是乎...
直接上代码:
.article {color: # 000000;overflow: hidden;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;word-break: break-all;
}狠狠的点击,查看
业界
2016年07月14日
[譯] 學習 CSS clip-path 屬性
整體來說網頁主要是由矩形所構成的,另一方面印刷品則具備相對多樣性。造成這樣差異的原因有很多,不過其中一個即是缺少合適的工具。這篇文章主要會介紹 clip-path 這個 css 的樣式規則可以讓我們遮掉元素的局部,就是不顯示出來。達成這項功能背後的原理就是我們可以透過它去定義可視區,類似於遮色片的概念。我們將從基礎開始然後涵蓋語法,進一步理解進階的概念。基礎clip 意思是
业界
2016年07月14日
IE9无法对CSS文件长度限制的陷阱
最近在做的前端项目遇到一个很奇怪的问题,在IE8和其他现代浏览器下显示正常的元素,在IE9下却显示异常。
打开IE9蛋疼的Developer Tools后发现原先CSS上写的样式压根就没有应用到元素上去。无论怎么加hack还是其他方法都没有用。
然后尝试把CSS minify一下发现问题消失了。由此怀疑IE9是不是对CSS文件长度有限制,超出部分会自动截断(我的CSS mi
业界
2016年07月14日
页面性能优化实践总结
页面性能优化学而不思则惘,思而不学则殆前几天接到一个页面效果优化的任务,边做边查阅了一些关于页面性能的资料。做完任务之后,抽空写了一篇总结,梳理一下思路,加深自己的理解。1. chrome的timeline先思考这样的一个问题:什么叫页面性能好?如何进行评判?直观上讲,我们通常会通过一个页面流不流畅来判断一个页面的性能好不好。但是开发中,总不能这么随意吧。1-1 fpsFP
业界
2016年07月14日
