分类:前端开发

用三个步骤让你理解怎样实现响应式网页设计

用三个步骤让你理解怎样实现响应式网页设计
随着移动设备的逐渐普及和Web技术的发展,跨端的Web开发需求将会越来越大。如何在多种设备上进行跨端的界面适配呢?我们可以利用CSS3的Media Query来实现。本文主要介绍了移动开发和CSS3结合,来进行多种分辨率适配的例子。...

4年前 (2015-11-01) 433℃ 评论 () 130喜欢

css中input与button高度不一致的原因及解决方法

css中input与button高度不一致的原因及解决方法
【css文本框与按钮不对齐解决方案 】button在高度计算上始终使用了Quirks模式。在Quirks模式下,边框的计算是在元素的宽度内的,而不像标准模式一样计算在外部,button的高度包含边框的高度,而文本框text则不包含边框高度。...

4年前 (2015-10-28) 4496℃ 评论 () 5116喜欢

关于APP,原生和H5开发技术的争论

关于APP,原生和H5开发技术的争论
App的开发技术,目前流行的两种方式,原生和Html5。原生分了安卓平台和ios平台(还有小众的黑莓、死去的塞班就不说了),H5就是Html5。...

4年前 (2015-10-28) 566℃ 评论 () 65喜欢

在retina屏幕如何较好的实现1px边框

在retina屏幕如何较好的实现1px边框
一直以来我们实现边框的方法都是设置 border: 1px solid #ccc,但是在retina屏上因为设备像素比的不同,边框在移动设备上的表现也不相同:1px可能会被渲染成1.5px, 2px, 2.5px, 3px....,在用户体验上略差,所以现在要解决的问题就是在retina屏幕实现1px边框...

4年前 (2015-10-22) 504℃ 评论 () 89喜欢

javascript跨域的几种方法

javascript跨域的几种方法
此文章学习借鉴了一些其他前端同学的文章,自己做了个实践总结:以下的例子包含的文件均为为 http://www.a.com/a.html 、http://www.a.com/c.html 与 http://www.b.com/b.html,要做的都是从a.html获取b.html里的数据...

4年前 (2015-10-20) 550℃ 评论 () 95喜欢

匿名函数自调用(IIFE)

匿名函数自调用(IIFE)
Javascript中定义函数的方式有多种,函数直接量就是其中一种。如var fun = function(){},这里function如果不赋值给fun那么它就是一个匿名函数。好,看看匿名函数的如何被调用...

4年前 (2015-10-15) 376℃ 评论 () 71喜欢

html css js基础知识点

html css js基础知识点
今天给大家带来的是关于html css js基础知识点,希望大家能够融会贯通,循序渐进!...

4年前 (2015-10-14) 556℃ 评论 () 63喜欢

关于手机淘宝的flexible设计与实现

关于手机淘宝的flexible设计与实现
今天讲讲关于webapp中的文字单位的一些实践 :手机淘宝从2014年中开始,全面推行flexible设计。什么叫flexible呢?其实flexible就是responsive的低端形态和基础。对我们来说,最直观的感受就是,在超宽屏幕上,网页显示不会两边留白。以前pc时代大家经常讲的流体布局...

4年前 (2015-10-11) 404℃ 评论 () 101喜欢

js高手进阶之路:underscore源码经典

js高手进阶之路:underscore源码经典
很多人向我推荐研究js,可以看看一些第三方js类库的源码,而源码之中最好解读也最简短的就是underscore,它也是我平常比较喜欢的一个库,因为它性价比高:体积小、能力强。打开一看,才1000多行,试着读了一下,确实很值得一看,所以对精彩部分做了一下整理...

4年前 (2015-09-28) 193℃ 评论 () 87喜欢

前端人员必收!10个省时高效的CSS 3代码生成工具

前端人员必收!10个省时高效的CSS 3代码生成工具
今天的资源是完全免费的 WebApp,这些 WebApp 能够为模板,渐变,甚至浏览器属性的前缀生成 CSS3 代码。如果你是前端开发者,这些资源可以帮助你节省很多时间,并可以为以后的项目提供可复用的源码
...

4年前 (2015-09-24) 492℃ 评论 () 121喜欢

CSS旋转与翻转使用示例详解

CSS旋转与翻转使用示例详解
css 2.0还是没有翻转的,3.0里面有rotate属性,这个可以把元素进行任意角度旋转,灰常强大,下面有个不错的示例,大家可以参考下...

4年前 (2015-09-20) 858℃ 评论 () 90喜欢

a 标签的伪类样式规划,减少多余代码

a 标签的伪类样式规划,减少多余代码
a 标签有 link, visited, hover, active 这几个常用的伪类用于定义不同状态. 这些伪类意思明确, 使用简单, 看起来不会存在什么问题, 而实际上他们的使用顺序, 是否应该使用都需要考虑清楚.a 标签在网页中无所不在, 而且样式复用性很高. 一般来说, 一个网站上的链接形式是比较统一的, 所以作为 reset 或者基本的 a 标签 CSS 定义十分重要....

4年前 (2015-09-16) 1140℃ 评论 () 83喜欢

JS实现自动倒计时30秒后按钮才可用(两种场景)

JS实现自动倒计时30秒后按钮才可用(两种场景)
WEB开发中经常会用到倒计时来限制用户对表单的操作,比如希望用户在一定时间内看完相关协议信息才允许用户继续下一步操作,又比如在收取手机验证码时允许用户在一定时间过后(未收到验证码的情况下)再次获取验证码。那么今天我来给大家介绍下如何使用Javascript来实现这一简单应用。...

4年前 (2015-09-15) 1097℃ 评论 () 104喜欢

使用uncss去除无用的CSS

使用uncss去除无用的CSS
从代码的角度讲,你知道什么是比往网站或应用里添加功能更好的事情吗?删除那些没用的东西。也许是一些代码、图片、或相关依赖等,就像扔掉家中储存柜里没用的产生异味的存货。...

4年前 (2015-08-21) 558℃ 评论 () 374喜欢

动态背景的CSS3登录表单

动态背景的CSS3登录表单
之前我们分享过很多不错的CSS3登录表单,比如这款jQuery/CSS3 谷歌样式的登录表单效果就非常不错。今天要分享的另一款CSS3登录表单外观比较清新,绿色的背景让整个表单看上去很舒服。该登录表单最大的特点是背景是动态的,会不时地浮动出一些图案来。...

4年前 (2015-08-21) 729℃ 评论 () 605喜欢

JS中的prototype

JS中的prototype
JS中的phototype是JS中比较难理解的一个部分本文基于下面几个知识点:
1、原型法设计模式.Net中可以使用clone()来实现原型法...

4年前 (2015-08-20) 390℃ 评论 () 51喜欢

js几秒以后倒计时跳转示例

js几秒以后倒计时跳转示例
使用js实现几秒以后倒计时跳转,这个在某些特殊情况下还是比较实用的,下面为大家介绍下具体的实现步骤,感兴趣的朋友不要错过...

4年前 (2015-08-19) 759℃ 评论 () 32喜欢