`
taro
  • 浏览: 136557 次
  • 性别: Icon_minigender_1
  • 来自: 东京
社区版块
存档分类
最新评论
文章列表
转自个人博客 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更换皮肤也变得方便; 更容易被搜索引擎搜到。 二 ...
Global site tag (gtag.js) - Google Analytics