解密支付宝6位数密码输入框的制作

herman 2周前 (01-04) 300浏览 1评论

用过支付宝的用户都知道,在支付阶段有一个密码输入框看起来很炫。普通的 html input元素无法实现这样的功能,那么支付宝是如果实现的呢?今天就为大家来解密一下它的制作原理,然后我们再模仿着制作一个密码输入框。 效果演示 实...

使用腾讯 AlloyTeam.js 插件打造波浪加载进度条

herman 1个月前 (12-13) 436浏览 4评论

最近使用 腾讯的AlloyTeam移动Web触摸解决方案实现了一款基于 HTML5 Canvas的加载进度条案例,这里分享给大家,希望能对各位在开发和学习过程中有所帮助。 最近 AlloyTouch 写了一个下拉刷新的酷炫 loa...

DIV + CSS 让元素垂直水平居中的方法

herman 2个月前 (12-05) 450浏览 1评论

在说到这个问题的时候,也许有人会问CSS中不是有vertical-align属性来设置垂直居中的吗?即使是某些浏览器不支持我只需做少许的CSS Hack技术就可以啊!所以在这里我还要啰嗦两句,CSS中的确是有vertical-align属性,但是...

未来的两种软件工程师:端工程师和云工程师

herman 2个月前 (11-22) 728浏览 0评论

先说个有趣的事情,国内Web前端的标杆人物克军(豆瓣)和玉伯(阿里)写了个“对联”如下:前端研究,研究个屁;前端设计,设计个鸟。就算是调侃吧,但也可见业内顶尖人士对此职业在纵深上的担忧。 前端、后台和数据库是一个互联...

使用jQuery + nivo-slider插件制作图片幻灯片

herman 2个月前 (11-21) 328浏览 0评论

最近群里的小强同学在工作过程中遇到了图片幻灯片问题,这里为大家分享一款幻灯片制作插件 Nivo Slider,希望大家喜欢! 图片轮播是网站中的常用功能,用于在有限的网页空间内展示一组产品图片或者照片,同时还有非常吸引人的动画效果。而且插件...

vue + webpack应用实战视频教程1

herman 2个月前 (11-21) 834浏览 2评论

在上周日(2016年11月13日下午4点)直播的《vue + webpack应用实战视频教程》系列视频已经整理完成了,将陆续对当前直播的视频内容进行公开。目前教程系列3已上传到了优酷,欢迎大家观看!《vue + webpack应用实战视频教程1》《v...

vue + webpack应用实战视频教程2

herman 2个月前 (11-21) 238浏览 0评论

在上周日(2016年11月13日下午4点)直播的《vue + webpack应用实战视频教程》系列视频已经整理完成了,将陆续对当前直播的视频内容进行公开。目前教程系列3已上传到了优酷,欢迎大家观看!《vue + webpack应用实战视频教程1》《v...

vue + webpack应用实战视频教程3

herman 2个月前 (11-15) 357浏览 0评论

在上周日(2016年11月13日下午4点)直播的《vue + webpack应用实战视频教程》系列视频已经整理完成了,将陆续对当前直播的视频内容进行公开。目前教程系列3已上传到了优酷,欢迎大家观看!《vue + webpack应用实战视频教程1》《v...

bootstrap导航菜单制作

herman 2个月前 (11-10) 352浏览 0评论

使用 bootstrap 又做了一个新站 CODE大全 ,之所以采用 bootstrap 是因为它确实好用,而且pc站,移动站,一份代码即可。bootstrap 的响应式开发给我剩下了很多的精力。本篇文章带领大家制作 响应式导航菜单。 ...

实现web 聊天 支持表情聊天功能

herman 3个月前 (10-24) 755浏览 3评论

在前面的一篇文章《HTML5仿手机微信聊天》中,我写了如何利用HTML5的知识仿微信的聊天功能。今天QQ群里的网友问题,如何给聊天回话中加上表情,这里我再分享一下做法! 昨天其实很简单,点击表情时,弹出一个聊天表情选择框!如下: ...

最全的前端面试总结

herman 3个月前 (10-22) 1613浏览 2评论

面试是程序员过不去的坎,只有经历了面试,有准备的面试,才能让你游刃有余!今天让大家分享一下前端面试的知识点,希望大家喜欢! 你如何理解HTML结构的语意化 去掉或样式丢失的时候能让页面呈现清晰的结构; 屏幕阅读器(如果访...