bboyjoe的博客

自Iphone和Android这两个牛逼的手机操作系统发布以来，在互联网界从此就多了一个新的名词-WebApp(意为基于WEB形式的应用程序，运行在高端的移动终端设备)。 开发者们都知道在高端智能手机系统中有两种应用程序：一种是基于本地（操作系统）运行的APP；一种是基于高端机的浏览器运行的WebApp，本文将主要讲解后者。  WebApp与Native App有何区别呢？  Na

上一次我发了一篇文章叫“微信打开网址添加在浏览器中打开提示”，里面我发出来了三个代码，分别是纯JS、js+html、jQuery+HTML代码。今天来一个简化版带可以关闭的按钮操作。使用的是纯JS+HTML+CSS结合的方式，但不要一进入微信就弹出提示它在新浏览器中打开，在这个页面里面还可以提交表单查看信息等，只有它点击应用的链接后，才弹出提示它跳转后下载。原文地址：http://caib

移动互联网发展迅速，各种APP的开发都太疯狂了，一般稍大点儿的应用，都会准备多个版本，比如：iPhone版、iPad版、Android版，我们姑且称之为：终端适配。业务做的再大点儿的，APP还会考虑覆盖到多个国家，比如：中文版、英文版、日文版、韩文版等，我们可称之为：APP国际化。还有更拽的，针对不同渠道（流量来源）也提供不同的版本，比如：百度版、Google版、阿里版、腾讯版，等，我

为什么使用sea.js？Sea.js 追求简单、自然的代码书写和组织方式，具有以下核心特性：简单友好的模块定义规范：Sea.js 遵循 CMD 规范，可以像 Node.js 一般书写模块代码。自然直观的代码组织方式：依赖的自动加载、配置的简洁清晰，可以让我们更多地享受编码的乐趣。Sea.js 还提供常用插件，非常有助于开发调试和性能优化，并具有丰富的可扩展接口。

PHOTOSHOP常用快捷键大全一、文件新建 CTRL+N打开 CTRL+O打开为 ALT+CTRL+O关闭 CTRL+W保存 CTRL+S另存为 CTRL+SHIFT+S另存为网页格式 CTRL+ALT+S打印设置 CTRL+ALT+P页面设置 CTRL+SHIFT+P打印 CTRL+P退出 CTRL+Q二、编辑撤消 CTR

http://www.best-html5.net/

【grunt整合版】30分钟学会使用grunt打包前端代码grunt是一套前端自动化工具，一个基于nodeJs的命令行工具，一般用于：① 压缩文件② 合并文件③ 简单语法检查对于其他用法，我还不太清楚，我们这里简单介绍下grunt的压缩、合并文件，初学，有误请包涵准备阶段1、nodeJs环境因为grunt是基于nodeJs的，所以首先各位需要安装

你遇到过性能很差的网页吗？这种网页响应非常缓慢，占用大量的CPU和内存，浏览起来常常有卡顿，页面的动画效果也不流畅。你会有什么反应？我猜想，大多数用户会关闭这个页面，改为访问其他网站。作为一个开发者，肯定不愿意看到这种情况，那么怎样才能提高性能呢？本文将详细介绍性能问题的出现原因，以及解决方法。一、网页生成的过程要理解网页性能为什么不好，就要了解网页

使用Package Control组件安装也可以安装package control组件，然后直接在线安装：按Ctrl+` 调出console粘贴以下代码到底部命令行并回车：{import urllib.request,os; pf = 'Package Control.sublime-package'; ipp = sublime.installed_packages_pa

选择类Ctrl+D 选中光标所占的文本，继续操作则会选中下一个相同的文本。Alt+F3 选中文本按下快捷键，即可一次性选择全部的相同文本进行同时编辑。举个栗子：快速选中并更改所有相同的变量名、函数名等。Ctrl+L 选中整行，继续操作则继续选择下一行，效果和 Shift+↓ 效果一样。Ctrl+Shift+L 先选中多行，再按下快捷键，会在每行行尾插入光标，即可同时

由于现在整个前端都尽量要使用模块化开发，因此不可避免需要使用到前置依赖组件（AMD:如require.js）或就近依赖组件（CMD:如sea.js）。        本文主要是sea.js对jquery及依赖jquery的插件如jQueryMobile的模块化整合。当然还涉及到grunt等自动化管理工具。这些都是做前端模块化开发必不可少的知识。对sea.js还不熟悉的同学请先移步到sea.js

首先你得安装windows下的git msysgit1.9.5安装版本控制器客户端tortoisegit  tortoisegit1.8.12.0 [32和64别下载错，不习惯英文的朋友，也可以下个语言包]一、安装图解：先安装GIT【一路默认即可】安装好git以后，右键，会发现菜单多了几项关于GIT的选项2.安装tortoiseg

应用场景：点击如下图标唤起QQ程序并进行临时对话关键html代码：<a href="http://wpa.qq.com/msgrd?v=3&uin=2876355767&site=qq&menu=yes" target="_blank" alt="远地qq" > 客

在这个时间开始学习移动开发真是最好不过了，每个人应该都有一些移动应用的创意，而且你并不需要任何的原生应用编程经验，你只需要一些HTML的相关知识，懂一些CSS和JavaScript就够了。如果你总听别人说HTML5的移动应用太慢，我只能告诉你应该有一些主见，首先HTML5会越来越好，移动端的硬件也会越来越强，怎么说呢，你仔细看一看你手机上的应用吧，很多应用已经悄悄的使用混合式开发了，如果像你说的它

一：HTML5 Boilerplate是什么？解决了什么问题？对于第一次听说这个人，肯定都有这个疑问把！在网上看了看，发现很多人都认为这个是和Bootstrap一样的东西，这真是大错特错了。实际上，HTML5 Boilerplate只是一个单纯的HTML模版。什么？HTML模版？干嘛用？这里不得不提所有前端开发都会遇到的问题，每次要重新弄一个页面的时候，你们都是怎么

以下部分内容来自极客学院视频截屏：

下载  Bootstrap访问下面网站下载最新的 bootstrap 源文件http://getbootstrap.com/找到如下所示的下载页面，点击 Download source 按钮即可下载，如果用 Sass 开发，那么把 Sass 文件也下载下来，解压后，打开 bootstrap 文件夹可以看到里面有一堆文件以及文件夹，大致就像这样，

推荐下面6款常用的webapp开发框架。有兴趣可以阅读《HTML5移动webAPP和Hybrid APP开发的优缺点分析》和2014年webAPP UI设计和前端JS特效案例集萃第一款：Sencha TouchSencha Touch 是世界上第一个支持 HTML5 和 CSS3 标准的移动应用框架，你可以使用 HTML5 来编写音频和视频组件，还可以使用 Lo

最近一段时间，我都使用Flask+Bootstrap3的框架组合进行开发。本文就是在这种技术组合下，分享IE8+兼容性问题的解决方法。根据我的实践经验，如果你在写HTML/CSS时候是按照W3C推荐的方式写的，然后下面的几点都关注过，那么基本上很大一部分IE8+兼容性问题都OK了（这里的IE8+主要是指IE8，据个人目测，IE9+的渲染效果已经非常好了）。前期准备测试IE兼容性必须

工欲善其事必先利其器，有了本文介绍的工具和一些功能，你就可以高效的处理任务和信息。下面的这些工具都是本人平时经常用到的，如果你有更好的更有效率的工具，请告知一声，补充一下！火狐浏览器前端要看网页，浏览器是必备的，但为什么要选择火狐浏览器而不是谷歌、IE、opera、360？首先，IE就不要谈了，360那些国产的也不要提 了，opera 国内使用率并不高。使用谷歌浏览器也

查看链接30 个免费的响应式 HTML5 CSS3 网站模板

当你开发基于HTML5的游戏时，你有很多选择。使用什么样的编辑器?是否用到Canvas2d、WebGL?采用什么样的呈现框架和游戏引擎?这些选择大部分由开发者的个人经验和游戏将要发布的平台决定。　　　　幸运的是，有关HTML5游戏开发的指南现在已经有很多了。而这篇文章则是要告诉开发者在开发HTML5游戏以前应该具备的一些全局概念。你能从这篇文章中学到什么?这里会介绍HTML5游戏开

接触电脑早一点的人想必都听说过DOS的大名，更有很多人到今天仍然对DOS时代怀念不已。　　那么DOS的魅力到底在哪里呢？我们这就一起来揭开DOS的神秘面纱。　DOS概述及入门——DOS的特点　　　在DOS环境下，开机后，我们面对的不是桌面和图标，而是这样的电脑屏幕：这个C:\>叫做提示符，这个闪动的横线叫做光标。这样就表示电脑已经准备好，在等待我们给它下命令了。我们

这里是一个支持的属性和操作符的列表：E 元素名称(div, p);E#id 使用id的元素(div#content, p#intro, span#error);E.class 使用类的元素(div.header, p.error.critial). 你也可以联合使用class和idID: div#content.column.width;E>N 子代元素(div>p, 

gulpjs是一个前端构建工具，与gruntjs相比，gulpjs无需写一大堆繁杂的配置参数，API也非常简单，学习起来很容易，而且gulpjs使用的是nodejs中stream来读取和操作数据，其速度更快。如果你还没有使用过前端构建工具，或者觉得gruntjs太难用的话，那就尝试一下gulp吧。本文导航：gulp的安装开始使用gulpgulp的API介绍一些常用的gulp插件1、

写在前面的话阅读本文之前，先看下面这个webpack的配置文件，如果每一项你都懂，那本文能带给你的收获也许就比较有限，你可以快速浏览或直接跳过；如果你和十天前的我一样，对很多选项存在着疑惑，那花一段时间慢慢阅读本文，你的疑惑一定一个一个都会消失；如果你以前没怎么接触过Webpack，而你又你对webpack感兴趣，那么动手跟着本文中那个贯穿始终的例子写一次，写完以后你会发现你已明明白白的走