你的位置:首页资讯

JS实现时钟效果 ...

[资讯] 点击次数:242次 发表时间:2016-08-05 00:53:26

闲来无事,用JS写了个时钟,只要思路理清了,做起来其实还挺简单的。 先发个效果链接 点击查看https://jsfiddle.net/sunny_zhang/jcm8h4qe/ Demo > 代码实现 HTML 9 10 11 12 1 2 3 4 5 6 7 8 CSS*{ padding:0; margin:0; } html, body { height: 100%; background: #9c9; ...

探索发现:CSS实现中文两端对齐 ...

[资讯] 点击次数:203次 发表时间:2016-08-05 00:53:03

今天在搜索“CSS实现中文两端对齐”的解决方法时,偶然发现了这个hack: 我遇到问题是:看不到效果,无论是英文还是中文,在IE和chrome下都不起作用。还好在StackOverflow上找到了解决方法 :) 样式:div.justify { text-align: justify; width:200px; font-size:15px; color:red; border:1px solid blue; height:18px; } div.justify > span { display: inline-block /* Opera ...

神秘的 shadow-dom 浅析 ...

[资讯] 点击次数:233次 发表时间:2016-08-05 00:46:12

说到 shadow-dom 可能很多人会很陌生。但是其实我们肯定碰到过,本文主要想简单介绍下 shadow-dom。下面直接进入正文。 1.shadow-dom 是什么? 顾名思义, shadow-dom,直译的话就是 影子dom ?我觉得可以理解为潜藏在黑暗中的 DOM 结构,也就是我们无法直接控制操纵的 DOM 结构。前端同学经常用开发者工具的话,查看 DOM 结构的时候,肯定看到过下面这样的结构: 这里的 #shadow-root 所包含的内容其实就是所谓的 shadow-dom 。 shadow-dom 其实是浏...

窗口、窗体之间的关系 ...

[资讯] 点击次数:205次 发表时间:2016-08-05 00:39:21

通过window.open()创建的新窗口的Window对象具有opener属性,可以通过opener打开它的原始窗口,这样两个窗口之间就可以相互引用,彼此之间可以读取对方的属性方法,而窗体也是一样。> 窗体是由<iframe>创建的该元素有contentWindow属性,它引用自身的Window对象,而Window对象有frameElement属性,若该Window对象表示一个窗体,则frameElement是对<Iframe>元素的引用,如:对于元素<iframe id = 'f1'>, var elt = doc...

H5视频直播扫盲 ...

[资讯] 点击次数:207次 发表时间:2016-08-05 00:38:19

1 H5到底能不能做视频直播? 当然可以, H5火了这么久,涵盖了各个方面的技术。 对于视频录制,可以使用强大的webRTC(Web Real-Time Communication)是一个支持网页浏览器进行实时语音对话或视频对话的技术,缺点是只在PC的chrome上支持较好,移动端支持不太理想。 对于视频播放,可以使用HLS(HTTP Live Streaming)协议播放直播流,ios和android都天然支持这种协议,配置简单,直接使用video标签即可。 webRTC兼容性: > video标签播放hls协议视频: 1234<video controls autopl...

HTML5 5大存储方式总结 ...

[资讯] 点击次数:205次 发表时间:2016-08-05 00:36:20

h5之前,存储主要是用cookies。cookies缺点有在请求头上带着数据,大小是4k之内。主Domain污染。 主要应用:购物车、客户登录 对于IE浏览器有UserData,大小是64k,只有IE浏览器支持。>目标解决4k的大小问题解决请求头常带存储信息的问题解决关系型存储的问题跨浏览器1.本地存储localstorage存储方式:以键值对(Key-Value)的方式存储,永久存储,永不失效,除非手动删除。大小:每个域名5M 支持情况:注意:IE9 localStorage不支持本地文件,需要将项目署到服务器,才可以支持!检测方法:if(window.localStora...

手把手教你玩转 CSS3 3D 技术 ...

[资讯] 点击次数:175次 发表时间:2016-08-05 00:34:49

css3的3d起步 要玩转css3的3d,就必须了解几个词汇,便是透视(perspective)、旋转(rotate)和移动(translate)。透视即是以现实的视角来看屏幕上的2D事物,从而展现3D的效果。旋转则不再是2D平面上的旋转,而是三维坐标系的旋转,就包括X轴,Y轴,Z轴旋转。平移同理。 当然用理论来说明,估计你还不明白。下面是3个gif: 沿着X轴旋转 沿着Y轴旋转 沿着Z轴旋转 旋转应该没问题了,那理解平移起来就比较容易了,就是在在X轴、Y轴、z轴移动。 你可能会说透视比较不好理解,下面我介绍一下透视的几个属性。 perspe...

正益工作是何许APP?凭什么作为第一届大会的“闪亮”点 ...

[资讯] 点击次数:258次 发表时间:2016-07-29 00:58:06

>参加过很多发布会,看过很多宣传稿,渐渐的你也读懂了“大会亮点”,这是技术人、市场人绞尽脑汁、加班加点的成果,更渗透着企业未来的战略思路。在2016AppCan移动开发者大会的官方新闻发布后,很多人留言,“正益工作”是个啥?与开发者有什么关系?凭什么就成了亮点中的NO.1。 这要从AppCan的历史和现在市场行情说起:AppCan是Hybrid混合开发工具、移动平台,从大方面讲是PaaS平台,就好比工厂的生产线,以前我们为客户量身定制APP/移动解决方案,一对一的实施。而正益工作,就是AppCan生产出来的成品,是99%企业都需要的企业移动综合门户,它集移动办公、社交、业务管理于一体,有企业...

站内搜索