零下一度 浏览量2467 | 粉丝12 | 关注2
利用H5实现一个轮播器（触屏版）的实例教程 初入前端，分享一下手机上触屏版轮播器的实现过程，大致功能如下：支持循环滑动宽度可任意设置，不需要与屏幕等宽页面可纵向滚动可设置回调监听元素的切换纯js，不借助任何第三方库原理假设子元素.item的width为375px，使用绝对定位将所有子元素放在父元素内将父元素.carousel的width设置为375px，与子元素.item宽度相同为父元素.carousel添加触摸事件：touchsta...
分享CSS3中3个Loading 设计的实例代码（一） 最近本人正在学习 HTML5 系列课程，这么课程涵盖的内容也是非常的多，虽然内容十分简单容易理解，但是非常难以记忆，比如 CSS3 的一些属性。今天所要介绍的 CSS3 Loading 动画也是极客学院里所介绍的内容，感兴趣的同学也可以前去观看视屏。 Loading one 第一种加载动画的效果，就是这么一个图在不停的转啊转，下面我们就来看看代码。 首先，我们先定义一下 HTML代码...
分享CSS3中3个Loading 设计的实例代码（二） 这是 CSS Loading 设计的第二篇文章，其实很多内容都包含在第一篇中，所以这篇文章中对属性的介绍也会相对少些，如果碰到不明白的属性，请参考上一篇文章中的内容。CSS Loading 设计（一） Loading one 这样看起来没有任何动画效果，如果在这里展示我还要用屏幕录制视屏，然后转化为图片，感觉太过于麻烦，不知道有没有什么简便的方法，如果有，请教教我。好了，下面我们看看这个动画...
分享一个利用HTML5制作的海浪效果代码 作者我能看这个动画看一下午， 动画分析构成：贝塞尔曲线画布：Canvas效果：波浪涨潮（上升、波动）触发条件：点击按钮 算法实现分析：从sin（）函数切入，sin()越大波度起伏越大，简单说就是通过不断改变sin()值来实现海浪效果动画 干货开始： 1、创建触发条件（按钮） 2、创建画布Canvas 3、创建JS事件（属性设置） 4、画贝塞尔曲线 这一段代码已经完成静...
移动端利用html5对照片处理的教程实例 前一阵在公司用vue开发webapp，遇到一个用户拍照或者调用手机相册展示图片，然后上传服务器的需求，接触前端仅半年的我走上了一路踩坑的道路，下面我来说说我遇到的那些坑！ 各种坑汇总 调取手机相册iOS到没什么问题，安卓手机好坑啊，网上搜了很多办法，要么就是有的手机不管用，要么就是只能调相册不能调相机，要么就是只能调相机不能调相册 调取相册拿到相片后渲染到界面上，iOS又出了问题，通过相机拍...
关于h5本地数据库的基本介绍（适合初学者） Html5工作上用了有段时间了，但一直没有系统的学习过，最近把Html5系统的撸了一遍，把一些学习到的知识陆续更新出来（每周末更新一周所得或者存货），适合初学者看，如果你是大神.........请飘过。 好，直奔主题 HTML5中，为了减轻服务器的负担和提高Web应用程序性能，将原本必须要保存在服务器上的数据转为保存在客户端本地。可以像访问本地文件那样轻松地对内置数据库进行直接访问。HTML...
网页制作（html）的基本知识（二）基本操作 HTML 标题标题（Heading）是通过 - 等标签进行定义的。 定义最大的标题。 定义最小的标题。This is heading 1This is heading 2This is heading 3This is heading 4This is heading 5This is heading 6请仅仅把标题标签用于标题文本
网页制作（html）的基本知识（一）html初识及属性 html初识My First HeadingMy first paragraph. 例被显示子解释 与 之间的文本描述网页 与 之间的文本是可见的页面内容 与 之间的文本被显示为标题 与 之间的文本为段落 1.1HTML 是用来描述网页的一种语言。HTML 指的是超文本标记语言
必须掌握的html小知识 HTML（Hyper Text Markup Language）详细html知识见， 本人十天web实训成果一、HTML概述HTML是Hyper Text Markup Language的缩写，意思是“超文本标识语言”，它实际上是专门用来编写网页的一种编程语言。大多数网页的构成基础就是HTML的语句。1、HTML文档的基本结构
5个必须知道的css自定义代码 在制作页面时，经常会遇到需要自定义一些标签的默认行为(如：input的占位符等)，但这些默认的设置的css一般比较难记住,所以有必要自己做一下记录。下面是我经常用到的一些重设默认行为的css。
