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

最新发布 第3页

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

JAVASCRIPT

Canvas实现电子在线签名

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

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

JAVASCRIPT

文件上传那些事儿

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

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

ANIMATIONS

CSS3 Animation 模拟type=radio控件

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

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

CSS(3)

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

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

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

JAVASCRIPT

主流动画实现方式总结

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

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

CSS(3)

CSS伪类和伪元素的异同

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

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

PHP

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

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

煦涵 3年前 (2015-01-17) 3215℃ 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) 23600℃ 1评论 8 喜欢

JAVASCRIPT

2014——我的这一年

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

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

点滴Javascript

Javascript中的+0和-0

Javascript中有+0和-0,这篇文章我们来探讨+0和-0一些相关运算及实践。 一、符号零 我们知道在javascript中,所有的数值都是浮点数,遵从IEEE754双精度浮点数标准,在js中我们通常写0,这意味着+0,但是它也意味着是-0,看下面实例: function c(expressi...

煦涵 3年前 (2014-12-20) 2529℃ 0评论 0 喜欢

点滴Javascript

Javascript中使用Object.is()判断严格相等

在Javascript中判断相等是很常见的,常用的判断有“==”,“===”,“!=”,“!==”,今天这篇文章我们来学习ES6中的一个方法Object.is(),关于此方法的详细介绍可以戳这里。 Object.is()方法用来判断两个值是否有相同的值,这个相同的值的判定和“==”,“===”的判断...

煦涵 3年前 (2014-12-20) 2602℃ 0评论 1 喜欢

JAVASCRIPT

w3ctech走进名企——小米专场

今天抽空去参加了w3ctech走进名企——小米专场分享会,想在这里做个小小的总结。 w3ctech.com成立于2009年10月,自成立以来受到了W3C等组织、公司、个人的大力支持与帮助。在普及W3C标准的基础上,交流会将集合国内前端开发者的力量,在未来2~3年的时间内形成既与国际接轨又符合中国国情...

煦涵 3年前 (2014-12-20) 3573℃ 4评论 4 喜欢