![](https://img-blog.csdnimg.cn/20201014180756930.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
web前端
xingxingxx2014
这个作者很懒,什么都没留下…
展开
-
CSS实现完美垂直居中
之前看到很多人一直都问这个问题,不过当时我没当一回事,因为在 CSS中要垂直居中,多数是在有高度的情况下,或者容器高度不定的情况下才用,看上去比较舒服,而且实现的方法也不少,不一定要拘泥于和 table布局一样。不过最近有人问了几个例子,看来对此的需求还不少。现在就把我经验拿出来分享一下,希望大家鼓鼓掌。首先,要有一个概念:凡是 table 布局可以实现的,CSS 一定可以实现。CSS 可转载 2014-10-31 18:43:23 · 255 阅读 · 0 评论 -
聊聊收纳与交互设计
转载 前言: 上次与朋友在火车上闲聊,聊到最近的工作。他们正在做一个面向国外用户的App。首页简单清爽,但是从中国人的视角来看,会觉得清汤寡味,而果不其然,他告诉我,最近团队正在打算改版,重新设计首页,“嗯,会像你们的手机淘宝学习,做得丰满一些,让用户经常看到新鲜的东西,而不完全是工具、导航入口。”当然,App上加强“逛”的感觉是很重要的,但是为欧美人设计的网站,究竟适合不适合原创 2014-10-31 18:41:50 · 432 阅读 · 0 评论 -
前端优化-Img与background
当img遇到 background,这个世界就是这么小~~~~~1 从解析机制看 Img属于html标签,background是css方法。一个页面由html、css、js组成,按照浏览器解析机制,html标签优先解析。大家都知道css文件会放在head加载,但是这并不意味着它会立即执行,而是在html加载完后才执行的。所以重要的元素,如logo就应该使用img,我也犯了这原创 2014-10-31 18:43:20 · 319 阅读 · 0 评论 -
网站,越简单越好
今天客户问我一个问题,我当下是不知道怎么回答,你设计的网站都偏向简单风格,但是这个网站(指案子)是偏向传统复杂的?你 OK 吗?原文已经忘记,不过大意即使如此。说真的我当下,真的不知道如何回答。因为在我还没有设计这些网站之前,它是很复杂的。简单 != 简单设计简单,不等于「简单」,越简单越难(越难说服客户、老板、PM、总监…)越难告诉他们,其实这就够了。在很久很久以前,那时转载 2014-10-31 18:43:01 · 1177 阅读 · 0 评论 -
使用CSS 3创建不规则图形
前言CSS创建复杂图形的技术即将会被广泛支持,并且应用到实际项目中。本篇文章的目的是为大家开启它的冰山一角。我希望这篇文章能让你对不规则图形有一个初步的了解。现在,我们已经可以使用CSS 3 常见不规则复杂图形了(点击链接查看),如下图所示:使用CSS创建的图形,无法内置文字或实现文字环绕效果。因此,如何实现不规则图形和文字复杂布局也成为了一个热议话题。今天我们就来原创 2014-10-31 18:42:36 · 323 阅读 · 0 评论 -
jQuery 如何写插件 - 第一步
原文地址:如何写插件 - 第一步">jQuery 如何写插件 - 第一步作者:忘尘子最近在看HTML5 CSS3,上面不少提到solvefallbacks,所以写JS的地方不少。嗯,常用jQuery但是还没有动手写过插件,这次学习尝试下。这篇文章引自iteye,是老帖子了~~ 国外优秀的文也有,今天就看这位仁兄的吧,写的很到位啊,通俗易懂。jQuery插件的开发包括两种:一种是类级别的转载 2014-10-31 18:42:11 · 241 阅读 · 0 评论 -
Javascript模块化编程(一):模块…
作者: 阮一峰随着网站逐渐变成"互联网应用程序",嵌入网页的Javascript代码越来越庞大,越来越复杂。网页越来越像桌面程序,需要一个团队分工协作、进度管理、单元测试等等......开发者不得不使用软件工程的方法,管理网页的业务逻辑。Javascript模块化编程,已经成为一个迫切的需求。理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是原创 2014-10-31 18:42:22 · 248 阅读 · 0 评论 -
CSS清除浮动
原文地址:CSS清除浮动作者:最初的你我们嘴里常说到的“清除浮动“,其实并不准确。准确的说法应该是“清除浮动”,真正的“清除浮动”是什么呢,float:none;这才是“清除浮动”的字面意思。当然,也有可能是“清除浮动”就是个简称,意思就是“清除浮动造成的影响”,只是叫了顺口,大家也都这么称呼了。添加了浮动属性的元素会脱离文档流,不占据空间,这样的特殊性会给周边的普通流的元素带来一些影响,所以转载 2014-10-31 18:44:28 · 284 阅读 · 0 评论 -
Minify压缩和削减CSS和JS
Minify把CSS和JS压缩和削减(Minify:去掉空格回车符等),以及把多个CSS,JS文件整合到一个文件里。不要以为你的大带宽没有必要进行这类优化。使用它的理由更重要的是文件合并,而不是压缩,而是文件整合,这样可以减少浏览器端不断发出新的连接请求,就像FTP服务器一样,多个小文件和一个大文件耗时是不一样的。 Minify是用PHP写的,项目地址 http://code.googl原创 2014-10-31 18:42:30 · 294 阅读 · 0 评论 -
如何写一个Jquery 的Plugin插件
JQuery Plugin插件,如果大家不明白什么是JQuery插件或都不清楚如何编写可以查看其官方的网站:jQuery Authoring Guidelines 好了,下面有一些我觉得想做一个好的插件必须应有的要求:1、在JQuery命名空间下声明只声明一个单独的名称2、接受options参数,以便控制插件的行为3、暴露插件的默认设置 ,以便外面可以访问4、适当地将子函数原创 2014-10-31 18:42:33 · 289 阅读 · 0 评论 -
Javascript模块化编程(三):requ…
这个系列的第一部分和第二部分,介绍了Javascript模块原型和理论概念,今天介绍如何将它们用于实战。我采用的是一个非常流行的库require.js。一、为什么要用require.js?最早的时候,所有Javascript代码都写在一个文件里面,只要加载这一个文件就够了。后来,代码越来越多,一个文件不够了,必须分成多个文件,依次加载。下面的网页代码,相信很多人都见过。原创 2014-10-31 18:42:27 · 535 阅读 · 0 评论 -
Javascript模块化编程(二):AMD…
这个系列的第一部分介绍了Javascript模块的基本写法,今天介绍如何规范地使用模块。(接上文)七、模块的规范先想一想,为什么模块很重要?因为有了模块,我们就可以更方便地使用别人的代码,想要什么功能,就加载什么模块。但是,这样做有一个前提,那就是大家必须以同样的方式编写模块,否则你有你的写法,我有我的写法,岂不是乱了套!考虑到Javascript模块现在还没有官方规范,这原创 2014-10-31 18:42:25 · 265 阅读 · 0 评论 -
深入理解 CSS 中的行高与基线
1、基本概念1. 基线、底线、顶线、中线CSS 中的行高与基线" />注意:基线(baseline)并不是汉字文字的下端沿,而是英文字母“x”的下端沿。2. 内容区CSS 中的行高与基线" />内容区是指底线和顶线包裹的区域(行内元素display:inline可以通过background-color属性显示出来),实际中不一定看得到,但确实存在。内容区的大小依据fo原创 2014-10-31 18:42:09 · 501 阅读 · 0 评论 -
几种display:table-cell的应用
一、display:table-cell属性简述display:table-cell属性指让标签元素以表格单元格的形式呈现,类似于td标签。目前IE8+以及其他现代浏览器都是支持此属性的,但是IE6/7只能对你说sorry了,这一事实也是大大制约了display:table-cell属性在实际项目中的应用。我们都知道,单元格有一些比较特别的属性,例如元素的垂直居中对齐,关联伸缩等,所以di原创 2014-10-31 18:42:03 · 278 阅读 · 0 评论 -
基于display:table的CSS布局
当IE8发布时,它将支持很多新的CSSdisplay属性值,包括与表格相关的属性值:table、table-row和table-cell,它也是最后一款支持这些属性值的主流浏览器。它标志着复杂CSS布局技术的结束,同时也给了HTML表格布局致命一击。最终,使用CSS布局来制作出类似于table布局的栅格将会变得十分迅速和简单。网页元素应用上那些与表格相关的display属性值后,能够模仿出与原创 2014-10-31 18:42:00 · 326 阅读 · 0 评论 -
png、jpg、gif三种图片格式…
不错的文章,学习了,本来只是想了解下jpg、png的区别,没想到学到那么多。原文地址:png、jpg、gif三种图片格式的区别作者:落叶为什么想整理这方面的类容,我觉得就像油画家要了解他的颜料和画布、雕塑家要了解他的石材一样,作为网页设计师也应该对图片格式的特性有一定了解,这样才能更好的表达你的创意和想法。除此之外,我们在平时工作中也会遇到许多与图片格式相关的问题。比如设计师会奇怪为什么有些转载 2014-10-31 18:43:25 · 1229 阅读 · 1 评论 -
合并多个js,css文件的方法
在Web项目的开发中,js,css文件会随着项目的开发变得越来越多,越来越大,这就给给性能方面带来一些问题,如,页面引入的的js,css越多的话,那么对就增加了http请求数,解决该问题的一个好的方法就是合并js,css文件。 下面就简单介绍一个方法,十分简单.下面介绍以合并js文件为例 (1) G.js文件 ~function(){ windo原创 2014-10-31 18:42:06 · 1042 阅读 · 0 评论