html

Fullscreen API 全屏显示网页

第一次看到应用 Fullscreen API 全屏显示网页,是 FaceBook 中的照片放大。作为一个比较新的 API,目前只有 Safari、Chrome 和 FireFox 三种浏览器支持该特性。因为尚未发布正式版的标准,所以必须使用浏览器特定的方法,也就是应用添加前缀(webit/moz)的方法。这个 API 不仅能够使整个页面全屏显示,也可以使页面中的某个元素全屏

displa 与 visibilit

项目开发中经常会遇到需要显示和隐藏DOM元素。常用的两个是display,visibility属性,高级点的会用到angularJS的ng-show,ng-if指令。W3标准对这个两个属性的解释如下:display 设置元素如何显示。visibility 设置元素是否可见。dispaly: none|inline|block - none: 此元素不会被显示。 - inli

HTML 简单拼图游戏

先不废话,请看演示。公司要搞这么个微信活动,可现在没有前端开发,没办法,身为打杂总监只好临时顶下这个空缺了。先找了一些 JS 代码,试用了下都不太理想,好一点的写的又太复杂,改起来有难度,干脆撸起袖子自己干了。基本需求有一个固定区域,被拆分成 c*r 个同等大小的碎片,拿走其中一块,靠近缺口的块可以向缺口方向移动;当拼出原来的图样视为完成。依照此需求,需要经历 加载图片-》

【分享】WeX5的正确打开方式(2)

我的上篇文章介绍了WeX5中基本的页面布局和交互事件写法,有人私信我为什么源码中的js要那样写,HTML源码的结构是怎样的之类。那今天就总结一下Hello World的源码结构,才识有限,有疑问欢迎大家继续私信我,一起钻研 ,一起进步。HTML部分在上篇Hello World的案例中,我们是通过新建一个w文件来进行页面样式布局的,这里可能有同学会疑惑:怎么没看见HTML文件

移动端点击事件全攻略,这里的坑你知多少?

看标题的时候你可能会想,点击事件有什么好说的,还写一篇攻略?哈哈,如果你这么想,只能说明你too young to simple.接触过移动端开发的同学可能都会面临点击事件的第一个问题:click事件的300ms延迟响应。不能立即响应给体验造成了很大的困扰,因此解决这个问题就成为了必然。这个问题的解决方案就是:zepto.js的tap事件。tap事件可以理解为在移动端的cl

Django 学习小组:博客开发实战第五周教程 —— 实现评论功能

通过前四周的时间我们开发了一个简单的个人 Blog,前几期教程地址:第一周:Django 学习小组:博客开发实战第一周教程 —— 编写博客的 Model 和首页面第二周:Django 学习小组:博客开发实战第二周教程 —— 博客详情页面和分类页面第三周:Django 学习小组:博客开发实战第三周教程 —— 文章列表分页和代码语法高亮番外:Django 学习小组:基于类的通用

推荐一款强大的轻量级模块化WEB前端快速开发框架--UIkit

前言今天给大家分享一款强大的轻量级模块化WEB前端快速开发框架--UIkit到目前(2016-06-20)为止,UIkit在github上的Forks已达到了1350个,而Stars更是达到了6943个,这些数据也能说明UIkit在开发者中还是比较受欢迎的吧。版本及浏览器支持UIkit目前的版本号为:2.26.3,支持的浏览及版本如下:获取方式你可以通过以下的方式之一获取到

form表单那点事儿(下) 进阶篇

上一篇主要温习了一下form表单的属性和表单元素,这一片主要讲解用JavaScript如何操作form。表单操作取值用JavaScript操作表单,免不了会有取值赋值操作,比如有以下表单: 13333333331 13333333332 13333333333预览 提交 用JavaScript获取表单的属性值,或者表单字段的值,可以直接通过 elem.name 的

web入门+书籍推荐

如果你想建立一个自己的网站,你可以从网上搜到许多的教程:比如wordpressgitpages等等。如果你想了解这个框架是怎么工作的,你可以了解以下下面的三个基本概念:服务器,数据库,前端工程(即以前页面制作的升级版)服务器首先,我先简单的介绍一下服务器。服务器,顾名思义,是提供服务用的。打个比方,你在浏览器窗口中输入http://baidu.com,就能看百度的首页。这是