• 前端分享学习博客,探究前端相关技术,推动天朝前端发展,有任何问题都可以留言一起探究
  • 由于站内自链接问题,部分pre中的代码首字母使用大写以过滤筛选
  • 欢迎友链互换,还有,如果有大神请不要黑我的站点(o´・ェ・`o)
  • 如果你觉得博客还不错,请Ctrl+D收藏( *︾▽︾)

前端开发规范

前端开发规范
基本规范规范目的规范化开发统一标准,便于代码审核前端初始参考文档前端团队级要求……命名规则全部使用英文小写方式,以下划线分割,有复数结构时,使用复数命名法;示例:目录命名:scripts,images,data_modelsJS文件命名:index.js,common_slider.jsCss/Scss文件命……继续阅读 »

薛 陈磊 5个月前 (06-13) 1469浏览 2个赞

css3 text

css3 text
在页面文本中,CSS3加入了几个新的文本功能,也是下面要讲解的三个new features:text-overflow 、word-wrap和word-break;其实text-overflow不是css3退出的,在此之前text-overflow就常用于控制文本显示长度中,而css3中text-overflow新加一个ellipsis属性,text-o……继续阅读 »

薛 陈磊 11个月前 (01-03) 581浏览 0个赞

css3 shadow

css3 shadow
通过使用css3中的shadow,可以给dom元素和文本加上阴影效果,分别是通过使用box-shadow和text-shadow来实现效果;css3 box-shadow:css3中box-shadow的基本用法是:box-shadow{ 2px 3px};其中2px是x轴偏移像素,3px是y轴偏移像素,shadow的颜色默认是黑色,看个例子:st……继续阅读 »

薛 陈磊 11个月前 (12-22) 572浏览 0个赞

css3 backgrounds

css3 backgrounds
css中背景是用的很多的一个样式,出现的也很早,CSS3包含几个新的背景属性,允许更好地控制背景元素,并且通常和background-size、background-origin、background-clip配合使用,下文会一一提到;css3中的background最大的变化是允许通过background-image设置多个背景图像,不同的背景图像由逗号……继续阅读 »

薛 陈磊 11个月前 (12-20) 845浏览 0个赞

css3 gradients

css3 gradients
css3中的渐变可以使两个或多个制定颜色之间平滑的过度,在这之前,网页中要展现渐变颜色要是用图片,现在,通过使用CSS3渐变,可以减少加载图片的负荷,也就是说,使用css3渐变颜色,所呈现出的样子是浏览器计算css样式展现的,这种场景在大背景渐变颜色的使用中,可以减少加载大图片或分割图片(注意css3渐变在ie9及9以下的浏览器中是不支持的);css3渐……继续阅读 »

薛 陈磊 11个月前 (12-19) 556浏览 0个赞

css3 border images

css3 border images
通过css3中的border-image可以给元素设置图片边框,听起来不难理解,有三个要点要注意:所指的图片是用来填充、充当边框的;在哪里切割、区分边框;定义中间部分是否应重复或拉伸;取下面这张‘边框图片’做示例:border-image属性取图像并将其分成九个部分,如井字格局。然后将角放置在角上,中间部分根据您的指定重复或拉伸……继续阅读 »

薛 陈磊 11个月前 (12-19) 930浏览 2个赞

css3 border-radius

css3 border-radius
css3中的border-radius属性可以给页面元素设置成圆角,并且对元素的background、border、background image有效:样式为:#box1 {    border- radius: 25px;    b……继续阅读 »

薛 陈磊 11个月前 (12-14) 938浏览 2个赞

css伪类和伪元素

css伪类和伪元素
作为前端人员,每天要与满屏的标签、元素打交道,通过元素与样式类的结合,呈现出一个个美丽优雅的页面,其中也包括css伪类和伪元素的应用,随着前端的发展深入,开发人员运用越来越多的整合技术,使得我们的工作更快捷高效高逼格,下面就来整理一下css中伪类和伪元素的应用;css伪类:什么是css伪类(pseudo-class),伪类就是定义个元素的特殊状态的存在,……继续阅读 »

薛 陈磊 12个月前 (12-06) 1822浏览 3个赞

微软官方网站线上兼容测试平台-Browser screenshots

微软官方网站线上兼容测试平台-Browser screenshots
前端开发时最不想做的就是在不同浏览器、平台和分辨率测试网页显示效果,通常这会浮现许多问题,尤其浏览器版本就可能让显示成效完全不同,也只好尽力维持让每一种设备都能正常浏览网页。修改到完全没有问题必须投入不少时间,安装多系统可以解决这个问题(土豪可以配置多台机器),但是非常的麻烦繁琐,特别是不同版本的ie浏览器 。微软作为ie和windows的开发当然也知道这个……继续阅读 »

薛 陈磊 1年前 (2016-11-20) 814浏览 0个赞