Html5

HTML5 让你惊艳的 demo

看到这个问题我第一反应就是国外一个黑科技壁纸网站:WallpaperPCMobile相对于那些千篇一律的壁纸站来说,WallpaperPCMobile可以说完全碾压任何一个壁纸站。就壁纸数量来说,就1080P以上分辨率的壁纸就将近14万张,随便挑几张吧:1.Sea, dawn, nature, sky, sunset, vacation, weather, ocean, sun, boat, vi...

    105浏览0推荐0评论

    CSS如何实现这种背景效果

    其实这个问题可以完全不需要使用js的,css3便可胜任。于是我阐述一下基本原理:1、模糊特效使用filter:blur;2、阴影效果使用box-shadow;3、镂空效果最简单的方法就是使用mask-image;4、透明层效果使用background-color: rgba()或opacity;5、防止模糊外漏使用overflow: hidden。基本的层逻辑顺序是:<背景层>…<...

      155浏览0推荐0评论

      B站 (bilibili) 开源 HTML5 播放器内核 flv.js

      flv.js 做了三件事:1. HTML5 原生仅支持播放 mp4/webm 格式,flv.js 实现了在 HTML5 上播放 FLV 格式视频2. 使 Bilibili 网页端平滑过度到 HTML5 播放器,历史遗留不再是障碍3. 对于视频直播,在 HTML5 上支持了延迟极低 HTTP FLV 播放,解开网页端直播对 Flash 的依赖一些人问我为什么不直接采用 MP4 格式,并表示对 FLV...

        233浏览0推荐0评论

        H5 是什么?

        前一段时间很火的 吴亦凡入伍的广告你看静态新闻的时候,是在加载后面两个视频,加载完成之后,吴亦凡就蹦出来了所以你们看到吴亦凡从画面里面出来的时候脑海里的台词是:卧槽,这是怎么做到的!而我的内心台词是:卧槽,我知道是怎么做到的,你把流量还给我好么!================================更新一张之前和甲方之间的聊天记录,在整个minisite已经交付上线以后,甲方突然问了这么...

          79浏览0推荐0评论

          零基础如何迅速学习HTML(或HTML5)

          1.如题零基础的情况下想去学代码的话,就得把HTML5、CSS3、JavaScript三个一口气都学了,这样就不需要各种求供应商和技术了。这种情况下建议题主在网上学习+课本学习同步进行:网上学习强推网易云课堂上浙大的翁恺老师的计算机课程。其一,翁恺老师本身就是高校里面的人气教师,讲课简明生动,很适合初学者入门【之前学过一些计算机课程,因为太过晦涩,对程序语言甚至有点心理阴影,所以初学者学的课程还是...

            114浏览0推荐0评论

            Mac OS X 上学习HTML+JavaScript+CSS有哪些可以推荐的IDE

            推荐Adobe前端神器Brackets!就是这货说他是神器,那么神奇在哪里呢?首先这款软件突出一个简洁,作为专门用来web开发的ide,她没有那些花里胡哨的功能,让使用者专注于开发本身。其次她的核心功能就是减少网页设计中那些低效率的重复活,例如不断地网页刷新,来回切换标签来修改css以及搜索替换等等功能如下图,在我们修改代码的时候,通过编辑器生成的网页会同时变化,减少刷新的重复工作把光标放在一个c...

              150浏览0推荐0评论

              自制2048小游戏

              闲暇看到慕课网上有liuyubobobo老师讲的2048小游戏制作,看了教程,感觉应该不是太难,于是就跟着教程开始了游戏的制作,有兴趣的同学去慕课网看下该视频,自己做出一个小游戏应该蛮好玩的。做完这个小游戏断断续续花了3天的时间,发布程序的时候走了一些坑,视频中讲到的Dropbox和Droppages都用不了,后来直接用了github page,只要访问自己创建的仓库的github pages地址...

                173浏览0推荐0评论

                WebSocket 原理

                WebSocket 是一种协议,基于 TCP 协议;HTTP 也是一种协议,基于 TCP 协议。连接要保持还是关闭是由你服务器应用来控制的。WebSocket 协议和 HTTP 协议是两种不同的东西,它们扯上关系是只是因为:客户端开始建立 WebSocket 连接时要发送一个 header 标记了 Upgrade 的 HTTP 请求,表示请求协议升级。所以服务器端做出响应的简便方法是,直接在现有的...

                  174浏览0推荐0评论

                  canvas,制作炫酷的时钟和倒计时

                  html部分<!DOCTYPE html> <!--下面三个百分比都是为了实现后期项目优化的时候,实现自适应屏幕的宽度和高度--> <html style="height: 100%;"> <!--这个需要HTML标签上也得加上style="height:100%"才行,要不然会显示一半...

                    112浏览0推荐0评论

                    Java及Jquery获取屏幕分辨率的实现代码

                    在日常工作种,获取浏览器分辨率的实现模式往往在于前端就能得到很好的处理效果,但不可能避免的是,比如需要通过分辨率识别中英文字符长度进行截取校验时,在后台把逻辑书写更加方便省时,故引申了对后台校验分辨率的需求。一、Java代码获取屏幕分辨率//类包使用为: java.awt.Toolkit //屏幕分辨率宽度 int screenW = (int) ...

                      203浏览0推荐0评论

                      HTML5连续上传图片

                      /* by 的雨 time:2016/11/17 */ function update_object() {     //这是在实例化的时候,同时调用int方法     this.int.apply(this,arguments); } //这是原型链 == 一个对象 updat...

                        232浏览0推荐0评论

                        jQuery+HTML5实现弹出创意搜索框层

                        HTML代码如下:<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=&qu...

                          167浏览0推荐0评论

                          HTML5 js实现拖拉上传文件功能

                          这篇文章主要为大家详细介绍了HTML5实现拖拉上传文件功能在HTML5的pc上面实现了相当多的功能,工作中也用到了拖拉上传,特地记录下该功能 在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发释放目标时触发的事件: ondrag...

                            208浏览0推荐0评论

                            Html5 js实现手风琴效果

                            使用H5实现横向的手风琴功能<!DOCTYPE html> <html> <head lang="en">  <meta charset="UTF-8">  <title></title>  <style> &nbs...

                              250浏览0推荐1评论

                              Html5 js实现手风琴效果

                              使用H5实现横向的手风琴功能<!DOCTYPE html> <html> <head lang="en">  <meta charset="UTF-8">  <title></title>  <style> &nbs...

                                250浏览0推荐1评论

                                HTML5 js实现拖拉上传文件功能

                                这篇文章主要为大家详细介绍了HTML5实现拖拉上传文件功能在HTML5的pc上面实现了相当多的功能,工作中也用到了拖拉上传,特地记录下该功能 在拖动目标上触发事件 (源元素): ondragstart - 用户开始拖动元素时触发 ondrag - 元素正在拖动时触发 ondragend - 用户完成元素拖动后触发释放目标时触发的事件: ondrag...

                                  208浏览0推荐0评论

                                  jQuery+HTML5实现弹出创意搜索框层

                                  HTML代码如下:<!doctype html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content=&qu...

                                    167浏览0推荐0评论

                                    HTML5连续上传图片

                                    /* by 的雨 time:2016/11/17 */ function update_object() {     //这是在实例化的时候,同时调用int方法     this.int.apply(this,arguments); } //这是原型链 == 一个对象 updat...

                                      232浏览0推荐0评论

                                      Java及Jquery获取屏幕分辨率的实现代码

                                      在日常工作种,获取浏览器分辨率的实现模式往往在于前端就能得到很好的处理效果,但不可能避免的是,比如需要通过分辨率识别中英文字符长度进行截取校验时,在后台把逻辑书写更加方便省时,故引申了对后台校验分辨率的需求。一、Java代码获取屏幕分辨率//类包使用为: java.awt.Toolkit //屏幕分辨率宽度 int screenW = (int) ...

                                        203浏览0推荐0评论

                                        canvas,制作炫酷的时钟和倒计时

                                        html部分<!DOCTYPE html> <!--下面三个百分比都是为了实现后期项目优化的时候,实现自适应屏幕的宽度和高度--> <html style="height: 100%;"> <!--这个需要HTML标签上也得加上style="height:100%"才行,要不然会显示一半...

                                          112浏览0推荐0评论

                                          WebSocket 原理

                                          WebSocket 是一种协议,基于 TCP 协议;HTTP 也是一种协议,基于 TCP 协议。连接要保持还是关闭是由你服务器应用来控制的。WebSocket 协议和 HTTP 协议是两种不同的东西,它们扯上关系是只是因为:客户端开始建立 WebSocket 连接时要发送一个 header 标记了 Upgrade 的 HTTP 请求,表示请求协议升级。所以服务器端做出响应的简便方法是,直接在现有的...

                                            174浏览0推荐0评论

                                            自制2048小游戏

                                            闲暇看到慕课网上有liuyubobobo老师讲的2048小游戏制作,看了教程,感觉应该不是太难,于是就跟着教程开始了游戏的制作,有兴趣的同学去慕课网看下该视频,自己做出一个小游戏应该蛮好玩的。做完这个小游戏断断续续花了3天的时间,发布程序的时候走了一些坑,视频中讲到的Dropbox和Droppages都用不了,后来直接用了github page,只要访问自己创建的仓库的github pages地址...

                                              173浏览0推荐0评论

                                              Mac OS X 上学习HTML+JavaScript+CSS有哪些可以推荐的IDE

                                              推荐Adobe前端神器Brackets!就是这货说他是神器,那么神奇在哪里呢?首先这款软件突出一个简洁,作为专门用来web开发的ide,她没有那些花里胡哨的功能,让使用者专注于开发本身。其次她的核心功能就是减少网页设计中那些低效率的重复活,例如不断地网页刷新,来回切换标签来修改css以及搜索替换等等功能如下图,在我们修改代码的时候,通过编辑器生成的网页会同时变化,减少刷新的重复工作把光标放在一个c...

                                                150浏览0推荐0评论

                                                零基础如何迅速学习HTML(或HTML5)

                                                1.如题零基础的情况下想去学代码的话,就得把HTML5、CSS3、JavaScript三个一口气都学了,这样就不需要各种求供应商和技术了。这种情况下建议题主在网上学习+课本学习同步进行:网上学习强推网易云课堂上浙大的翁恺老师的计算机课程。其一,翁恺老师本身就是高校里面的人气教师,讲课简明生动,很适合初学者入门【之前学过一些计算机课程,因为太过晦涩,对程序语言甚至有点心理阴影,所以初学者学的课程还是...

                                                  114浏览0推荐0评论

                                                  H5 是什么?

                                                  前一段时间很火的 吴亦凡入伍的广告你看静态新闻的时候,是在加载后面两个视频,加载完成之后,吴亦凡就蹦出来了所以你们看到吴亦凡从画面里面出来的时候脑海里的台词是:卧槽,这是怎么做到的!而我的内心台词是:卧槽,我知道是怎么做到的,你把流量还给我好么!================================更新一张之前和甲方之间的聊天记录,在整个minisite已经交付上线以后,甲方突然问了这么...

                                                    79浏览0推荐0评论

                                                    B站 (bilibili) 开源 HTML5 播放器内核 flv.js

                                                    flv.js 做了三件事:1. HTML5 原生仅支持播放 mp4/webm 格式,flv.js 实现了在 HTML5 上播放 FLV 格式视频2. 使 Bilibili 网页端平滑过度到 HTML5 播放器,历史遗留不再是障碍3. 对于视频直播,在 HTML5 上支持了延迟极低 HTTP FLV 播放,解开网页端直播对 Flash 的依赖一些人问我为什么不直接采用 MP4 格式,并表示对 FLV...

                                                      233浏览0推荐0评论

                                                      CSS如何实现这种背景效果

                                                      其实这个问题可以完全不需要使用js的,css3便可胜任。于是我阐述一下基本原理:1、模糊特效使用filter:blur;2、阴影效果使用box-shadow;3、镂空效果最简单的方法就是使用mask-image;4、透明层效果使用background-color: rgba()或opacity;5、防止模糊外漏使用overflow: hidden。基本的层逻辑顺序是:<背景层>…<...

                                                        155浏览0推荐0评论

                                                        HTML5 让你惊艳的 demo

                                                        看到这个问题我第一反应就是国外一个黑科技壁纸网站:WallpaperPCMobile相对于那些千篇一律的壁纸站来说,WallpaperPCMobile可以说完全碾压任何一个壁纸站。就壁纸数量来说,就1080P以上分辨率的壁纸就将近14万张,随便挑几张吧:1.Sea, dawn, nature, sky, sunset, vacation, weather, ocean, sun, boat, vi...

                                                          105浏览0推荐0评论
                                                          首页上一页1下一页尾页

                                                          推荐作者

                                                          热门手记