无缝滚动 HTML5

发布者: superzhang | 发布时间:2017-11-25

无缝滚动 HTML5

这是一个无缝轮播效果，当轮播到最后一组图片的时候又让他变到第一张让他走，其实这是让两组一模一样的图片做成做成这个效果的，给人以一种错觉，这些图片你自己可以随便从哪里找一些。也可以换成女朋友的照片哦，这样也会有动力，其实H5还是有很多好玩的。其实这个还是有很多方法能实现这个的，可以用原生JS来试试做。我觉得原生JS是非常重要的在H5中。

原生JS我是刚刚接触，还是有很多不会，如果大家有什么好的创意，好的想法可以拿出来大家一起分享，大家共同进步。我不是大神，我只是一个刚开始摸索H5的一个爬行者。如果有什么不好的地方大家请多多见谅。

其实昨天那颗心如果配合JS来做我觉得效果会更震撼，不需要借助鼠标的滑动，而是让他自己来进行360度的旋转，然后在他慢慢旋转的过程中那个盒子的盖会慢慢的打开，里面那颗心也会随着盖子的打开缓缓的升起来，不需要借助外力。我正在思考，如果有大神会的话，求请教。

想读更多 ->

零基础要如何学习HTML5

发布者: superzhang | 发布时间:2017-11-25

想要了解如何学好HTML5，首先要知道什么是HTML5，学习它又都能做些什么，只有对HTML5有了更深入的认识了解之后，从中把握要学习的方向，也就更能帮助自身学好HTML5。HTML即Hypertext Markup Language，是超文本标记语言，用于描述网页文档的一种标记语言，数字5代表的是版本，HTML5将会取代1999年制定的HTML 4.01、XHTML 1.0标准，以期能在互联网应用迅速发展的时候，使网络标准达到符合当代的网络需求，为桌面和移动平台带来无缝衔接的丰富内容。通过定义我们不难理解，HTML实质是上用于描述网页文档的一种超文本标记语言，而所谓的超文本就是指页面中，你所能听到的、看到的、点击的一切东西。比如，文字，图片，视频，声音，flash动画等等。

零基础要如何学习HTML5

这里还是要推荐下我自己建的前端学习群：655962461，如果你正在学习前端，小编欢迎你加入，大家都是前端党，不定期分享干货（只有web前端相关的），包括我自己整理的一份2017最新的前端资料和零基础入门教程，欢迎初学和进阶中的小伙伴

想读更多 ->

HTML5教程 - HTML5 SVG

发布者: superzhang | 发布时间:2017-11-25

注：本文为系列连载文章

HTML5教程 - HTML5 表单 2.0

HTML5 SVG 教程

SVG 表示可伸缩矢量图形，这是一门用于描述 2D 图形的语言，图形应用使用 XML 编写，然后 XML 由 SVG 阅读器程序呈现。

SVG 主要用于矢量类型的图表，比如饼图，X，Y 坐标系统中的二维图等等。

SVG 在 2003 年 1 月 14 日成为 W3C 推荐标准，你可以在 Adobe SVG 阅读器以便能够在浏览器中查看 SVG。

在 HTML5 中嵌入 SVG

HTML5 允许我们直接使用 __<svg>...</svg> 标签嵌入 SVG，下面是简单的语法：

HTML5教程 - HTML5 SVG

想读更多 ->

HTML5 表格实例

发布者: superzhang | 发布时间:2017-11-25

HTML5 表格实例

<style>

.textVertical{

padding:5px 20px;

width:24px;

line-height:24px;

}

.backgroundImg{

background-image:url(bg.jpg);

background-repeat:no-repeat;

background-size:100% 100%;

}

.trBackground{

background-image:url(bg.jpg);

background-repeat:no-repeat;

background-size:100% 60px;

}

</style>

想读更多 ->

扣丁学堂浅谈2018年北京HTML5培训会有前途么好找工作吗

发布者: superzhang | 发布时间:2017-11-25

现在的HTML5不得不说是火透了整个互联网，HTML5、微信、小程序似乎已经是不得不谈的未来趋势。2016年的11月3日小程序已经进入公测阶段，这又引发了一次互联网高潮，市场的炒热让很多想学编程的同学纷纷转向HTML5开发，市场火证明未来缺口大啊，况且现今的HTML5开发人员短缺特别厉害，抓住机遇，学习HTML5开发，高薪指日可待啊!真的是这样吗?北京HTML5培训开发真的有前途么?

扣丁学堂浅谈2018年北京HTML5培训会有前途么好找工作吗

首先弄懂一个问题北京HTML5培训开发未来趋势怎么样?

答案当然是肯定的啊，HTML5开发有很多优势，这些优势正好顺应了互联网发展的需求，跨平台、开发周期短、投入小、实时更新、摆脱平台约束这些都恰好解决了未来发展中一部分企业开发的迫切需求。所以HTML5开发一定会在未来扮演一个很重要的角色。这也是为什么那么多人选择HTML5开发的重要原因。

北京HTML5培训开发学习后好找工作吗?

答案也是肯定的。HTML5开发市场正在形成，但是对应于市场的人才却没有被及时准

想读更多 ->

H5 是 HTML5 吗？

发布者: superzhang | 发布时间:2017-11-25

背景

作为程序员经常会被业务人员问一些技术相关的热门词，比如：“H5页面是什么？” ，我的回答是：“符合 HTML5 标准实现的页面，大家为了方便，简称 H5“。真的是这样的吗？当连续有人问相关的问题，并详细了解一些业务以后，慢慢的发现 H5 已经不单单是一个技术相关的词。

H5 是 HTML5 吗？

之前被我们产品人员也问到一个类似的问题：“怎么通过技术手段来判断一个网站是H5的页面，还是普通页面？”，听到这个问题我懵了，按照我前面的解释 “符合 HTML5 标准实现的页面就是 H5页面”，那当前互联网上看到的网站基本上都在采用了 HTML5 标准。详细了解业务以后才知道，他的要求是把微信里面那种好友之间，或者朋友圈分享的那种带有主题性质的宣传页面（实在是不知道怎么描述）和我们平时电脑上访问的页面通过技术区分识别出来。这个功能能不能实现，具体怎么实现这里不讨论，但是可以看出在业务人员和一些客户眼里，在微信上分享的那种炫酷的页面就是H5页面。那这里的 H5 还是 HTML5 吗？从这种应用上来说已经不是了。

另外一个

想读更多 ->

HTML5小白学习笔记——DAY3：CSS属性

发布者: superzhang | 发布时间:2017-11-25

HTML5小白学习笔记——DAY3：CSS属性

效果图

HTML5小白学习笔记——DAY3：CSS属性

源代码

<!doctype html>

<html>

<head>

<title>CSS核心属性</title>

<style>

*{ margin:0; padding:0;}

body{ background: #F5F6EB; color: #333; font-size: 16px;}

.boxs{ width:1000px; margin:0 auto; }

h1,h2{pad

想读更多 ->

Web全栈架构师——手机直播客户端

发布者: superzhang | 发布时间:2017-11-25

我是石川（Blue）.

石川简介：智能社创始人、前阿里巴巴高级技术经理，现开课吧技术学院院长。精通C/C++、Java、Python、前端开发等多种开发技术，曾参与淘宝网的早期建设和优化，拥有丰富的企业级系统开发经验，对HTML5移动端互联网技术及生态体系有深厚的造诣。

知识点

PhoneGap用法

PhoneGap采集视频

视频文件推到服务器

服务器怎么接收视频

服务器操作数据库

从服务器取数据

播放

PhoneGap用法

当我们想封装自己的app的时候，我们需要用到各种各样的APP框架。目前这些框架分为两大流派，一类是国外的PhoneGap等框架，一类是本土的APICloud等框架。对比而言，前者更为轻便，但一些功能在国内很难使用（如谷歌地图，谷歌账号），后者更为接地气，在国内使用更加方便（如微信支付等）。APICloud我们以后会进行讨论，这期我们选择使用PhoneGap框架讲解。

PhoneGap（被Adobe收购后改名为Cordova）框架的整体构造非常庞大，因此我们不去细讲结构，一切从简，从它的搭建和用法讲起。

第一步，安装PhoneGap-cli。在cmd中的安装方式如下：

npm i -g phonegap-cli

安装完毕

想读更多 ->

HTML5全局属性

发布者: superzhang | 发布时间:2017-11-25

大家好，我是拾光。

给大家整理一下H5的全局属性。

1、当标签设置属性——contentEditable时，该元素就可以被修改，目前并没有相应的API支持保存之后修改后的文字

2、除了contentEditable之外，元素还具有一个isContentEditable属性，当属性可编辑时，该属性值为true，当元素不可编辑时，该属性为false；

HTML5全局属性

3、designMode属性用来指定整个页面是否可编辑，当页面可编辑时，页面中任何支持contentEditable属性的元素值都编程了可编辑状态。designMode属性只能在JavaScript脚本中被编辑修改，该属性的值有两个——“off”与“off”。

document.designMode="on"

IE8出于安全考虑并不支持；IE9允许进入可编辑状态；Chrome3和Safari使用内嵌frame方式，该内嵌frame是可编辑的；FireFox和 Opera允许使用designMode属性让页面进入可编辑状态。

想读更多 ->

葡萄城ComponentOne全功能开发控件套包发布2017V3 新版本

发布者: superzhang | 发布时间:2017-11-25

日前，全球最大的控件提供商葡萄城宣布，ComponentOne 全功能控件套包发布2017年度最后一次重大更新（2017V3版本），除了对图表、性能持续优化外，还新增表达式编辑器，能与FlexGrid、FlexChart等控件有效集成，大大加强了ComponentOne在数据处理方面的能力！

葡萄城ComponentOne全功能开发控件套包发布2017V3 新版本

新增表达式编辑器，数据处理更容易

新的表达式编辑器，可以帮助用户创建类似Excel的公式，用于像FlexGrid和C1DataGrid这样的ComponentOne控件中的数据。该控件分为两个组件：ExpressionEditor和EditorPanel。

其中，ExpressionEditor可单独使用，嵌入自定义过滤器或表格的单元格中，具备汇总、时间格式、数学函数、逻辑运算符等能力，还有智能提示、语法高亮、搜索功能、错误提示、结果预览等开箱即用的特性。