H5+CSS+JavaScript
介绍使用H5技术开发各种有趣的页面、动画、OC和H5交互等。记录常用的开发知识以及经验
Quinn士魁
90后、公司上海、目前工作在北京,熟悉Swift、Objective-C,了解H5。
目前共参与开发过5款IOS端APP;包含直播Live功能、单词游戏功能、视频录制功能、视频滤镜后期处功能、物流管理功能、购物功能;积累了GPUImage图形及音视频处理、数据库存储、UI、多线程、数据解析、性能优化等经验。
接下来会继续深入GPUImage、OpenGL ES、H5等方面的学习研究;希望有共同爱好的人一起探讨、相互学习。邮箱 xoxo_X@126.com、QuinnX@126.com
展开
-
H5 CSS基础实战二:清除浮动的演练
前言:看本文章必须查看前一篇文章 : http://blog.csdn.net/xoxo_x/article/details/75269267一、首先,我们根据上篇文章,添加: .clearfix:after, .clearfix:before { display: table; cont原创 2017-07-18 21:52:55 · 1005 阅读 · 0 评论 -
H5 CSS基础二:清除浮动是个难点
原文链接原文写的非常好,在此引用!众所周知,平时在写HTML代码时,难免少不了使用Float样式,这样一来,假使您没有清除浮动,那么有浮动元素的父元素容器将元素将无法自动撑开。换句简单好理解的话来说,假如你在写CODE时,其中div.A(这个就是说页面中有一个div,并且把其命名为class=”A”)中包含了两个或多个子元素div.B,div.C,div.D(这里我以三个为例),并且此时div.B和转载 2017-07-17 23:04:51 · 1770 阅读 · 0 评论 -
H5 CSS基础一:行内元素和块元素
一、特点块元素①、总是在新行上开始;②、高度,行高以及外边距和内边距都可控制;③、宽度缺省是它的容器的100%,除非设定一个宽度。④、它可以容纳内联元素和其他块元素行内元素①、和其他元素都在一行上;②、高,行高及外边距和内边距不可改变;③、宽度就是它的文字或图片的宽度,不可改变④、内联元素只能容纳文本或者其他内联元素二、常用块级元素:div , p , form, ul, li ,原创 2017-07-16 21:52:44 · 4829 阅读 · 0 评论 -
H5研究六:力学动画/碰撞动画
一、首先我们创建一个DIV id=”box”<body> <div id="box"></div></body>二、设置CSS<style type="text/css"> html, body, div { margin: 0; padding:原创 2017-07-13 21:25:29 · 1683 阅读 · 0 评论 -
H5研究五:菊花加载动画JS
···知识点:1.canvas使用:HTML5 的 canvas 元素使用 JavaScript 在网页上绘制图像。2.arc() 方法使用一个中心点和半径,为一个画布的当前子路径添加一条弧。3.随机色4.动态添加H5标签5.定时器6.数组处理一、定时器var t=setTimeout("javascript语句",毫秒)setTimeout()未来的某时执行代码clearTime原创 2017-07-07 00:28:06 · 2807 阅读 · 0 评论 -
H5研究四:用Native App思想指导网页布局
用Native App思想指导网页布局,通过比对网页与原生App的共同特点,快速理解网页布局。实现横向对比,解决困惑。首先如果让你用安卓或者IOS客户端来完成这个页面,我们该怎么办? 这里以IOS客户端为例: - 第一步分块.我们将这个页面分为几大块:头部、中间底部 第二步头部实现.顶部这里有个HeaderView,用UIImageView、UIButton、UITextFiled可以实现 第原创 2017-07-02 17:09:05 · 1292 阅读 · 0 评论 -
H5研究三:图文混排的实现
准备实现两个布局: 1 2 第一个布局: 1 分析:1.有一个标题,用h1标签,对齐方式为居中;2.一个时间,用p标签,更改颜色和字体大小,对齐方式为左对齐3.一张图片,居中,和上面下面的文字有点间距4.一段文字,左对齐5.作为整体来看,上下左右相对于整个窗口来看,是有间距的于是代码如下<!DOCTYPE html><html> <head>原创 2017-07-01 00:37:35 · 4474 阅读 · 1 评论 -
React Native 入坑学习路线(转)
写给iOS开发者的React Native学习路线 原文 http://blog.talisk.cn/blog/2016/08/13/RN-Learning-path-for-iOS-developer/ 我是一名iOS开发者,断断续续一年前开始接触React Native,最近由于工作需要,专职学习React Native也有一个多月了。网络上知识资源非常的多,但能让人豁然开朗、迅速学习转载 2017-06-20 20:46:24 · 1747 阅读 · 0 评论 -
H5研究一:定制一个最简单的H5 视频播放器<video></video>
本文介绍使用video标签完成视频播放的播放器包含暂停、播放循环播放更改尺寸> 效果如下:编辑器:Hbuilder代码如下:<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title></title> </head> <body> <button onc原创 2017-06-24 16:26:04 · 15055 阅读 · 0 评论 -
H5研究二:OC与JS互调的趣味
H5研究二:OC与JS互调的趣味 作者:大魁王 1.JavaScriptCore.framework的使用,Objective-C与JavaScript的调用。 2.需要掌握一点H5、JS知识 第一部分:OC调用js的方法 1.通过stringByEvaluatingJavaScriptFromString调用js中的方法 2. 在OC中通过JSContext 创原创 2017-06-25 14:31:48 · 1086 阅读 · 0 评论