CSS3 Flex 弹性盒模型与文本内容居中 实现文本水平和垂直居中的方法有很多,但都是通过各种技巧来实现,优劣点都会存在。 CSS3 Flex 弹性盒模型在 IE11 及其他现代浏览器中已广泛支持,其丰富的功能和繁多的属性定义,使得入门起来有点抽象难懂。 这里只通过示例简单介绍使用 CSS3 Flex 弹性盒布局方式,实现文本居中的方法。 CSS 核心代码: display: flex; align-items: center; justi 前端开发 任侠 2014-12-23 14161 热度 1评论
基于浏览器的幻灯演示工具组件:impress.js 快速上手及相似组件推荐 作为 Web 前端开发者,基于浏览器的幻灯演示,相比 Microsoft PPT 这种传统的幻灯片软件来说拥有很多的优势。但如果完全自己来实现,又明显非常的麻烦。那么有没有简单易用的开源组件呢?如果你以这样的目的正在寻找,impress.js 或许就是你所需要的。 impress.js 是一个基于 css3 和 javascript 开发的演示工具,基于 webkit 浏览器(Chrome、Saf 前端开发 任侠 2014-11-11 21494 热度 6评论
Web 前端开发的包管理工具 bower 快速入门 1. 什么是 bower,有什么作用 富客户端要求的前端开发,少不了大量的前端库文件引用,于是就可能遇到如下问题: 逐个下载、复制到期望位置嫌麻烦 库之间的依赖/版本依赖不清楚,总是出问题 版本升级时重复性的操作,还易搞错 ... 使用 bower 这样的包管理工具,可以很好的处理类似如上描述的问题。其实各种包管理工具的主要职责均类似如此。 2. bower 安装 需要系统已安装 nodejs。命 前端开发 任侠 2014-10-24 36996 热度 6评论
JavaScript 流行代码风格参考指南[摘] JavaScript 没有一个权威的编码风格指南,取而代之的是一些流行的编码风格: Google的JavaScript风格指南(以下简称Google) http://google-styleguide.googlecode.com/svn/trunk/javascriptguide.xml NPM编码风格(以下简称NPM) https://npmjs.org/doc/coding-style.ht 前端开发 任侠 2014-09-10 15587 热度 2评论
JSHint:在 Eclipse 和 sublime 中配置与使用 javascript 语法风格检测工具 1. 什么是 JSHint JSHint(http://www.jshint.com/)是一个JavaScript语法和风格检查工具,你可以用它来提醒代码风格相关的问题。它可以很好地被集成到许多常用的编辑器中,是统一团队编码风格的一个很好的工具。 JSHint Home: http://www.jshint.com/ JSHint Options: http://www.jshint.com/op 前端开发 任侠 2014-09-09 16012 热度 0评论
grunt 快速入门:使用 grunt 自动化构建工具进行前端开发 grunt 是前端开发的自动化构建工具,对于需要反复重复的任务,例如压缩(minification)、编译、单元测试、linting 等,自动化工具可以减轻你的劳动,简化你的工作。 下面志文工作室以一个项目的构建为例,简介入门 grunt 进行前端开发的过程,主要涉及到 javascript 代码合并与压缩,css 代码合并与压缩,以及图片压缩。 1. 安装 grunt 依赖 nodejs,首先安 前端开发 任侠 2014-09-06 9712 热度 0评论
HTML5 FormData 与无刷新文件上传 无刷新文件上传是一个常见而又有点复杂的问题,常见的解决方案是构造 iframe 方式实现。 在 HTML5 中提供了一个 FormData 对象 API,通过 FormData 可以方便地构造一个表单请求,并通过 XMLHttpRequest 来发送。通过 FormData 对象发送文件也是可以的,如此则无刷新上传就变的非常简单了。 那么 FormData 怎么使用呢?下面志文工作室 前端开发 任侠 2014-08-11 23570 热度 8评论
HTML5 postMessage 消息传输与 POST 跨域通信 HTML5 的 postMessage 方法可实现不同窗体间互相通信。 postMessage 支持实现跨文档消息传输(Cross Document Messaging),并且可跨域传输信息。Internet Explorer 8, Firefox 3, Opera 9, Chrome 3和 Safari 4 以上版本浏览器都已支持 postMessage。 1. postMessage 功能简介 移动开发 任侠 2014-07-20 29072 热度 5评论
iphone在线安装 ipa 应用:利用 itms-services 协议实现 iOS 应用程序在线安装功能 越狱后的 iOS 可以实现像企业证书分发程序那样通过访问网页点击按钮一键安装APP。 先决条件: 已越狱(Jailbreak) 越狱后已安装 Appsync 步骤: 1. 在 html 页面加入类似如下链接内容(url中的 lxxh.plist 就是下面新建的 lxxh.plist 文件路径): <a href=\"itms-services://?action=download-mani 移动开发 任侠 2014-07-14 37170 热度 1评论
Window系统下 使用Virtual box 安装 Android x86 并实现竖屏 1、下载Virtual box,并安装:https://www.virtualbox.org/wiki/Downloads 2、下载Android x86:http://www.baidu.com/s?wd=android+x86 3、在Virtual box 中创建虚拟机并安装 android 4、添加分辨率 set mb=”D:\\Program Files\\Oracle\\VirtualBox” 移动开发 任侠 2014-06-11 12881 热度 0评论