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

最新发布 第3页

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

VELOCITY

Velocity模板引擎解析原理

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

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

JAVASCRIPT

Flexbox#1:基本属性的使用

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

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

JAVASCRIPT

Canvas实现电子在线签名

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

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

JAVASCRIPT

文件上传那些事儿

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

煦涵 2年前 (2015-06-02) 6344℃ 7 喜欢

ANIMATIONS

CSS3 Animation 模拟type=radio控件

在移动端开发中经常用到input[type="radio"],input[type="checkbox"]等控件,使用原生的在移动端呈现出来非常丑,所以在开发中经常通过模拟来实现,本篇文章来模拟input[type="radio"]。 大体实现思路: 1. 设置input[type="radio"]...

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

CSS(3)

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

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

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

JAVASCRIPT

主流动画实现方式总结

相关概念:绘制频率、屏幕刷新频率、硬件加速、60fps 绘制频率: 页面上每一帧变化都是系统绘制出来的(GPU或者CPU)【参考浏览器渲染原理】。但这种绘制又和PC游戏的绘制不同,它的最高绘制频率受限于显示器的刷新频率(而非显卡),所以大多数情况下最高的绘制频率只能是每秒60帧(frame per ...

煦涵 3年前 (2015-01-25) 5882℃ 0评论 6 喜欢

CSS(3)

CSS伪类和伪元素的异同

今天在微博上看到一些人在讨论:before 和::before的区别,有些细节问题自己也有些模糊,工作之余翻了下W3C规范,总结如下: 1. W3C CSS 2.1 Selectors 对伪类和伪元素没有做出区分,都是使用一个冒号,详细请戳这里 比如 伪类:first-child, 伪元素:firs...

煦涵 3年前 (2015-01-20) 3094℃ 2评论 1 喜欢

PHP

Ajax请求中Session超时的不同处理

一、Ajax请求中的超时处理 我们都知道同步请求中比较容易处理,直接echo就可以,但是异步处理时是个问题,但是我们可以根据响应头中的X-Requested-With字段来区分不同的请求类型。下面是基本的处理 // PHP: function is_xhr_request() { $arr_h...

煦涵 3年前 (2015-01-17) 3347℃ 0评论 3 喜欢

HTML(5)

HTML Meta标签知多少

一、基本属性 标签常常被用来定义HTML文档的元数据或者HTTP协议的指向,这些元数据常用在SEO、HTML Pages or Apps on Mobile/Handheld Devices,该标签主要包括以下属性: Attribute Description Name Name for ...

煦涵 3年前 (2015-01-14) 25655℃ 1评论 8 喜欢

JAVASCRIPT

2014——我的这一年

一、我的工作 就职于现公司已两年有余,公司虽是网络安全行业,感觉前端相关需求的复杂度扔不亚于互联网公司。列举这一年的部分工作内容: 1. OEM及多皮肤定制 OEM(Original Equipment Manufacturer),按照字面意思,应翻译成原始设备制造商,指一家厂家根据另一家厂商的要求...

煦涵 3年前 (2014-12-31) 5508℃ 7评论 14 喜欢