摘要：
写在前面的话作为一个程序员，经常逛博客园是一个非常好的习惯，若周末依然有这个习惯好好发扬哟！似乎园子在星期一到星期五期间比较活跃，到了周六周日冷清了不少，难道大神们都幽会去了？小弟孤身身处上海，寂寞难耐，闲来无事，发此感慨，切勿吐槽！废话少说，切入正题......关于具体内容今天我要完成的是一个图片浏览功能页面，有点类似于百度图片，但又有些不同。下面我以列举的方式写出具体要做的:要求：1.页面首次加载 m 张图片，以列表形式展现2.页面底端给出一个链接，点击链接继续获取紧跟在后面的 n 张图片3.加载 n 张图片时给出提示，以保证界面友好4.点击任意一张图片，弹出一个层，显示点击图片的大图，同 阅读全文
随笔分类 - Web前端
弱弱的玩下Javascript
2013-08-31 23:53 by 昨日书, 1158 阅读, 收藏, 编辑
摘要：
前言好久没有更新博客了，也蛮少捣弄javascript，今儿看到一个题目，关于给你一个面板，你可以随意的在上面画矩形，可以移动和删除任意一个你创建的矩形，心血来潮搞着玩哈，实现起来挺简单的，但这代码是我怎么看就是觉得不舒服，求指点，同时代码中有更好的实现方式也请提出，感谢！关于这道题目要求：1.body中仅给出一个div当作面板，在此区域任意位置画矩形2.在画出的任意矩形中可以选中想要的那个，并改变其背景色以区分3.可以控制任意一个矩形的位置，同时不能影响其他矩形4.可以删除任意一个矩形实现遇到问题其实呢很多人看到这个问题，很所人觉得很简单，不就是对dom的操作以及是事件的处理嘛！看似很简单， 阅读全文
实现天气预报功能
2013-08-05 22:58 by 昨日书, 2516 阅读, 收藏, 编辑
摘要：
闲来无聊，写下此文经常看见很多网站上有那种天气预报功能，自己之前也写过一个，不过属于那种涉及WCF服务引用那种，今天发现一个更为简单的方式来实现，使用Javascript和Ajax技术，极少后台代码，具体好与不好各位看官看了再说，尽管拍砖、、、前置条件作为程序员的我们木有天气数据，那些天气预报的数据肯定都来自中国气象局，我们需要采集相关数据到我们本地进行相应的处理，这里提供一个采集网址：http://www.weather.com.cn/data/cityinfo/101200101.html在这个网址中有气象中心提供的相关数据，不过都是Json格式，有了数据就好办多了，接下来我们就来编码，弱 阅读全文
CSS文件和Javascript文件的压缩
2013-07-11 22:01 by 昨日书, 1337 阅读, 收藏, 编辑
摘要：
像JQuery一样来压缩我们的CSS和JS我们都知道一般JQuery新版本发布的时候往往会有几个不同类型文件，比如原始版本文件、最小文件以及其他配合ＩＤＥ智能提示的各种版本文件，前期我们使用JQuery时可能用的是完整版文件，可以到了网站发布的时候为了减轻文件大小，真正用到的就是我们常见的所谓压缩版文件。我们在想，网站发布的时候为什么不为我们的CSS和ＪＳ也生成这样的压缩版文件呢？今天我就为这来发一篇随笔谈谈这个并予以实现，话说好多人都知道也都在使用。YUI Compressor前端的肯定都知道这个东东，呵呵，这个太出名了，假若前端的你不知道就孤陋寡闻了哦！先说说这个东西是干嘛的吧，它就是可以 阅读全文
看几道JQuery试题后总结（下篇）
2013-07-09 21:48 by 昨日书, 1386 阅读, 收藏, 编辑
摘要：
感谢圆友的提醒昨天下午完成了9道试题中的前4道，之后好多园友存在些疑惑和建议，在这里我一并说一下吧。首先对于昨天第一题可能存在误导，在JQuery中并没有innerHTML这个属性，不过我们可以将JQuery对象转换成DOM对象再使用innerHTML，还有对于那个innerTEXT也是操作DOM对象的，不过貌似用的比较少。其次是第三题，我们选择表单元素，尽量使用表单元素选择器。总之，感谢圆友们的批评指正、、、接下来我们继续完成昨天没有完成的试题......第五题题目：JQuery对象与dom对象的区别，以及两者互相转换的方法var jquery = $("#x1"); / 阅读全文
看几道JQuery试题后总结（上篇）
2013-07-08 16:47 by 昨日书, 3563 阅读, 收藏, 编辑
摘要：
无意中拿到的JQuery题目，拿来分享顺便总结总结在JQuery对象中区分.text();.val();.html();.innerHTML;.innerTEXT()的用法与区别，用例子证明在JQuery选择器中空格与大于号的区别在一个表单中，查找所有选中的input元素,JQ的写法指定的为某个div内部动态添加一个div的写法，外部添加一个div的写法(包括在该节点的前面以及后面)JQuery对象与dom对象的区别，以及两者互相转换的方法如何动态的为某个div添加class属性，如何移除class属性，以及如何获取div中某个属性的值，比如说Id的名称或者其他属性的值JQuery里面的动画函 阅读全文
浏览器对象模型(BOM)
2013-07-07 15:26 by 昨日书, 1250 阅读, 收藏, 编辑
摘要：
BOM结构用户浏览网页的时候，浏览器会自动创建一些对象，这些对象存放着浏览器窗口的属性和相关信息，也就是大家熟称的BOM。浏览器对象模型是一个层次化的对象集，我们可以通过window对象访问所有对象集。层级关系如下图所示：window对象window对象表示浏览器中打开窗体，提供关于窗口状态的信息。可以使用window对象访问窗口中的文档，事件以及影响窗口的浏览器特性。同时大家应该知道，在javascript中window对象是全局对象，就像我们C#中的static一样（不知道对不对呃），也就是要引用当前窗体根本不需要特殊的语法，可以把该窗口的属性作为全局变量来使用。例如，我们可以直接写doc 阅读全文
HTML5给我们带来了什么？
2013-07-06 21:41 by 昨日书, 273 阅读, 收藏, 编辑
摘要：
HTML5初探传说中的HTML标准已经超过10年没有更新了，如今HTML5席卷全球，那么到底什么是HTML5呢？都在讲HTML5是web的新一代标准，它有着很多之前浏览器没有的新特性，可以说HTML5的到来给web前端带来了福音，具体带来了什么接下来我会一一道来。呃，在我们探讨HTML5的新特性之前，先来看HTML5究竟离我们还有多远？HTML5新特性新的Doctype够简洁吧，反正以前的XHTML的声明我是没有记住的，HTML5这个够简洁吧！Figure元素 This is an image of something interesting. 用和来语义化... 阅读全文
Javascript实现打字效果
2013-07-05 01:46 by 昨日书, 1214 阅读, 收藏, 编辑
摘要：
伤感的 学期末今天是这学期的最后一天，考完了最后一门数学，明天我们就要各自为自己的暑假打算打算了，所以趁着大家还没走一起出去打了打篮球，玩了玩轮滑，很累但是很开心，最大的感触莫过于忧伤额，明年我或许不在学校了，或许见不到他们，明年大三名存实亡，挺失落的。晚上玩轮滑都还好，最大的糗事儿竟然是没保护好美女老乡，貌似摔得不轻额，希望她木有事儿吧，祈祷！！！打字效果学习经常看见一个蛮过瘾的Javascript打字效果，一直自己想写个玩玩，貌似总忘了，今天来玩哈，我写的是使用setTimeout来实现的，貌似大神都不是这么弄。介绍介绍我的思路，给出一段需要打字的内容，然后使用substring函数每隔x 阅读全文
CSS使块半透明方法，兼容IE6
2013-07-04 00:32 by 昨日书, 412 阅读, 收藏, 编辑
摘要：
前言今天LOL玩机器人玩得真心不爽，实在崩溃，还是逛博客园比较爽些，记录自己的成长！说句实话我在编程方面确实是个菜鸟，菜到一种超神的地步，没一样自己特擅长的，悲催......废话少说，进入正题，HTML5和CSS3快速发展，很多一以前实现起来十分麻烦的东西现在变得十分简单，例如今天的半透明效果，在CSS3中现在有了opacity这个样式，可以很简单的设置，不过很悲催，早期的IE和不是很新版本的浏览器不兼容，今天告诉大家一个新的方法咯，菜鸟成长ingIE与火狐火狐——background: rgba(0,0,0,0.5)I E——filter: alpha(opacity=50) 或者使用 .. 阅读全文
开心网页面,使用CSS3
2013-05-10 19:11 by 昨日书, 234 阅读, 收藏, 编辑
摘要：
最近学习了不少CSS3的相关知识，认识了CSS3的强大，一直有一本CSS3实战的书，经常也不断的翻阅，但总是看了就忘记了，完全没得了影响，所以一直没得效果，最近发现了一个很好的学习方法，那就是做HTML页面提高自己。每次做一个页面，再不会像以前在浩瀚的前台代码中乱飘，其实有针对的在实战中提高，更容易理解相关样式和标签，这个推荐大家试试咯，今天写的事开心网www.kaixin.com的首页，感觉比前一次写的好些。 首先看看开心网首页的截图呗：首页中的注册计数器部分前台不能实现，所以忽略了，来看看我写的吧，基本差不多了，反正比前一次写的百度文库效果好吧，给一个我写的截图吧，嘿嘿这里提供本页面... 阅读全文
百度文库页面,使用CSS3选择器
2013-05-07 17:59 by 昨日书, 174 阅读, 收藏, 编辑
摘要：
初步接触接触了CSS3，了解了点CSS3的选择器，以前我们制作网页，对于同一标签给定不同的CSS样式常常需要给出不同的class，例如 ，同样是标记，现在如果要给第一个链接设置背景为icon_1.jpg，给第二个链接设置背景为icon_2.png，在以前我们必须分别设置不同的class属性器加以定义，很不方便，现在CSS3中我们只需要使用其中的属性选择器就可以解决了，例如a[href^="value"]、a[href$="value"]、a[href*="value"]就可以解决这个问题了，十分好用、现在制作一个简单的百度文库界面练练 阅读全文