欢迎各位兄弟 发布技术文章

这里的技术是共享的

wap

手机上下翻页特效

谷歌 "html5上下翻页"

js+html5+css3实现的滑动下拉刷新效果实例

本文我们来实现一个用 js + html5 + css3 实现在移动端滑动下拉就刷新数据的效果,有点类型于淘宝手机站,本文有源代码,感兴趣的朋友可以参考一下。

今天想说的是如何自己操刀做一个js的下拉刷新(js + h5 + css3)。既然是下拉,那么应用场景当然就是在手持设备上。在JavaScript的世界里,总是跟很多实用又华丽丽的效果接轨,这是一门很有色彩的编程语言。目前网络上也有很多非常优秀的js滑动插件,比如iscroll(最开始我们就是用这款插件,真心很好用,而且解决了很多html的问题)。

HTML5实战与剖析之触摸事件(touchstart、touchmove和touchend)

HTML5中新添加了很多事件,但是由于他们的兼容问题不是很理想,应用实战性不是太强,所以在这里基本省略,咱们只分享应用广泛兼容不错的事件,日后随着兼容情况提升以后再陆续添加分享。今天为大家介绍的事件主要是触摸事件:touchstart、touchmove和touchend。

swipe 手机 滑动 滚动 幻灯片 这个插件基本上是手机通用的 有大用

我自已做的  (一)在手机站苏州服装学校上可以看到 (二)见示例 swipe.zip 这个示例是根据下面的的网址下载来的

手机 wap网页的meta信息

在手机版网站中需要添加的几种Meta标签

在制作手机版网站的时候,除了留意页面简洁、操作方便等访问者可以看到的地方以外,还有一些浏览者看不到而搜索引擎或者其它机器设备可以看到的信息需要留意,例如HTML源代码中的Meta标签,合理设置这些地方对手机版网站的搜索引擎优化、手机浏览器的渲染展示都有帮助作用。

phonegap 运行效率与用户体验如何?

chrome 开发者工具 几个搜索

adb server is out of date. killing...

发送短信代码 有大用

发短信代码 sms 有大用

phoneGap 移动应用开发基础2 宁皓网

安装了 node.js 以后,我们就可以系统的命令行工具去执行 npm 命令了。npm 可以打包,管理,安装,发布 node 程序,我们需要用到它来安装 PhoneGap。

响应式设计学习 再一次学 宁皓网2

操作符可以连接媒体类型,还有媒体查询的表达式,比如我们可以把不同的媒体查询表达式组合在一起,使用操作符我们可以创建更复杂的媒体查询。 操作符可以是 and ,也就是 与 … 使用 and 连接的不同的表达式,只有在所有表达式都返回真值的时候,才会触发媒体查询设计的样式 .. 下面我们来试一下这个 and 操作符 .. 在网页的样式里输入 @media (){} 在这个媒体查询里,我们可以使用 and … 连接媒体类型和媒体查询的表达式 … 先输入媒体类型 … 这里我们用 screen … 表示屏幕设备 … 中间加上一个 and 操作符 … 在小括号里输入 min-width: 480px … 然后在大括号里再输入点样式 … body{ background:#27ae60; } 这个媒体查询的意思就是,如果媒体类型是 screen … 比如电脑,智能 手机,平板等等 … 同时可视窗口要大于等于 480px … 只有同时满足这两个条件 … 才会应用在后面的大括号里设计的 CSS 样式 … 也就是背景颜色会变成 xx … 保存一下 … 打开浏览器 …

android计算pad或手机的分辨率/像素/密度/屏幕尺寸/DPI值的方法

android计算pad或手机的分辨率/像素/密度/屏幕尺寸/DPI值的方法

响应式设计学习 再一次学 宁皓网

现在用户浏览网页的设备越来越复杂,大尺寸的电脑屏幕,平板,智能手机等等 … 以前我们只针对大尺寸屏幕做设计,已经不在适合现在的情况了。 我们需要让设计在不同尺寸的设备上做出不同的响应 … 让用户不管使用什么样的设备来访问我们的网站,都有一个很好的体验。 这就是响应式的设计 … 英文是 Responsive Web Design … 可以简称为 RWD … 内容 这个课程的开始,我们先了解一下什么是响应式的设计,学习几个真正的响应式设计的网站 .... 再了解几个基本的概念 ... 比如 viewport 可视窗口 ,什么是 viewport ... 为什么会有 viewport ,还有怎么样去手工的设置这个 viewport ... 然后我们会去学习响应式设计里最重要的 media query,媒体查询 .... 在页面上应用 media query 的方法 ... 了解几个 media query 媒体特性 ... 比如去判断设备的宽度,高度 ... 可视窗口的宽度,高度,还有设备的使用方向 .... 分辨率等等 ..... 我们还要学习使用操作符来创建复杂的媒体查询 ....

phoneGap 移动应用开发基础 宁皓网

课程介绍:

关于android获取手机号码(主要是移动手机)

安卓手机怎么刷机?手机刷机教程

android chrome手机调试

最近小米基于android的优化4.0系统出来了,chrome也推出了研发一年的chrome for android beta版(需要android4.0系统才能安装)。

手机网站调试神器之chrome控制台

如何利用Chrome devTools调试android手机上的web网站?

遇到问题  见

uc 有手机浏览器的调试功能 有大用

http://www.uc.cn/business/developer/ 它有使用视频教程 在这个网页上面 使用步骤 1)从 http://www.uc.cn/business/developer/下载 三样东西 安装包 UCBrowser_V9.4.1.362_Android_pf145_(Build13120414).apk (附件有) adb工具 adb_tool.zip (附件有) 文档 UC浏览器开发者版使用手册(Android平台它最重要)(附件有)  UCBrowser_User_Agent.pdf ucweb_parameter_use.doc 2)手机连电脑 3)手机上安装apk 电脑上把 adb_tool.zip 解压后放到 C:\windows\system32 这个文件夹下 到 dos窗口 打 adb 看输出信息  若看到 Android Debug Bridge version 1.0.26

Android系统如何自适应屏幕大小

Genymotion does not start Android virtual device

Wap模拟器,用电脑浏览器浏览手机wap网站

在线wap模拟器

http://i.links.cn/wap.asp http://tool.114la.com/site/wapview/

genymotion安装教程 安卓模拟器 有大用

同步内容
唯物品评历史

关注"唯物品评历史",跟着泪痕春雨先生,读懂历史,看彻人生

打开隐藏二维码