HTML5 – 业余草-Page 20

jQuery/CSS3实现小鸟飞翔动画

herman 9年前 (2016-04-10) 4400浏览 2评论

自从有了HTML5和CSS3,大家在实现网页动画方面方便多了！上篇我们介绍了圆盘抽奖动画HTML5 Canvas圆盘抽奖应用DEMO演示这篇我们将使用CSS3的@keyframes规则实现小鸟飞翔的动画！先看下效果： CSS3 动画...

herman 9年前 (2016-04-08) 5981浏览 0评论

我们经常参加各种电商优惠活动，比如购买达到一定数额进行抽奖活动，在比如微信抽奖，淘宝抽奖，迅雷赚钱宝圆盘抽奖活动等。这些抽奖活动部分就是由HTML5的Canvas来制作的，今天就为大家分享一下如何使用HTML5的Canvas来制作圆盘抽奖功能。老...

herman 9年前 (2016-04-07) 4373浏览 0评论

如果我们想彻底的了解WebSocket，就必须先从它的接口定义学起。WebSocket和HTTP协议一样，都是基于TCP协议的，因此我们无需关注它们的握手协议，而只需关注实际应用的业务和相关接口的实现。 WebSocket在设计时，针对Web开...

herman 9年前 (2016-04-06) 18666浏览 0评论

传统的web版网络拓扑制作方法都是采用Flash来做的，但是这种安全性和兼容性比较差，苹果系列的产品也都不支持Flash。因此目前web版的网络拓扑图都采用HTML5的方式来制作。使用HTML5制作网络拓扑图的方式有很多种，最常见的两种应该就是使...

herman 9年前 (2016-04-06) 3644浏览 0评论

在很多时候我们都会用到动态加载js文件的功能。比如我的博客在首页中不需要加载第三方的多说评论插件，而在文章页则需要加载。再比如在文章页会加载打赏插件功能等等，都使用的是动态加载script文件的功能。可见动态加载js在工作中是非常常见的功能，...

xmt_herman_gcy 9年前 (2016-04-04) 7622浏览 0评论

我们都知道js中的alert有弹窗提示的作用，但它在实践项目中很少使用，原因就是因为长的太难看！那么今天我就给大家讲一下如何来美化这个系统自带的alert！详细代码如下： <!DOCTYPE html> <html l...

herman 9年前 (2016-04-01) 3625浏览 0评论

仿百度搜索抖动让网页颤抖效果我想大家可能都体验过百度搜索抖动网页会自动的进行左右抖动的效果吧。那么它使用的是什么技术实现的呢？说出来大家可能会很诧异，很普通的技术——CSS3的动画效果。实例运行效果如下：实...

herman 9年前 (2016-03-30) 3265浏览 0评论

在这个不差钱的世界，讲性能优化是件很“多余”的事情。我们老板经常说的一句话是，开宝马的会在乎油钱吗？一台设备不行，就上两台。我当场泪奔，为什么我的工资不翻倍，你在乎这点钱吗？很多人说这样的技巧纯属多余，但是作为程序员我...

herman 9年前 (2016-03-24) 4003浏览 0评论

在生活中我们到处都可以见到带有水印的文档。网上也到处可见的水印图片，如csdn，淘宝，百度上的图片都带有水印。尤其是现在盗版非常严重的社会。你刚写的文章，几秒钟后就出现在其他网站上，然后就会出现，到底谁是原创问题。如何解决盗版问题，其他的方法...

herman 9年前 (2016-03-22) 3745浏览 0评论

做后端的认为做前端的很牛，能设计出各类独特的界面。做前端的认为后端的很难，尤其是各种业务逻辑。其实我想说的是大家都不容易，程序员更不容易。想要学习好CSS，我们就要系统化，模块化的学习每一个知识点。最近在论坛中遇到有人问position，我就...

herman 9年前 (2016-03-18) 6747浏览 0评论

这在以前，想要web实现上传图片时进行预览是很困难的。主要也是借助一些插件，flash等去实现。有的做法是在选择图片后，立刻上传，再将图片展现出来，做到预览效果；如果上传者不满意或者选错了，重新上传，则还需要删除原来的。看起来要做到图片预览是非常...

herman 9年前 (2016-03-16) 20716浏览 0评论

手机访问支付宝网页版的人都知道。如果你的手机上安装有支付宝，那么在访问支付宝手机网页时就会自动打开支付宝app，否则在页面上会提示你进行下载app。也许你会感觉这个功能很炫，这是如何实现的呢？在今天这个功能可能被大家用乱了，但是在当初支付宝使...

herman 9年前 (2016-03-15) 6435浏览 0评论

网站布局多样化是我们前端的拿手菜！瀑布流，九宫格，响应式等等布局方式已成为主流。最近看到UC浏览器的默认标签页使用的就是九宫格布局。就研究了下，在这里，我就分享一下代码，共同学习下！效果如下：代码如下： <!DOCTY...

herman 9年前 (2016-03-14) 8993浏览 0评论

计算机科学有两类根本问题。一类是理论：算法，数据结构，复杂度，机器学习，模式识别，等等等。一类是系统：操作系统，网络系统，分布式系统，存储系统，游戏引擎等等。理论走的是深度，是在追问在给定的计算能力约束下如何把一个问题解决得更快更好。而系统走的...

herman 9年前 (2016-03-10) 18336浏览 0评论

HTML5越来越重要了，最近各网友透露，面试了几家公司都是HTML5相关的问题！我立刻推荐他们来业余草进行相关学习！今天我给大家带来的是HTML5仿手机微信聊天界面，截图效果如下：源代码如下： <!DOCTYPE ht...