FED实验室 - 专注WEB端开发和用户体验

最新发布 第2页

FED实验室专注WEB端开发和用户体验

JAVASCRIPT

移动端模拟弹窗二三事

移动端模拟弹窗时,遇到一些问题,现总结如下,以加深记忆。 情况一: 当body高度大于viewport高度时,在弹窗上滑动时,会遇到body也跟着滑动的现象。 解决思路: 禁止touchmove,及overflow:hidden来实现,参考下面代码: /** * 初始化弹窗 */ var ...

煦涵 2年前 (2015-09-09) 3566℃ 1评论 1 喜欢

CSS(3)

聊聊Base64

做为一名FE,你肯定用到过base64,谈到base64,你可能会想到以下几点,base64是什么,浏览器如何解析,现有技术如何把图片转换为base64,base64应用场景有哪些,base64如何解码等等,下面就这些问题一一讲述. base64是什么 Base64是网络上最常见的用于传输8Bit字...

煦涵 2年前 (2015-08-06) 1834℃ 0评论 1 喜欢

HTML(5)

iframe使用总结

以前在CSDN上写的文章,在此备忘。 iframe使用总结 下面是「FED实验室」的微信公众号二维码,欢迎扫描关注:转载声明:本文标题:iframe使用总结本文链接:http://www.zuojj.com/archives/1498.html,转载请注明转自FED实验室-专注WEB端开发和用户体...

煦涵 2年前 (2015-07-31) 3574℃ 0评论 2 喜欢

CSS(3)

placeholder属性多浏览器支持兼容性方案

最近项目开发中遇到不少蛋疼的问题,每一个问题都可单独拿出来探讨,前端领域就是这样,浏览器对标准支持不一,国内IE市场仍有相当的占有率,无端的提高了开发和维护成本。 在本篇文章将来探讨placeholder这个属性,该属性是HTML5提出的一个属性, 占位符的属性值在用户录入数据时用来作为一个简短的提...

煦涵 2年前 (2015-07-19) 6313℃ 1评论 8 喜欢

JAVASCRIPT

实时监听输入框值变化的兼容性方案

最近在项目中需要实时监听输入框的值的变化,首先想到的是onchange,onblur,onkeydown,onkeyup,onpress等一系列常见事件,但是使用这些往往达不到实时监听的效果。 onchange事件: 只在键盘或者鼠标操作改变对象属性,且失去焦点时触发,js脚本触发无效。 onkey...

煦涵 2年前 (2015-06-23) 5114℃ 1评论 2 喜欢

VELOCITY

Velocity模板引擎解析原理

Velocity 是一个基于 Java 的模板引擎,它允许任何人仅仅简单的使用模板语言来引用由 Java 代码定义的对象,从而实现界面和 Java 代码的分离,使得界面设计人员可以和 Java 程序开发人员同步开发一个遵循 MVC 架构的 web 站点。但是在实际应用过程中,Velocity 又不仅...

煦涵 2年前 (2015-06-22) 2076℃ 0评论 0 喜欢

深入CSS属性

Flexbox#1:基本属性的使用

Flexbox是一个CSS布局系统,使用它可以很容易的实现动态布局。使用flexbox,平常开发中遇到的垂直居中布局,等高布局,重排,方向不可知等布局都是小菜一碟。 可能你会说现在还不是使用flexbox的最佳时间,但是据统计93%的人都在运行支持flexbox的浏览器,它比对HTML5 元素的支持...

煦涵 2年前 (2015-06-18) 3373℃ 0评论 0 喜欢

JAVASCRIPT

Canvas实现电子在线签名

在最近的项目中,涉及到线上图片签名的需求,调研后找到一款开源的签名插件:signature_pad,该插件主要实现原理还是依赖canvas技术,适配AMD/COMMONJS模块化规范. 一、插件剖析 通观源码,该插件除了canvas相关接口外,主要就是曲线的绘制,曲线的绘制当然也是采用的canva...

煦涵 2年前 (2015-06-07) 1478℃ 0评论 1 喜欢

JAVASCRIPT

文件上传那些事儿

今日头条:20150601”东方之星“客轮湖北监利沉船,可能是中国有史以来的最大的沉船事故。 最近M端项目中涉及到图片上传功能,现把项目中遇到的一些问题及解决办法分享如下,与各位共同探讨: 一、相关需求: 1. 客户端上限10M 2. 服务器端上限2M 3. 文件过滤 4. 显示上传进度 5. 异步...

煦涵 2年前 (2015-06-02) 5372℃ 6 喜欢

CSS(3)

前端开发中合理选用图片格式

一、GIF,PNG,JPG图片的不同 在前端开发切图中常常会涉及到好多种图片的保存,具体选用何种格式来保存来保存图片,需要根据图片色彩及大小来选择。具体的对比看下面表格: 类型 压缩方式 色彩通道 透明度 是否支持动画 压缩算法 多图层 PNG-8 无损 索引256色 索引全透明 无 ...

煦涵 2年前 (2015-03-29) 4788℃ 1评论 4 喜欢