标签归档：HTML

2016
12-07

构建单页Web应用

单页应用是什么？ 让我们先来看几个网站： coding teambition cloud9 注意这几个网站的相同点，那就是在浏览器中，做了原先“应当”在客户端做的事情。它们的界面切换非常流畅，响应很迅速，跟传统的网页明显不一样，它们是什么呢？这就是单页Web应用。 所谓单页应用，指的是在一个页面上集成多种功能，甚至整个系统就只有一个页面，所有的业务功能都是它的子模块.... Read More >

2016
11-01

IE9 CSS HACK 减法解决了 IE9 下的神奇 filter 黑背景

问题描述 做半透明黑色遮罩时，使用 css filter 做 IE 下的半透明背景兼容，一般这样写： .semi-trans { background: rgba(0, 0, 0, .7); filter: progid:DXImageTransform.Microsoft.gradient(startColorstr=#B2000000, endColorstr=#B2000000);}.... Read More >

2016
10-24

手机上的图片展示 PhotoSwipe

PhotoSwipe 是专为移动触摸设备设计的相册/画廊.兼容所有iPhone、iPad、黑莓6+,以及桌面浏览器.底层实现基于HTML/CSS/JavaScript,是一款免费开源的相册产品。 官方网站 http://www.photoswipe.com/ 源码示例 http://github.com/downloads/codecomputerlove/PhotoSwipe/c.... Read More >

2016
10-24

[转]移动开发框架剖析(一) Hammer专业的手势控制

一直在写jQuery的源码教程，都没时间研究别的框架了。Hammer是我项目御用的一个手势库，早期1.x版本的swipe事件的响应不灵敏的问题而改过源码，2.x就已经更正过来，而且源码的结构也整个翻新了一遍，不管从逻辑还是组织结构上，我个人都觉得有必要深入，所以就当作一个系列教程一起学习吧。 .... Read More >

2016
10-20

使用Excel、Bat文件实现批量重命名功能

在我们工作和生活中，会在WINDOWS平台遇到很多文件，有时候文件名的不如意，必须要重命名，才能符合标准，比如，数码相机拍摄的图片，开始DSC_ 开头的，但是具体内容是关于剪彩动工的，所以你要重命名一下，还有就是有的文件为了区分，需要在文件的名字后面加一个后缀，比如 手机浏览网页的时.... Read More >

2016
08-12

关于angularJs中的unsafe:

页面发短信和打电话都简单的使用了tel:和sms:的链接值，这样的：   1 2 3 <a href="tel:12312312123">打电话</a> <a href="sms:12312312123">发短信</a>   手机上的浏览器.... Read More >

2016
08-10

AngularJS 防止页面闪烁的方法

我们知道在应用的页面或者组件需要加载数据时，浏览器和angular渲染页面都需要消耗一定的时间。这里的间隔可能很小，甚至让人感觉不到区别；但也可能很长，这样会导致让我们的用户看到了没有被渲染过的页面。   这种情况被叫做Flash Of Unrendered Content (FOUC)（K）？and is always unwanted.下面我们将要介绍几个不同的方式防止这.... Read More >

2016
07-07

99%用户都不知道！微信各种隐藏代码盘点

微信神秘隐藏代码——//switchtabpos：最富Android味的改造 Android与IOS最不一样的地方，莫过于一个标签栏在下一个标签栏在上了。实话说，Android版微信的界面设计并不出彩，而且相当没有Android味！“//switchtabpos”这段代码的最大用处，就是将Ta.... Read More >

2016
07-07

Web App 和 Native App 分析？

作者：Hoka 链接：http://www.zhihu.com/question/19558750/answer/101112408 来源：知乎 著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。 最近正好在讨论这个问题，如果资源、时间充足的话，我们会想要既有native .... Read More >

2016
06-29

超赞！人气超高的HTML5特效排行榜TOP 10（附经典案例）

2. SVG路径动画 元小望：SVG练习NO.1_描述孤独   简而言之，就是让SVG的描边像是有人绘制一样的动画效果。动画轻巧不失真，特别适合那些崇尚简约设计风格的网页。 上作品是派友（Epub360用户）元小望用Epub360设计制作的，大家感受下，是不是很酷！ 3. .... Read More >

2016
05-26

【转】4个Bootstrap3开发的后台管理模板

第一个Bootstrap后台管理模板：HTML5 Admin HTML5 Admin is mobile first and responsive justlike Bootstrap 3 and all of its features and add-ons are styled to wo.... Read More >

2016
05-24

网站日志中显示Mozilla/5.0 AppleWebKit/537.36 (KHTML, like Gecko) Chrome/28.0.1500.72 Safari

很久很久以前有一个浏览器名字叫 NCSA Mosaic 很久很久以前有一个浏览器名字叫 NCSA Mosaic 紧接着也出现了一个 Mozilla 的浏览器 (Mozilla 的意思是 Mosaic 终结者) 后来 Mozilla 的正式发布版本是 Netscape 它把自己标称为Mozilla/1.0 (Win3.1) 由于 Netscape支持框架显示，后来框架在大家中间流行起.... Read More >

2016
04-27

node.js中Path对象

NodeJS中的Path对象，用于处理目录的对象，提高开发效率。 用NodeJS的Path命令，与使用Linux下的shell脚本命令相似。 引入path对象: 1 var path = require('path'); 比较实用的方法： 格式化路径 path.normalize(p) 特点：将不符合规范的路径格式化，简化开.... Read More >

2016
04-27

Nodejs —— 调试篇

新学习一种技术，肯定会遇到很多坑，我们需要找到这些坑，弄清楚这些坑出现的原因和其中的原理。这种操作就叫做调试。 程序调试的方法和工具多种多样，在这里我总结一下我在学习nodejs的过程中，学到的和用到的调试方法。 log 在JavaScript代码中直接console.log，可以在控制台.... Read More >

2016
04-27

nodejs lodash的一些函数

1   _.compact用法   _.compact([0, 1, false, 2, '', 3,'mm']); var test = _.compact([-1,0, 1, false, 2, '', 3,'jj']); console.log(test); ----1,1,2,3,jj//输出 没有 0 false 空格 2_.different用法 var test.... Read More >

2015
11-23

有创意的鼠标悬停效果集锦

我们使用这些悬停效果的技术包括三维变换和一些伪元素过渡。 演示    下载 转载自 杨青.... Read More >