内容字号:默认大号超大号

段落设置:段首缩进取消段首缩进

字体设置:切换到微软雅黑切换到宋体

当前分类:

> 网页设计 > HTML5 >

  • 前端开发的客户端本地存储01月15日

    在前端开发过程中,为了与服务器更方便的交互或者提升用户体验,我们都会在客户端(用户)本地保存一部分数据,比如 cookie/localStorage/sessionStorage 。在后端管理系统的前端,更是会涉及到一部分超大数据的请求,一个接口有时会达到5M甚至15M的程度,当

    Tags:前端开发客户端本地存储
  • 借助HTML5 details,summary无JS实现各种交互效果01月15日

    一、了解HTML5 details, summary默认交互行为 details 标签在Chrome,Firefox等浏览器下默认是有展开收起行为的,例如下面HTML: details summary这是摘要1/summary p这里具体描述,标签相对随意,例如这里使用的p标签。/p/details 结果UI表现为: 具体描述

    Tags:detailssummaryHTML5
  • h5 video移动端填坑记01月14日

    video id=video style=object-fit:fill autoplay webkit-playsinline playsinline x5-video-player-type=h5 x5-video-player-fullscreen=true x5-video-orientation=portraint src=video.mp4 //video!-- object-fit: fill 视频内容充满整个video容器 poster:

    Tags:移动端h5
  • 基于HTML5 WebGL的3D场景中的灯光效果01月02日

    构建 3D 的场景除了创建模型,对模型设置颜色和贴图外,还需要有灯光的效果才能更逼真的反映真实世界的场景。这个例子我觉得既美观又代表性很强,所以拿出来给大家分享一下。 本例地址: http://www.hightopo.com/guide/guide/core/lighting/examples/exampl

    Tags:HTML5WebGL3D
  • 网易新闻《娱乐圈画传》H5的动画技巧01月01日

    今天看到一个非常喜欢的 H5 ,又是网易出品的!于是,我忍不住去研究了他的实现方式,有 3 个值得我们学习的地方,分别是逐帧动画,多种变换叠加的 css 动画,还有最亮的:画中画动画的实现方式,下文将分享技术实现方式。 实验环境,采用 chrome 开发者工具

    Tags:网易新闻动画H5
  • H5常见效果整理汇总资料12月28日

    1.Canvas 实现圆形进度条并显示数字百分比 实现效果 1.首先创建html代码 canvas id=canvas width=500 height=500 style=background:#000;/canvas 2.创建canvas环境 var canvas = document.getElementById(canvas), //获取canvas元素 context = canvas.getCon

    Tags:CanvasWebKit
  • 基于HTML5 WebGL的3D服务器与客户端的通信12月28日

    这个例子的初衷是模拟服务器与客户端的通信,我把整个需求简化变成了今天的这个例子。3D 机房方面的模拟一般都是需要鹰眼来辅助的,这样找产品以及整个空间的概括会比较明确,在这个例子中我也加了,这篇文章就算是我对这次项目的一个总结吧。对了,这个例子

    Tags:WebGLHTML5
  • H5自定义属性的一些方式12月27日

    在很早以前我们自定义元素的属性要通过 user-defined-attribute=value 的方式来设置自己需要的属性 设置自定义属性 h1 user-defined-attribute=share杭城小刘/h1 获取自定义属性 document.getElementsByTagName(h1)[0].getAttribute(user-defined-attribute)

    Tags:H5自定义属性
  • 很全很全的前端本地存储讲解12月26日

    离职中,有招人的求推荐一下,评论或者私信我邮箱和公司,我发简历给你,最近一直在搞基础的东西,弄了一个持续更新的github笔记,可以去看看,诚意之作(本来就是写给自己看的)链接地址: Front-End-Basics 此篇文章的地址: 三种本地存储方式 基础笔记的g

    Tags:本地存储
  • HTML5录音的踩坑之旅12月26日

    开篇闲扯 前一段时间的一个案子是开发一个有声课件,大致就是通过导入文档、图片等资源后,页面变为类似 PPT 的布局,然后选中一张图片,可以插入音频,有单页编辑和全局编辑两种模式。其中音频的导入方式有两种,一种是从资源库中导入,还有一种就是要提到

    Tags:HTML5录音
  • H5和Native交互原理12月26日

    前言 Hybrid 架构的核心就是 JSBridge 交互,而实现这个交互的前提是弄清楚H5和Native端的交互 本文主要介绍Native端(Android/iOS)和H5端(泛指前端)的交互原理 (之前也整理过类似的文章,本系列重新梳理) Native 与 H5 交互的两种方式 原生和前端的交

    Tags:NativeH5
  • 基于HTML5 Canvas的3D机房创建12月25日

    对于 3D 机房来说,监控已经不是什么难事,不同的人有不同的做法,今天试着用 HT 写了一个基于 HTML5 的机房,发现果然 HT 简单好用。本例是将灯光、雾化以及 eye 的最大最小距离等等功能在 3D 机房中进行的一个综合性的例子。接下来我将对这个例子的实现进

    Tags:HTML5Canvas
  • 关于本地存储12月20日

    本地存储只能查看当前域名所属信息 知识点Cookie信息有效期,所属域名路径 SessionStorage和LocalStorage可以存储任意字符内容 Storage的存储容量比Cookie的容量更大,H5开发中很常用 Cookie和Storage都支持查看,增加,修改,清除 Cookie存数的数据,当过期

    Tags:本地存储
  • 从a标签为什么不能包含div标签:了解HTML5元素分类与内容模型12月13日

    我们知道按新的 HTML 规范,已经不按 inline 和 block 来区分元素类型了。所以我们在a标签里面使用div标签时候会发现a标签并不能通过改变css盒子模型的方式将div元素包含。 元素分类 HTML5中,元素主要分为7类: Metadata Flow Sectioning Heading Phrasing

    Tags:HTML5
  • 小程序和HTML5有什么区别?12月13日

    首先我们先说说小程序是什么,和HTML5有什么区别,根据官方表述和流传出来的关于小程序的技术接口来看,通俗一点的说,小程序其实是微信提高了自身对于HTML5的特性支持能力,开放了更多的系统调用。例如GPS、传感器等的调用等等。 可以预见的是,微信里H5产

    Tags:HTML5小程序
  • 基于HTML5 Canvas的3D碰撞检测12月11日

    这是公司大神写的一个放官网上给用户学习的例子,我一开始真的不知道这是在干嘛,就只是将三个形状图元组合在一起,然后可以同时旋转、放大缩小这个三个图形,点击Animate就能让中间的那一个图元单独绕着某一个点旋转,表单最上方的Axis真的完全不知道拿来干

    Tags:HTML5Canvas3D碰撞
  • 关于HTML5显示图片翻转90度的问题12月07日

    首先先放问题效果图 问题显示效果 这张图是用ios手机拍的,上传服务器获取到浏览器显示是上边的正常的效果,但是显示到img标签的时候就异常了。接下来百度排除模式,方法来来去去就是那么几种,今天就记录一下自己解决的过程,新手js渣到不行见谅。 首先网上

    Tags:HTML5
  • H5自定义属性及兼容处理12月07日

    data-前缀 可以让所有的HTML元素都支持自定义的属性。 举个栗子: h1 data-sex=girl111/h1 获取自定义属性(使用H5自定义属性对象Dataset来获取) var dataNum = document.getElementsByTagName(h1)[0].dataset.sex; console.log(dataNum)//另一个方法 var a

    Tags:H5
  • 基于HTML5 Canvas的3D模型列表贴图12月07日

    少量图片对于我们赋值是没有什么难度,但是如果图片的量大的话,我们肯定希望能很直接地显示在界面上供我们使用,再就是排放的位置等等,这些都需要比较直观的操作,在实际应用中会让我们省很多力以及时间。下面这个例子给出了解决的方法,当然大家有需要的

    Tags:CanvasHTML53D模型
  • 前端面试江湖读书笔记12月04日

    本来很久以前就该把前端面试系列的文章更新完,但是自己懒,加上发现网上有些文章确实写的不错,就一直拖着没写。但是有次去图书馆,看到一本书叫《前端面试江湖》,索性找了一个时间,把全部内容整合到一起。这里面肯定有你不了解的东西,那些东西能够很大

    Tags:HTML5面试

CopyRight © 2015-2016 QingPingShan.com , All Rights Reserved.

清屏网 版权所有 豫ICP备15026204号