摘要：基于上篇介绍的flipsnap框架，当滑动页面数为基数时页面该怎么布局呢？假如滑动页面数为3个，布局设计如下图所示1、2、3三个页面，向左拖动，页面2、页面3出现。 此时页面可分三种设计方法： 方法一：浮动方法。如果子元素为奇数，则子元素的宽度不精确，且子元素不能设置border，如果设置border，宽度就更不精确了。 方法二：弹性布局方法。此方法也是是不错的选择。但经测试，如果页面中弹性布局运用的很多，在UC等浏览器上，非常卡。说明弹性布局非常耗性能。 方法三：定位方法。此方法可解决方法一、二的缺点。注意：inner部分需设置高度，不然子元素会被隐藏，因为out...
阅读全文
摘要：在用HTML5开发手机应用或手机网页时，部分总会有如下一段代码，这段代码到底什么意思呢。在网上，大家会得到很多答案。我从网上搜集了部分介绍，整理一下，以留备用。什么是Viewport 手机浏览器是把页面放在一个虚拟的“窗口”（viewport）中，通常这个虚拟的“窗口”（viewport）比屏幕宽，这样就不用把每个网页挤到很小的窗口中（这样会破坏没有针对手机浏览器优化的网页的布局），用户可以通过平移和缩放来看网页的不同部分。移动版的 Safari 浏览器最新引进了 viewport 这个 meta tag，让网页开发者来控制 viewport 的大小和缩放，其他手机浏览器也基本支持。wi...
阅读全文
摘要：在很多手机应用中，大家都会见过这样一种效果：当手指横向滑动屏幕时，屏幕上的页面会向左或向右滑动。 下面介绍一下当用HTML5+CSS3开发手机应用时解决这类效果的一款js框架：flipsnap。 flipsnap.js的源码大家可以到flipsnap官网：http://pxgrid.github.com/js-flipsnap/下载。 下面列出我写的小例子，大家一看应该就看明白了。<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>水平切换 demo<
阅读全文
摘要：现在、将来，用移动设备上网越来越成为主流。但对于开发者们来说，移动web的调试一直是个难题，前期可以使用模拟器来协助调试，但到了真机调试阶段就让人非常头痛。而Weinre就是解决这难题的利器。 Weinre的本意是Web Inspector Remote，它是一种远程调试工具。功能与Firebug、Webkit inspector类似，可以帮助我们即时更改页面元素、样式，调试JS等，下面就简单介绍下如何使用。下面以以Windows系统为例： 一、首先确保你的电脑已经搭建好了java环境。即：安装了jdk。这里就不多说了，在网上搜个jdk，一步步安装及ok。 二、安装及运行Weinr...
阅读全文
摘要：这几天做一个酒店搜索与预订的移动平台的应用，需要向住哪网开放平台（http://open.zhuna.cn/）提供的API请求数据，所以AJAX异步交互技术成为这次项目的主角。自己也学到了很多知识，但对于请求数据时，get和post方法理解的还不是很透彻。今天在网上看到一篇文章，个人觉得解释的很清楚了。转载过来和大家分享一下，顺便留个备份。 转自：http://www.cnblogs.com/hyddd/archive/2009/03/31/1426026.html Http定义了与服务器交互的不同方法，最基本的方法有4种，分别是GET，POST，PUT，DELETE。URL全称是资源...
阅读全文
摘要：这次安装在Android开发环境搭建及配置phoneGap中，搜到了一下资料，留个备份。 源地址：http://anlab-qiao.blog.sohu.com/190769011.html一、迅雷下载地址资源 https://dl-ssl.google.com/android/repository/xxx.zip , xxx用以下包替换。API 3android-1.5_r04-windows.zipandroid-1.5_r04-macosx.zipandroid-1.5_r04-linux.zipAPI 4android-1.6_r03-windows.zipandroid-1.6...
阅读全文
摘要：整了两天，Android开发环境终于基本搭建好了，phoneGap也配置好了。参考了很多资料，给我的感受就是，不能死按人家的资料来，要学会变通。Android开发环境搭建几句话就能说清，但实际操作起来是最麻烦的。麻烦的是各个工具的下载。我下载了很多版本，试验了很多次，最后安装的是哪个版本我都忘了。怎么下载自己摸索吧，我就不误人子弟了。下面是我搭建的步骤，以作参考。一、下载并搭建环境的工具 1、JDK（这个比较快，一步步安装就行了） 想进行Android开发必须搭建java环境，否则Android SDK不能正常安装。 安装成功检测：启动DOS窗口 开始-->运行-->cmd...
阅读全文
摘要：前言：这次介绍的是利用ajax与后台进行数据交换的小例子，所以demo必须通过服务器来打开。服务器环境非常好搭建，从网上下载wamp或xampp，一步步安装就ok，然后再把写好的页面放在服务器中指定的位置。打开时，在浏览器地址栏输入“localhost/指定页面”或者“127.0.0.1/指定页...
阅读全文
摘要：看了上个原生js DOM版的微博发布的效果，再来看看如何用jq写。看完代码，就会发现jq的强大，用更少的代码写更多的效果。<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>微博发布jq版</title><meta name="Keywords" content=""><meta name="author" content="@my_programmer&q
阅读全文
摘要：我一哥们写的关于seo方面的知识，个人感觉非常总结的非常详细，留个备份，以便随时查阅。 转自：http://blog.163.com/hongshaoguoguo@126/blog/static/18046981201261491652303/ 前言：SEO中白帽技术与黑帽技术是两大主流的技术，白帽相当于光明的一类，而黑帽又相当于黑暗的一样。白帽指的是一步一步稳稳当当的推广自己的网站，而黑帽又名黑帽障眼法技术，是一种盗取别人链接、截取别人网站文章等更新为名提高自己的网站的排名与推广。SEO网络优化技术黑帽障眼法技术用的人比较多，而白帽用的人相对比较少一点，这两种技术又有什么好处和不同呢...
阅读全文
摘要：分享一下以前写的DOM操作的小效果（非常简单的那种），顺便复习一下关于DOM的各个知识点。注释写的还算清楚，这里就不废话了，直接上代码吧。<!DOCTYPE HTML><html><head><meta charset="utf-8"><title>微博发布</title><meta name="Keywords" content=""><meta name="Description" content=""
阅读全文
摘要：1.网站PR值百科： 网站PR值全称为PageRank(网页级别)。它是Google排名运算法则（排名公式）的一部分，是Google用于用来标识网页的等级、重要性的一种方法，是Google用来衡量一个网站的好坏的重要标准之一。级别从1到10级，10级为满分。PR值越高说明该网页越受欢迎（越重要）。例如：一个PR值为1的网站表明这个网站不太具有流行度，而PR值为7到10则表明这个网站非常受欢迎（或者说极其重要）。一般PR值达到4，就算是一个不错的网站了。 Google的PageRank根据网站的外部链接和内部链接的数量和质量来衡量网站的价值。PageRank背后的概念是，每个到页面的链接都是..
阅读全文
摘要：现把canvas的知识点总结如下，以便随时查阅。1、填充矩形 fillRect(x,y,width,height);2、绘制矩形边框 strokeRect(x,y,width,height);3、擦除矩形 clearRect(x,y,width,height);4、填充样式 fillStyle="red"; 样式可以为颜色、渐变和图像。5、描边样式 strokeStyle="red";6、描边线条的宽度 lineWidth=4;7、线条末端形状 lineCap="butt"; butt(对接)/round(圆)/square(方)，默
阅读全文
摘要：用canvas绘制了一个钟表，废话不多说了，直接上代码吧。效果图如下：canvas钟表如果你看到这段文字，说明你的浏览器弱爆了！
阅读全文
摘要：1、二次贝塞尔曲线 quadraticCurveTo(cpx,cpy,x,y) //cpx，cpy表示控制点的坐标,x，y表示终点坐标；数学公式表示如下：二次方贝兹曲线的路径由给定点P0、P1、P2的函数B（t）追踪：代码实例：<!DOCTYPE html><html><head><meta charset="utf-8"><title>canvas直线</title><meta name="Keywords" content=""><meta
阅读全文
摘要：以前用canvas画图时，都是直接在canvas标签里直接写上宽高，没有问题，但也没有探究过为什么宽高要直接写在canvas标签里，因为各个资料的例子上都是这么写的。今天王sir提出了一个问题：如果把宽高写在<style>里，看看会有什么不同。自己试了以下，果然有问题。先看一下代码：<!DOCTYPE html><html><head><meta charset="utf-8"><title>canvas</title><meta name="Keywords" c
阅读全文
摘要：本文主要介绍在苹果系统上利用Xcode建立PhoneGap应用程序环境和工作流程所需的步骤。1.首先确定你的电脑上有Xcode.2.安装PhoneGap 我现在安装的是phonegap-1.8版本，浏览至已解压缩文件的 lib/ios/ 文件夹，并双击Cordova-1.8.0.dmg包安装程序。这个安装比较简单，直接下一步下一步，知道安装完成。3.在Xcode中创建工程项目（重点）（1）单击Xcode欢迎屏幕上的Create A New Xcode Project（2）在iOS > Application下找到并选中PhoneGap-based Application模板，然后单击Ne
阅读全文
浙公网安备 33010602011771号