随笔- 361
文章- 7
评论- 26
阅读-
50万
08 2012 档案
写CSS和CSS3的一些基本原则
摘要:一、设置body标记的 CSS 基础样式body{ background-color:#EEEEEE; color:#000000; margin: 0; padding: 0; text-align: left; font-size: 100%; font-family: sans-serif; }将背景颜色设置为白色 (background-color),以确保字体颜色是黑色的 (color)。它还可确保所有内容边缘都与浏览器窗口边框相匹配(margin 和 padding),而且标记将文本内容向左水平对齐 (text-align)。最后,该样式将字号设置为浏览器默认字号 (font-si
阅读全文
10种顶级javascript框架比较-The Top 10 Javascript MVC Frameworks
摘要:转载于:http://codebrief.com/2012/01/the-top-10-javascript-mvc-frameworks-reviewed/Gordon L. Hempton是西雅图的一位黑客和设计师,他花费了几个月的时间研究和比较了12种流行的JavaScript MVC框架,并在博客中总结了每种框架的优缺点,最终的结果是,Ember.js胜出。FrameworkUI BindingsUI绑定Composed Views复合视图Web Presentation LayerWeb表现层Plays Nicely With Others与其他框架良好协作Backbone.js✗✗
阅读全文
比较好的Javascript资源学习网站
摘要:1.Ajax RainAjaxRain有很多完美整合AJAX, CSS, DHTML 或 Javascript的实例,有一些Demo的确值得你去看一看,即使你不是网页设计(开发)师。Ajax/Javascript实例: EXT JS Date Picker jQuery Feed Menu jGrowl FastFind Menu - Jquery Spiffy Accordion2.Ajax DaddyAjax Daddy收集了大量漂亮的Web2.0工具,其中一个使用的功能就是,在你把某个Ajax/Javascript实例应用在自己...
阅读全文
javascript+HTML+CSS面试题
摘要:今天参加面试,考了我三个小时,考晕了,赶紧补习补习javascript的知识!(另:人事部明明说招HTML5+CSS3+jQuery,考1个半小时左右,怎么变成了考传统DIV+CSS+javascript啦,呜呜呜~~~)先看看简单的1、完成foo()函数的内容,要求能够弹出对话框提示当前选中的是第几个单选框。 2、完成字符串翻转功能 填充注释部分的函数体,使得foo()函数调用弹出”成功”的对话框。 3. 有一组数字,从1到n,从中减少了3个数,顺序也被打乱,放在一个n-3的数组里请找出丢失的数字,最好能有程...
阅读全文
IE6_BUG解决方案
摘要:摘自 http://blog.sina.com.cn/s/blog_6c8612790100wxsy.html1、IE6 幽灵文本(Ghost Text bug)遇到了这个bug。它相当的古怪和滑稽。一块不知哪来的重复的文本,被IE6显示在靠近原文本的下面。对此有许多解决方法,但是没有一个对我的例子有效(因为网站的复杂性我无法使用其中的一些方法)。所以我使用了hack。在原文本之后增加空格看起来能解决这个问题。但是,问题背后的真正原因是由于html注释标签。IE6不能正确的渲染它。解决方法:使用标签包围注释移除注释在前浮动上增加样式{display:inline;}在适当的浮动的div上使用负
阅读全文
工作中遇到的CSS问题
摘要:摘自 http://hi.baidu.com/wicker_wind/item/31a1f1da08302cfaca0c394b这些都是我之前工作中平时收集总结的问题,如果读者你有更正或增加的请回帖补充1. 使用img ul ul img排列时底部在IE6下有间隙解决方法:.downloadCon ul,.downloadCon .downLinImg{width:100%; float:left;} .downloadCon ul,.downloadCon .downLinImg{ clear:both; display:block;} downLinImg为图片样式去掉图片与容器之间的空格
阅读全文
IE6 IE7 IE8 css bug兼容性解决方法总结归纳
摘要:转载自 http://blog.csdn.net/freshlover/article/details/76052071:li边距“无故”增加任何事情都是有原因的,li边距也不例外。先描述一下具体状况:有些时候li边距会突然增加很多,值也不固定(只在IE6/IE7有这种现象),让人摸不着头脑,仔细“研究”发现是由于其 低级元素ul的padding引起,padding的上下值对li有影响,左右无影响。所以只好笨手笨脚地把padding去掉,换成margin。 这是能解决问题,但往往不是我们想要的结果,或许还会引起其他不必要的怪现象。现在终于发现解决这个问题的方法,其实很简单,既然是有ul引起的,
阅读全文
css sprite-网页优化技术
摘要:引自百度百科一、CSS Sprites简介 CSSSprites在国内很多人叫css精灵, 是一种网页图片应用处理方式。它允许你将一个页面涉及到的所有零星图片都包含到一张大图中去,这样一来,当访问该页面时,载入的图片就不会像以前那样一幅 一幅地慢慢显示出来了。对于当前网络流行的速度而言,不高于200KB的单张图片的所需载入时间基本是差不多的,所以无需顾忌这个问题。 加速的关键,不是降低重量,而是减少个数。传统切图讲究精细,图片规格越小越好,重量越小越好,其实规格大小无所谓,计算机统一都按byte计算。客户端每显示一张图片都会向服务器发送请求。所以,图片越多请求次数越多,造成延迟的可能性也...
阅读全文
CSS在IE6、7、8中的差别
摘要:该列表被分为以下五个部分:选择器与继承伪类与伪元素属性支持其它各种技术重要bug和不兼容问题1. 选择器与继承子选择器示例: body > p {color:#fff;}描述: 子选择器选择一个特定父级元素的所有直接子级元素,在上面的例子中,body是父元素,p是子元素。支持情况IE6NoIE7YesIE8YesBugsIE7中,如果在父级标签和子级标签之间有一个HTML注释,子选择器将不会工作。链类示例: .class1.class2.class3 { background: #fff;}描述: 链类用于送一个HTML元素有多个class声明的情况,就像这样:<div class
阅读全文
开源中Web开发的各种资源
摘要:★HTML5 Rocks : Major Feature Groups 的学习HTML5 的资源(HTML5 演示, 教程 ).源码很不错的HTML5 Dashboard – Mozilla,效果很炫。WhatWG Developers, 一个清楚的 HTML5 技术规格说明书。★StackOverflow : 大名鼎鼎的技术问答式论坛。★Addyosmani, jQuery 和 JavaScript 文章教程Sohtanaka, jQuery 和 JavaScript 文章和教程★Nettuts+ 是一个面对Web开发人员和设计人员的网站,提供各种技术教程和文章,覆盖 HTML, CSS,
阅读全文
IE Bugs 列表和解决方法
摘要:老外的 http://haslayout.net/css/网站上,系统的总结了IE的一些Bugs,分享一下这个网站上包含了 46 个“普通的Bug” , 5个“布局方面的Bug” ,6 个“可以绕开的Bug” 以及 1 个“IE崩溃的Bug”,所有的这些Bug有58个指南和70个解决方法。IE的CSS Bug:普通Bug这部分IE的 bug 是比较普通的无法归到其它种类,或是同时属于多个种类的Bug。 General Internet Explorer CSS Bugs 解决方法名称IE的版本描述 Image Label Focus Bug(图片label bug)IE...
阅读全文
用Html5制作简单的6列自适应布局
摘要:HTML部分<div id="container"> <h2>6列布局</h2> <div class="cols cols6"> <section class="first col"> <header> <h3>布局单元1</h3> </header> <p>布局单元内容区</p> </section> <section class="col"></se
阅读全文
常用的Jquery插件介绍
摘要:一、Jquery UIJqueryUI是Jquery官方制作的插件,它的功能非常强大,内容涵盖也很广,包括日期选择、颜色选择、Tab标签切换、拖动层、索引排序、弹出对话框层、滑动门效果、进度条等等,而且还支持多种颜色样式和多种滤镜效果。 可以说,只要用了JqueryUI就不怎么需要其他插件了,但是它的缺点也是功能太庞大,有的时候不一个功能需要引用4-5个JS文件,加在会变慢。二、jQuery EasingjQuery Easing是动画效果扩展插件,它加强了Jquery中动画的效果。 比如slideUp、slideDown、toggle、show、hide等等,还有Animate。 使用起来也
阅读全文
Javascript开发框架和常用工具
摘要:一、Javascript开发框架Extjs:Extjs的特长在于它创建了一套完整的前端用户界面,即Web UI 。包括用Css很难改变的复选框checkbox 、单选框radiobutton和下拉框select等等,它都进行了很好的美化,并加以非常炫的Ajax特效。但是这个框架对新手来说学习起来较难,并且已经开始收费了。 详情可以到他们的官网了解更多,http://www.ajaxjs.com/。Prototype:prototype较之Extjs更易于学习使用。它封装并简化和扩展一些在Web开发过程中常用到JavaScript方法与Ajax交互处理过程。 他的官网:http://...
阅读全文
HTML5设计自适应网页-flexible page
摘要:效果如图,页面可以自适应browser大小,但aside大小不变其中HTML5代码如下:<!doctype html><html lang="en"> <header> <meta charset="utf-8"/> <title>Html5 test website!</title> <link rel="stylesheet" href="main.css"> </header> <body> <d
阅读全文
HTML5设计基本网页-basic frameset
摘要:效果如图其中HTML部分代码如下:<!doctype html><html lang="en"> <header> <meta charset="utf-8"/> <title>Html5 test website!</title> <link rel="stylesheet" href="main.css"> </header> <body> <div id="big_wrapper&quo
阅读全文
PDF、ZIP、DOC链接的标注(CSS技巧)
摘要:原文:http://www.maratz.com/blog/archives/2005/01/13/pdf-links-labeling/翻译:http://www.176so.com/past/2007/3/17/pdf_links_labeling/有时候我们希望能明确的用小图标来标明我们的超链接的类型。是一个zip文档还是一个pdf文件。这样访问者就知道他所要点击的这个链接是下载而不是打开另一个页面了。如果所有的人都使用IE7或者FF的话。我们完全可以使用[att$=val]属性选择器,寻找以特定值(比如.zip和.doc)结尾的属性。a[href$=".pdf"]
阅读全文
HTML5适应旧的浏览器的使用总结
摘要:一、在HTML页面中加入针对IE浏览器最好在javascript文件中将HTML5的新标示(tag)创建出来如: document.createElement('section');更直接、简单的做法是在HTML页面中加入针对HTML5的Javascript library,如:<!-- Internet Explorer HTML5 enabling code: --><!--[if IE]> <script src= "http://html5shiv.googlecode.com/svn/trunk/html5.js"&g
阅读全文
jQuery Mobile开发1-UI components
摘要:一、jQuery Mobile现在支持的UI components二、List views基础List views<!DOCTYPE html><html> <head> <meta charset="utf-8" /> <title>Intro to jQuery Mobile</title> <link rel="stylesheet" href="http://code.jquery.com/mobile/1.0a2/jquery.mobile-1.0a2.mi
阅读全文
jQuery Mobile开发1-基本框架
摘要:HTML 页眉部分加载三个重要的 jQuery Mobile 组件:jQuery Core 库 — 核心 jQuery 库jQuery Mobile 库 — jQuery 框架特定于移动的部分jQuery Mobile CSS — 定义核心 jQuery Mobile UI 元素的 CSS,它定义过渡和不同的 UI 小部件,比如滑块和按钮,大量使用 Webkit 变形和动画。jQuery Mobile theme CSS — 可选项$.mobile and supported methods and eventsjQuery Mobile新增加的tag属性ComponentHTML5 data
阅读全文
自适应网页设计——Responsive Web Design
摘要:”一次设计,普遍适用”,让同一张网页自动适应不同大小的屏幕,根据屏幕宽度,自动调整布局(layout) 一、”自适应网页设计”的概念 2010年,Ethan Marcotte提出了“自适应网页设计”(Responsive Web Design)这个名词,指可以自动识别屏幕宽度、并做出相应调整的网页设计。 他制作了一个范例,里面是《福尔摩斯历险记》六个主人公的头像。如果屏幕宽度大于1300像素,则6张图片并排在一行。如果屏幕宽度在600像素到1300像素之间,则6张图片分成两行。如果屏幕宽度在400像素到600像素之间,则导航栏移到网页头部。 如果屏幕宽度在400像素以下,则6张图片分成三行..
阅读全文
Firefox必备的24款web开发插件
摘要:转载于无风的博客Web Developer 1.1.8 https://addons.mozilla.org/en-US/firefox/addon/60 以工具栏的形式对网页的(X)HTML、脚本、多媒体、CSS、缓存、图象等多方面的实用工具。使我们能轻易的获得网页的更多信息,使我们进一步的了解当前所浏览的网页。 说明:超强的web分析工具,开发人员必装。 Firebug 1.5.0 https://addons.mozilla.org/en-US/firefox/addon/1843 Firebug是firefox下的一个插件,能够调试所有网站语言,如Html,Css等,但...
阅读全文
Java中的String类的学习
摘要:一、String类对象的实例化方式1.直接使用"" 定义字符串赋值给String类的对象2.使用String类中的构造方法:public String(String str);public class StringDemo{ public static void main(String args[]){ String str="Hello world!"; //直接赋值实例化String类的对象 String str=new String("Hello world!"); //通过String类的构造方法实例化String类的对象 S
阅读全文
基于HTML5的iPad电子杂志横竖屏自适应方案
摘要:基于HTML5的iPad电子杂志横竖屏自适应方案(转载自:http://www.yeeach.com/?p=1172) 基于HTML5来制作iPad电子杂志,横屏及竖屏自适应是个大问题,查找了半天资料,没有一篇像样的文章可供参考。将思路及例子分享一下。例子并不严谨和规范,仅供参考。大致思路:1、对横屏(portrait)和竖屏(landscape)情况下的页面定义两个不同的HTML5页面文件及图片2、使用iframe来包含横屏(portrait)和竖屏(landscape)时候实际要包含的页面内容,注意此处没有指定iframe的src属性<iframe id=”iframe1″ name
阅读全文
雷电android game学习笔记(1)
摘要:一、 基本框架图层对象(layer Object):定义图层的宽、高、位置、图层的移动和绘制的方法视图对象:绘制图层对象,响应键盘事件,处理视图线程Activity:控制游戏流程,如启动游戏、暂停游戏、停止游戏二、 移植Java ME的游戏API到Android使用Java ME中MIDP2.0的游戏API中的layer, Sprite, LayerManaer和TiledLayer类(一)MIDP(Mobile Information Device Profile)的介绍特点: 游戏场景看成一个整体,由各种图层组成 图层可以相互运动 可以简单的检测图层之间的碰撞和交互 在底层的图像类(Gra
阅读全文
网页登陆验证码
摘要:原理:生成一个图片,并且保存图片中显示的字符到SESSION.在登陆时判断输入的校验码是否和SESSION中校验码相同.这是生成校验码和图片的文件checkNumber.php<?phpsession_start();if($act == "init"){ Header("Content-type: image/png"); srand(microtime() * 100000); $login_check_number = strval(rand("1111","9999")); session_regis
阅读全文
PHP5.4第二天——数组、多维数组和数组函数
摘要:一、数组介绍数组分为一维数组,二维数组和多维数组,但无论是一维还是多维,可以统一将数组分为数字索引数组和关联数组两种。每个元素由一个特殊的标识符来区分,称之为键(key)而每个键对应一个值(value)数组下标从0开始二、数组基本写作格式简单形式:array(值1,值2,值3, ……)Array(“aa”,12,true,2.2,”test”,50); //完整形式:array(键1=>值1,键2=>值2,键3=>值3,……)Array(“title”=>“aa”, ”age”=>20);注解: 当指定键名时候只能通过键名访问数组,不能使用键值访问数组啦(一)数组
阅读全文
PHP5.4第二天—流程控制、系统函数和自定义函数
摘要:这个和Java很类似,原理是一样的,就不详细写啦一、分支结构1、单if语句结构: 格式: if(expr){ statement } 2、if…else…语句结构: 格式: if(expr){statement1}else{Statement2} 3、if…elseif…语句结构: 格式: if(expr){statement1}elseif(expr2){statement2}elseif(expr3){……}else{Statement4}4、Switch语句结构:格式:switch (expr){case expr1: statement; break; case expr2: stat
阅读全文
安装MySQL 时,系统提示:Cannot create windows service for mysql.error:0
摘要:安装MySQL 时,系统提示:Cannot create windows service for mysql.error:0原因是系统里有旧的mysql服务存在,解决办法如下:要永久删除旧的mysql服务,需要用户以管理权限在命令行上执行下列命令:C:/>sc delete mysql[SC] DeleteService SUCCESS在安装服务时,如果有类似情况发生,察看服务里是不是遗留的服务程序,解决方法,删除旧的服务后,安装新的服务。/*!cteate a table test;*/DROP TABLE IF EXISTS `baninfo_special`;CREATE TABL
阅读全文
xampp下php环境的设置
摘要:1、修改主配置文件用编辑器打开:C:\Program Files\xampp\apache\conf\httpd.conf查找<Directory />将下边的代码块<Directory /> Options FollowSymLinks AllowOverride None Order deny,allow Deny from all</Directory> 修改为:<Directory /> Options MultiViews -Indexes Includes FollowSymLinks AllowOverride None Order
阅读全文
PHP5.4第一天—基本语法
摘要:<html><head><title>PHP5.4</title></head><body><?php //PHP起始标签 echo "Hello World!"; //PHP输出Hello World!?><!--PHP结束标签--></body></html>一、PHP5.4 的基本语法与写作格式1、PHP语句分割符<?php $php = true; //分号结束语句 if($php){ echo "真"; //分号结束语句
阅读全文
java正则表达式-regular Expressions
摘要:一、所涉及到的类:java.lang.Stringjava.util.regex.Pattern和java.util.regex.Matcher二、测试工具RegexBuddy——http://www.regexbuddy.com/javascript正则表达式在线测试——http://regexpal.com/三、正则表达式的应用实例1.email一般的email的正则表达式为:/^[a-zA-Z0-9_-]+@[a-zA-Z0-9_-]+(\.[a-zA-Z0-9_-]+)+$/;原因: 一些客户中邮箱有一些zhangshna.Mr@163.com,abc_Wang.dd@sian.com
阅读全文
java在面板中点击按钮后弹出对话框
摘要:1 import javax.swing.*; 2 import java.awt.event.*; 3 import java.awt.*; 4 5 public class ShowDIalog extends JFrame{ 6 JButton button=new JButton("显示"); 7 public ShowDIalog(){ 8 setLayout(new FlowLayout()); 9 add(button);10 button.addActionListener(new ActionListener(){11 ...
阅读全文
java事件处理
摘要:一、Java事件与事件驱动的机制java采用了委托型事件处理模式,即对象(指组件)本身没有用成员方法来处理事件,而是将事件委托给事件监听者处理,这就使得组件更加简练。能产生事件的组件叫做事件源。如果希望对事件进行处理,可调用事件源的注册方法把事件监听者注册给事件源,当事件源发生事件时,事件监听者就代替事件源对事件进行处理,这就是所谓的委托。事件监听者可以是一个自定义类或其他容器,如Frame。它们本身也没有处理方法,需要使用事件接口中的事件处理方法。因此,事件监听者必须实现事件接口。【例8.3】将一个标明【Exit】的命令按钮放置在窗体下方。点击该按钮,程序将结束运行,退回到系统状态。 1 i
阅读全文
敏捷开发
摘要:什么是敏捷开发?敏捷开发(Agile Development)是一种以人为核心、迭代、循序渐进的开发方法。它不是一门技术,它是一种开发方法,也就是一种软件开发的流程,它会指导我们用规定的环节去一步一步完成项目的开发;而这种开发方式的主要驱动核心是人;它采用的是迭代式开发;敏捷软件开发方法是从多种久经验证的软件开发最佳实践演变而来的,这些最佳实践在组织管理团队和开发工作方面非常有效。敏捷软件开发过程可以进行裁剪,以适用于大型组织、分布式团队,以及其他复杂组织情况。敏捷软件开发专注于高度的协作、互动、增量开发,以及高质量的软件开发方式。相比传统软件项目管理方式,已经有众多的敏捷软件开发团队证实,敏
阅读全文
设计模式1-Factory Method
摘要:大部分摘自《深入浅出设计模式 》工厂模式主要是为创建对象提供过渡接口,以便将创建对象的具体过程屏蔽隔离起来,达到提高灵活性的目的。工厂模式在《Java与模式》中分为三类:1)简单工厂模式(Simple Factory)2)工厂方法模式(Factory Method)3)抽象工厂模式(Abstract Factory)这三种模式从上到下逐步抽象,并且更具一般性。GOF在《设计模式》一书中将工厂模式分为两类:工厂方法模式(Factory Method)与抽象工厂模式(Abstract Factory)。将简单工厂模式(Simple Factory)看为工厂方法模式的一种特例,两者归为一类。一、简单
阅读全文
Js弹出框代码,头像选择工具
摘要:javascript代码 /** * 弹出头像JS */ var ICO = new Object(); ICO.show = function(){ $(".pop-ico").fadeIn(); } ICO.hide = function(){ $(".pop-ico").fadeOut(); } $(function(){ var $box = $(".pop-ico"); var $showbtn =$(...
阅读全文
js验证密码必须为大小写字母和数字组成
摘要:<script language="JavaScript" type="text/JavaScript">function checkPass(pass){ if(pass.length < 6){ return 0; } var ls = 0; if(pass.match(/([a-z])+/)){ ls++; } if(pass.match(/([0-9])+/)){ ls++; } if(pass.match(/([A-Z])+/)){ ls++; } if(pass.match(/[^a-zA-Z0-9]+/)){ ls++;}
阅读全文
javascript入门第一天
摘要:参考javascript教程网http://www.ijavascript.cn/一、概述1. javascript可以嵌入HTML的如何地方——内部引用Javascript 在html/jsp/php/jsp中javascript可以出现多段,浏览器会按先后顺序依次执行2.外部引用Javascript——把 JavaScript 代码写到另一个文件当中(此文件通常应该用“.js”作扩展名),然后用格式为“”的标记把它嵌入到文档中。 这样做的好处在于,可以在很多网页中引用同一个JS文件,而且还可以将若干个JS文件放在一个目录中,方便管理。 外部引用Javascript文件,...
阅读全文
ajax的第一天
摘要:Asynchronouse Javascript and XML是缩写① ajax是一个与服务端语言无关的技术. 即可以使用在(php/java ee/.net网站/ asp)② ajax可以给客户端返回三种格式数据(文本格式,xml,json格式)③ 无刷新数据交换技术有以下: flash, java applet, 框架, iframe, ajax)是7种技术的综合,包含了七个技术:javascript、xml、xstl、xhtml、dom、xmlhttprequest、css,每种技术都有其独特这处,合在一起就成了一个功能强大的新技术。Ajax的提出者Jesse James Garret
阅读全文
常用数据结构的英文说明
摘要:Arrays are the most commonly used data structure. Arrays are of fixed size, indexed, and all containing elements are of the same type (i.e. a homogenous collection). For example, storing employee details just read from the database as EmployeeDetail[ ], converting and storing a string as a byte arra
阅读全文