自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(16)
  • 收藏
  • 关注

转载 移动前端不得不了解的html5 head 头标签

本文主要内容来自一丝的常用的 HTML 头部标签和百度FEX的HTML head 头标签。移动端的工作已经越来越成为前端工作的重要内容,除了平常的项目开发,HTML 头部标签功能,特别是meta标签显得非常重要。 DOCTYPEDOCTYPE(Document Type),该声明位于文档中最前面的位置,处于 html 标签之前,此标签告知浏览

2017-10-23 16:42:27 591

转载 js setTimeout 参数传递使用介绍

setTimeout的参数传递问题想必大家有所纠结,window.settimeout()方法要调用带参数的函数有两种方法,下面为大家详细介绍下,感兴趣的朋友可以参考下.window.settimeout()方法要调用带参数的函数有两种方法: 1. 复制代码代码如下:function init(){ var url = "fetchwater.do?meth

2017-12-20 14:01:33 508

转载 undefined和not defined的区别

经研究发现,两者之间有很大的区别,不知从英语讲,这两者都有啥区别,研究结果如下 测试os:ubuntu 测试浏览器:chrome 测试案例1 console.log(a) 报错 ReferenceError: a is not defined 测试案例2 var a console.log(a) 无报错,但是输出undefined 测试案例2 

2017-12-19 16:13:36 3002 1

转载 flex 布局下关于容器内成员 flex属性的理解

flex布局分为容器的设置和容器内成员的设置,容器的设置是管理成员的排列方式,也就是管理排列的方向和对齐的位置。成员的设置则是关于成员的大小和显示的位置(order)。弹性布局,弹性布局,自然要提现他的弹性,所谓弹性也就是对空间的分配。成员设置中的flex属性,就是对于额外空间的管理。flex可以设置三个值,第一个值必选,后两个可选。 flex的第一个值可以

2017-11-30 11:55:25 285

转载 大白话解释 Git 和 GitHub

本文旨在使用通俗易懂的文字,讲解版本控制背后的理论,以便你能对程序员们如何工作有个全局概念。本文不涉及代码,不用下载啥东西,循序渐进,不关注繁复细节,只有文字和一些不怎么漂亮的手绘涂鸦。写本文的动机学习任何东西都能在网络上找到如此之多的指导教程,这一直令我惊讶不已。Git 和 Github 也不例外,网络上有大量优秀资源,这些资源要么只对其中一个,要么兼顾二者引导你开始学习

2017-11-24 18:05:52 699

转载 读懂正则表达式就这么简单

一 前言  对于正则表达式,相信很多人都知道,但是很多人的第一感觉就是难学,因为看第一眼时,觉得完全没有规律可寻,而且全是一堆各种各样的特殊符号,完全不知所云。其实只是对正则不了解而以,了解了你就会发现,原来就这样啊正则所用的相关字符其实不多,也不难记,更不难懂,唯一难的就是组合起来之后,可读性比较差,而且不容易理解,本文旨在让大家对正则有一个基本的了解,能看得懂简单的正则表达式,

2017-11-23 11:04:26 256

转载 苹果自带样式覆盖

只要在样式里面加一句去掉css去掉iPhone、iPad的默认按钮样式就可以了!~input[type="button"], input[type="submit"], input[type="reset"] {-webkit-appearance: none;}textarea {  -webkit-appearance: none;}   如果还有圆角的

2017-11-21 11:36:20 258

转载 原生js获取元素样式

我们在开发过程中经常会遇到通过js获取或者改变DOM元素的样式,方法有很多,比如:通过更改DOM元素的class。现在我们讨论原生js来获取DOM元素的CSS样式,注意是获取不是设置    在开始之前先说下获取最终应用在元素上的所有CSS属性对象的意思是,如果没有给元素设置任何样式,也会把浏览器默认的样式返回来。1、ele.style    在学习DOM的时候就看到通过el

2017-11-03 16:50:48 738

转载 javascript:;与javascript:void(0)使用介绍

有时候我们在编写js过程中,需要触发事件而不需要返回值,那么就可能需要这样的写法最近看了好几个关于标签和javascript:void(0)的帖子,谨记于此,以资查阅。 注:以下代码未经全面测试,但每一种方法可能会出现的情况都基本做了说明。 在做页面时,如果想做一个链接点击后不做任何事情,或者响应点击而完成其他事情,可以设置其属性 href = "#",但是

2017-11-01 16:14:38 8916

原创 设置了table-cell 属性后,用百分比来设置宽度为什么会出现问题

test p { margin:0; } .right-content-title111 {border:1px solid black; width:400px; margin-top:15px;} .right-content-title111 span{ border : 1px solid red; display: tab

2017-10-31 17:39:37 6488

转载 关于响应式开发的设计规范

◆  ◆  ◆一、响应式开发知识要点本段内容由艾艺前端技术部Jay给大家分享:现在都流行说做响应式开发,然而什么是响应式开发呢?专业术语-响应式简单来说,就是页面应该有能力去自动响应用户的设备环境。响应式网页设计就是一个网站能够兼容多个终端——而不是为每个终端做一个特定的版本。当客户提出需求的时候,用最简洁易懂的语言告诉你的客户,我们做的网页能够

2017-10-27 10:14:21 984

转载 使用CSS伪元素模拟float:center效果

对于这样的布局,你有没有心动过啊?看起来很合理对不对?尤其当你文章着重于某一主题时,你会特别想把相关的图片放在文章的中心,从而引起读者的注意。然而要想实现这种布局却并不简单,当前我们可以使用的布局方式都没法创建这种类型的布局。实际上,从某种角度来看,它看起来也没有什么布局可言。我这样的想法是正确的吗?我觉得即使是最顶尖的 CSS 布局系统也无法实现地处理上述布局。这种布局中

2017-10-27 09:44:17 430

转载 响应式布局的三大要点

在谈响应式布局前,我们先梳理下网页设计中整体页面排版布局,常见的主要有如下几种类型:布局类型 布局实现采用何种方式实现布局设计,也有不同的方式,这里基于页面的实现单位而言,分为四种类型:固定布局、可切换的固定布局、弹性布局、混合布局。固定布局:以像素作为页面的基本单位,不管设备屏幕及浏览器宽度,只设计一套尺寸;可切换的固定布局:同样以像素作为页面单位

2017-10-26 18:00:47 278

转载 大小不固定的图片、多行文字的水平垂直居中

本文综述想必写css的都知道如何让单行文字在高度固定的容器内垂直居中,但是您知道或者想过让行数不固定的文字在高度固定的容器内垂直居中呢?本文将会告诉你如何实现多行文字的垂直居中显示。关于图片垂直居中显示,想必很多写css的人都研究过,或者说是搜寻过方法。淘宝团队似乎提供了一种不错的方法,用font-size解决IE下垂直居中的问题,是个好方法吗?是的,方法是不错,可是问题也很多:不支持im

2017-10-10 11:27:51 287

转载 父元素与子元素之间的margin-top问题

父元素的盒子包含一个子元素盒子,给子元素盒子一个垂直外边距margin-top,父元素盒子也会往下走margin-top的值,而子元素和父元素的边距则没有发生变化。 html代码: css样式:.box1{height:200px;width:200px;background:gray;}.box2{height:100px;width:100px;backgro

2017-09-25 17:14:12 244

转载 去除inline-block元素间间距的N种方法

一、现象描述真正意义上的inline-block水平呈现的元素间,换行显示或空格分隔的情况下会有间距,很简单的个例子: 间距就来了~~我们使用CSS更改非inline-block水平元素为inline-block水平,也会有该问题:.space a { display: inline-block; padding: .5em 1em; b

2017-09-25 11:05:57 161

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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