xiaomiya
- 浏览: 131507 次
- 性别:
- 来自: 杭州
-
文章列表
这个主要是做的项目中用的效果图，奉献出来
主要的代码其实在上一篇博文中也都有体现。、
<!DOCTYPE html>
<html>
<head>
<meta charset="gbk" />
<title>大金融</title>
<link rel="stylesheet" type="text/css" href="css/main.css"/>
<script src="http://s.th ...
下面提供仿支付宝首页的效果图，淡入淡出的，
直接上代码
<!DOCTYPE HTML>
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8">
<title>仿支付宝首页效果图</title>
<style type="text/css">
*{ margin:0; padding: 0;}
.bn-alp { width ...
项目中要用到轮播，并且还是宽屏自适应的轮播效果，雷同alipay首页的轮播效果差不多。
打算用原生js来实现。
所以必然要用到js 的运动框架那么下面就先分享这个
下面就呈现js 的运动框架代码（网上有很多的）
封装好的运动框架Move(obj,attr,iTarget),可直接调用：
可用于设置width、border、fontSize、marginLeft、opacity等许多常见属性值的变速变化，实现各种有趣效果。
兼容IE和FF。
/****************
*
* IE-BUG:
* 在IE中，设置opacity属性时 ...
前端攻城尸们，Say goodbye to IE6，Are you ready？
ie6，我们会想念你的。
前端攻城尸们，大家有何感想？
14年都这么快就过了三分之一了，
时间过的太快，一不小心时间就溜走了。
明天清明节，三天小假，怎么安排呢？
已经连续三周都去爬山了，那么这周继续要坚持，
这周把宝宝也带上去，绑个腰凳宝宝坐上一起爬山，让宝宝也感受上大山的伟大，呼吸些新鲜空气。
儿子已经8个月了，祝宝宝健康快乐的成长。。。。。。
周六，爬山
周日，买菜，洗衣，整理屋子
周一，看技术教学视频
周二，上班
继续
OK，
我们接到上一篇瀑布流的实现，下面我们来讲讲不固定列的实现瀑布流
像花瓣网，百度图片的实现方式一样。
根据调整窗口也就是可视区的大小来改变显示图片的列数。同时也有个运动的效果。
实现原理：
布局：有一个容器，为相对定位，里面的img为绝对定位。
数据添加：因为每张图片的宽度是固定的，高度是不固定的。所以我们先要算出可视区的宽度能放下几列图片，然后在算出每列图片的高度，由高度最低的那列在添加下一张图片，我们用一张图片来形象说明下：
这一种实现可谓是最优的一种方案，方便添加数据内容，窗口变化，列数会自动调整。
OK那么下面就给出实现的代码吧，用jquery来实现的。
...
瀑布流目前已经不在是很时尚的词了，不过知道他实现的原理和具体实现过程还是值得我们好好学习的。
瀑布流效果目前在大多数网站中可以见到，参差不齐的多栏布局格式，是瀑布流的特点。瀑布流可以通过jQuery插件结合css代码来实现。 对于图片的展现，瀑布流的效果是高效而且独具吸引力的。瀑布流里延迟加载模式又避免了用户鼠标点击的翻页操作，瀑布流的主要特性便是错落有致，定宽而不定高的设计让页面区别于传统的矩阵式图片布局模式，巧妙的利用视觉层级，视线的任意流动又缓解了视觉疲劳。
几种实现方式 随着越来越多设计师爱用这种布局，我们作为前端，要尽可能满足视觉/交互设计师的需求。所以， ...
作为前端人员，熟练掌握ajax已经是必不可少的了。
下面做一个简单的学习目录表
ajax基础一：
1，什么是服务器
网页浏览过程分析
如何配置自己的服务器程序
2，什么是ajax
无刷新数据读取
用户注册，在线聊天室
异步，同步
3，使用ajax
基础：请求并显示静态txt文件
字符集编码
在这智能手机的时代，作为前端开发人员对着手机应用开发很好奇也感兴趣，抽时间摆弄摆弄
在网上查看android开发之旅，入门教程等
在开始Android开发之旅启动之前，首先要搭建环境，然后创建一个简单的HelloWorld。
本文的主 ...
从小我们的妈妈就教育我们说，好记性不如乱笔头，再好的记性，也没有做笔记来的可靠。
发展到现在，智能手机已经是我们生活中必不可少的，如同我们的衣服一样。每天必穿戴。
工作中，生活中，有很多事情要去做，要计划去做的。
那就讲讲我最喜欢用的两个应用吧，
1，是随手记，
2，就是小米便签。
1，随手记，我会记录我每笔的消费记录，消费详情记录如时间做什么事情消费的，买什么东西消费，等等。
收入也记录，每个月会做一个消费总结，这个可能对于有钱人来说没有必要，但是作为普通的人来说不仅可以控制我们的随兴消费和无计划消费，还可以规划我的财务。
不用之前总是会说，钱都怎么花的， ...
1,我们先看看this是个什么东西
那么，我们就直接：alert(this);看看这个this指的是什么东西
<script type="text/javascript">
alert(this);//object window,window 是js老大
//window.alert(this);
</script>
这个时候就知道this是ob ...
javascript单元测试有不少工具，我们今天主要介绍下QUnit。
QUnit是jQuery团队开发的js单元测试工具，使用方便，界面美观。近期试用了一下并进一步了解了JavaScript单元测试，记录一下所思所得。
1，什么是单元测试
2，为什么js需要单元测试
3，怎么使用Qunit来进行单元测试
4，测试示例
好的：
1，什么是单元测试：单元测试又称为模块测试，是针对程序模块(软件设计的最小单位)来进行正确性检验的测试工作。单元测试主要是用来检验程式的内部逻辑，也称为个体测试、结构测试或逻辑驱动测试。通常由撰写程式码的程式设计师负责进行
我们可以维基百科。
2，为什 ...
下面说一下js 的跨域问题：
在不同的域名下面进行数据交互，存在跨域问题
那么
不需要存在跨域问题：如www.a.com/a.js和www.a.com/c/b.js
那么
存在跨域问题：
如：www.a.com和 b.a.com
如：www.a.com和 www.b.com即使是同一个ip地址 ...
前面有一篇原生js实现星级评分 。可能覆盖面不是很广，现在给出一个jquery实现的星级评分
<div class="star">
<span>jQuery星级评论打分</span>
<ul>
<li><a href="javascript:;">1</a></li>
<li><a href="javascript:;">2</a></li>
<li><a hre ...
这个话题已经被讨论的不想在讨论的问题，，今天我们做个小小的回顾和总结，做项目中，遇到这样的问题，我们也不要去纠结，如果图片用gif也不影响美观的话就用gif。。如果要求更高的像素那就png8或者24.
项目中可能只有个别一个or几个地方要用到半透明效果。
那么我们可以用比较简单的hack来处理下就OK
1，
<div class="img4"></div>
.img4{ width: 53px; height: 49px; background: url(i1.png) no-repeat; _background:none; _fi ...