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

最新发布 第3页

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

HTML(5)

iframe使用总结

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

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

CSS(3)

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

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

煦涵 3年前 (2015-07-19) 8052℃ 1评论 9 喜欢

JAVASCRIPT

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

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

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

VELOCITY

Velocity模板引擎解析原理

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

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

JAVASCRIPT

Flexbox#1:基本属性的使用

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

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

JAVASCRIPT

Canvas实现电子在线签名

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

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

JAVASCRIPT

文件上传那些事儿

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

煦涵 3年前 (2015-06-02) 6949℃ 7 喜欢

ANIMATIONS

CSS3 Animation 模拟type=radio控件

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

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

CSS(3)

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

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

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

JAVASCRIPT

主流动画实现方式总结

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

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

CSS(3)

CSS伪类和伪元素的异同

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

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