瞧一瞧看一看

 分类:前端

用一个数值保存多选的值

用一个数值保存多选的值
前言 在开发过程中,对于网页中的多选,我们有很多种存储方式,常见的如逗号分隔。下文介绍一种通用设计方式:用一个整数来存储复选框的值。 准备知识 —— 位与运算 位与运算:二进制运算,相同位的两个数字都为1,则为1;若有一个不为1,则为0,如:   下方是运算 ...

田丰硕 3个月前 (06-06) 97℃ 0评论 0喜欢

css height:100%失效

css height:100%失效
有时做移动端页面时,需要用到height:100%来控制,但是设置完后会发现,用百分比的高是不生效的。 经过上网浏览等查阅资料得知,是否可以使用百分比是根据父级对象定义的。所以解决方法就是在body和html,加上height:100%;就可以了。下面看代码。 html,bod...

田丰硕 3年前 (2016-12-13) 1358℃ 2评论 0喜欢

移动前端开发总结

移动前端开发总结
移动前端开发,也就是webapp,主要是针对Iphone、Android等高端手机。 1、禁止用户屏幕旋转。 这点可以肯定的说是做不到的,之前因为有项目需要禁止屏幕旋转,所以网上查阅了大量的资料,发现根本没有解决办法,在移动版webkit中根本做不到。苹果api也说明了,我们为了...

田丰硕 3年前 (2016-12-13) 1286℃ 0评论 1喜欢

css去除webkit内核的默认样式

css去除webkit内核的默认样式
做移动端的朋友应该知道,iphone的默认按钮是个很恶心的圆角,select下拉框也有默认样式无法修改。 这时候可以用到 –webkit–appearance:none //去除默认样 在按钮和select样式里加入上面css,效果如下图。 css...

田丰硕 3年前 (2016-12-13) 1158℃ 0评论 0喜欢

用css3 media 实现响应式布局

用css3 media 实现响应式布局
响应式布局,说直白点就是一个网站能够兼容多个终端,可以按不同的分辨率显示不同的状态。而实现这个就要用到css3的Media Queries(媒介查询)。这个功能非常的强大,但是有优点的同时,缺点也是会存在的。那就是兼容各种设备工作量大,效率低下,加载时间长等。但是学起来很容易,看...

田丰硕 3年前 (2016-12-13) 935℃ 0评论 0喜欢

雅虎网站页面性能优化的34条黄金守则(转)

雅虎网站页面性能优化的34条黄金守则(转)
1、尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保...

田丰硕 3年前 (2016-12-13) 1094℃ 1评论 0喜欢

text-shadow文字特效

text-shadow文字特效
今天总结一下文字特效text-shadow,如果用好它可以做出各种不一样的效果,下图是我做出的几种效果。 怎么样,看起来很不错吧,下面贴代码。 /* css */ p{ width:300px; margin:0 auto; background:#e9e9e9;...

田丰硕 3年前 (2016-07-14) 2135℃ 8评论 0喜欢

Jquery轮播图插件

Jquery轮播图插件
这是国外的一款左右切换全屏幻灯片,支持自适应,支持h5触摸事件。 simple slider 又一款全屏切换插件,支持自适应,支持h5触摸事件。 Touch me 支持触摸事件、有水平和垂直方向两种、tab标签样式滚动,总之是一款功能很齐全的插件 Jquery IOS滑块ba...

田丰硕 3年前 (2016-07-14) 1614℃ 2评论 1喜欢