taro
- 浏览: 135459 次
- 性别:
- 来自: 东京
-
最新评论
-
bingb511：
用这个方法加载的图片要模糊啊？
Javascript实现图片预加载【回调函数，多张图片】 -
kocokolo：
确实不错but it's so old
浏览器userAgent大全 -
drayge：
确实不错！
浏览器userAgent大全 -
tayuetingyin：
确实不错！
浏览器userAgent大全 -
fanxiaoyu19840503：
请教一个问题jQuery lightBox plugin文字描 ...
jQuery lightBox plugin 源码读后感【原创】
文章列表
转自个人博客 http://www.tarobjtu.com/blog/useragent/
iPhone
●iOSMozilla/5.0 (iPhone; U; CPU like Mac OS X; en) AppleWebKit/420+ (KHTML, like Gecko) Version/3.0 Mobile/1C28 Safari/419.3●iOS2Mozilla/5.0 (iPhone; U; CPU iPhone OS 2_0 like Mac OS X; ja-jp) AppleWebKit/525.18.1 (KHTML, like Gecko) Version/3 ...
文章出自本人博客：http://www.tarobjtu.com/blog/slide-show-touch-move/
最近项目中多处用到slideshow（图片浏览）功能，但不同项目客户希望的实现方式不同，功能不一，如果在现有jQuery plugin插件上修改的话，一来会有未知bug，二来改他人代码比自己重写还费事，索性自己写一个。想添加什么功能由自己。 其中一个项目需要支持PC与智能机，这牵涉出两个问题，一是跟随屏幕尺寸变更问题，二是触摸屏滑动实现切换图片功能。
使用JS实现一组图片动画效果或者使用HTML5 Canvas渲染一系列图片等案例中，需要图片全部加载完成方可运行动画效果。此时程序中就会涉及多张图片预加载代码。当接二连三的案例中都涉及图片预加载时，就需要考虑把这个功能封装为一个通用方法。
（1）下面为JS实现图片预加载方法loadImages()：
//实现一系列图片的预加载
//参数sources:图片信息关联数组
//参数callback:回调函数——图片预加载完成后立即执行此函数。
function loadImages(sources, callback){
var count = 0,
...
文章出自本人博客：http://www.tarobjtu.com/blog/apple-site-css3-analysis/
今天苹果在WWDC2012发布了全新Macbook Pro，迫不及待去官网围观，一睹笔记本芳容，结果哈喇子掉一地...【买不起，却各种浮想联翩，骚年的节操掉了一地...】 苹果不仅硬件设备做到了极致，官网也做的精炼之极。
见到不同寻常的地方就习惯性点击键盘F12，窥视代码构造...
本文详细介绍CSS3实现图片底边弧形阴影效果：
标题干枯无力，太残念了，一个从小语文不及格的理科生写技术文章实在压力山大，尽请体谅。这篇搓文介绍提高网站性能的再三个步骤，是上篇的姊妹篇。
背景知识：
浏览器加载网页的顺序与我们读书一样，自上而下逐行加载。
先加载<head>...</head>中的内容，其次<body>...</body>直接的内容。当浏览器加载到<script><link><img>等这些带有src属性链接的标签时，会向相应链接服务器发送请求读取内容，浏览器会限制并行请求数量。
本文从前端开发角度介绍提高网站性能的三个简单方法，操作简单，却可以迅速提高网站性能。
1、图片无损压缩
通常图片占据一个网页加载的大部分流量，从图片下手优化网站会得到意想不到的。
<1>首先，压缩成适合页面显示的适当尺寸。
例如现在有一个256 x 256px的苹果图片，而网页上只需要显示为150 x 150px大小，那就把图片压缩到150 x 150px，这样会压缩很多字节。
作为菜鸟的我，写技术博客的主要目的不是分享经验，况且我也没有经验，只有满腔的精液；写东西在于自我总结，理清思路，防止遗忘；这篇杂记更是2B无比，只想把平常想到的碎片记录下来。
snippet 1： javascript function参数的强大
javascript的function不仅可以传输基本数据类型，还可以传输数组，对象，更爽的是可以直接传送function。传送function就可以实现被传送的function在当前function中callback。
当然java这样面向对象的语言传送对象，function封装在对象中，也可以实现同样的效果 ...
jQuery lightBox plugin简介：
Lightbox应该是目前为止最流行的图片浏览插件。jQuery lightBox plugin是作者Leandro Vieira Pinho基于Lightbox2改编的jQuery插件。
功能列表：
自动根据窗口的大小缩放图片
模式窗口，幻灯片方式播放
图片内容预加载
渐变动画效果。
官网地址：
http://leandrovieira.com/projects/jquery/lightbox/
代码介绍：
1，巧妙利用jQuery选择器
使用jQuery lightBox plugin不需要 ...
网页设计中界面比较重要，如果CSS变形，哪用户体验的效果将会很不爽。像今天品界就遇到这样的事，PHP源码里会产生一个空格，导致网站变形。我把代码里的空格，一些没必要的代码删除了也还是不行。个人感觉也不应 ...
完善上一篇日志中demo的两个不足。
js只能修改html内部的css样式代码；
隐藏div的高度固定，如果隐藏区域文字变动时，布局变差。
1. js调用外部css样式表的style值
css样式表有三种写法：
内嵌样式（inline Style） ：是写在Tag里面的，内嵌样式只对所有的Tag有效。
内部样式（internal Style Sheet）：是写在HTML的 里面的，内部样式只对所在的网页有效。
外部样式表（External Style Sheet）：如果很多网页需要用到同样的样式(Styles)，将样式(Styles)写在一个以.css为 ...
学习javascript，实现两个功能：
显示隐藏div；
通过Tween算法实现div显示和隐藏的缓动效果。
参考链接：缓动效果参考文章：JavaScript html js Tween类型
html代码
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://w ...
HTML代码：
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml" xml:lang="en">
<head>
<meta http-equiv="Content-Type ...
CSS学习资料
文档教程：w3school是很好的css参考教程 http://www.w3school.com.cn/css/index.asp
视频教程：tutsplus的《30天学会HTML&CSS》非常不错，http://learncss.tutsplus.com/ （30 Days to Learn HTML & CSS）
在这两个基础上多做些demo基本可以上手。
HTML，CSS开发工具
dreamweaver有很多人使用，当然盗版用户很多，当然，如果企业不想违法又不想破费money来买dreamweaver，我们还有很强大的工具推荐。
...
一，Reset CSS
目的：减少各种浏览器下默认样式的差异。
方法：
使用Reset CSS清除浏览器默认样式，网上有很多写好的Reset CSS模板，选一个适合自己网页要求的，复制黏贴。
写一个适合自己的Base CSS
/* =====================RESET CSS ...
一，web standard design 遵循web标准进行网页设计，网页被分成三部分：
Structure XHTML HTML XML
Presentation CSS
Behavior ECMAScript
遵循web标准： 目的：分离内容（Structure）和表现（Presentation）。 优点：
文件下载颜面显示速度加快；
内容被更广泛的设备访问（屏幕阅读器，手机）；
结构清晰，维护方便。当浏览器禁止css时，通过web标准设计可以使文本网页结构清晰;[*]4，使用css更换皮肤也变得方便；
更容易被搜索引擎搜到。
二 ...