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

 分类:前端开发

前端开发相关

Canvas实现电子在线签名

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

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

文件上传那些事儿

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

煦涵 4年前 (2015-06-02) 9093℃ 7 喜欢

CSS3 Animation 模拟type=radio控件

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

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

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

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

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

主流动画实现方式总结

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

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

CSS伪类和伪元素的异同

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

煦涵 4年前 (2015-01-20) 3822℃ 2评论 2 喜欢

HTML Meta标签知多少

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

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

2014——我的这一年

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

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

w3ctech走进名企——小米专场

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

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

javascript:replace()方法使用详解

一、基本语法 replace(regexp|substr, newSubStr|function[, flags]); 二、参数介绍: 参数一: a)regexp:一个 RegExp 对象.该正则所匹配的内容会被第二个参数的返回值替换掉. b)substr:被替换掉的一个 String. 参数...

煦涵 4年前 (2014-12-15) 3654℃ 0评论 2 喜欢

第一个CSS变量:currentColor

一、基本介绍 CSS变量正慢慢地从最初的草案到浏览器实现。但规范中有个已经存在多年的变量:currentColor。这个CSS特性具有良好的浏览器支持和一些实际的应用,本篇文章,我们来学习和了解它。 引用MDN中的描述: The currentColor keyword represents th...

煦涵 4年前 (2014-12-02) 3494℃ 0评论 3 喜欢

你可能不知道的7个CSS单位

如果你是一名前端开发工程师,一般px和em使用频率比较高。但是今天本文的重点是介绍一些我们使用很少、甚至么有听说的单位。 一、重温em <style type="text/css"> body {font-size: 12px;} div {font-size: 1.5em;}...

煦涵 4年前 (2014-11-13) 5970℃ 3评论 9 喜欢

Unicode编码及在正则表达式中的使用

今天日文版本项目中用户名校验有一个这样的需求:“匹配1-15位的半角英文字母和数字,连字符,下划线与全角日语”。看到这个需求时感觉还真是变态哈,全角、半角的看着很不适应,无奈在google、baidu上来查找。 一、解决问题 1. 首先来看看半角英文字母和数字的Unicode编码范围: 0-9:\u...

煦涵 4年前 (2014-11-12) 6432℃ 2评论 0 喜欢