分类目录归档:WEB前端

html5 开发中遇到空白底边有个空白

<div style="border:1px solid red;"><img style="border:0px;width:100%; " src="images/index_1.jpg" /></div> 简单的一个div里面放一个图片, 结果发现底边有一点点空白常规的定宽网页开发,可以采用div的高度来进行overflow,但是手机网页开发,需要100%的宽度,不能定高。 解决方法:图片上加display:block <div style="border:1px solid red;"><img style="border:0px;width:100%; display:block;" src="images/index_1.jpg" /></div>

发表在 WEB前端 | 标签为 , , | 一条评论

Java多线程中的wait与notify,notifyall

在Java多线程编程中,wait()的作用的是让当前线程进入阻塞状态,notify()是让当前线程唤醒继续执行。虽然是对线程状态的控制,但它们其实都是Object中的方法,这是因为wait与notify所起的作用与线程间的互斥锁有关。 在执行wait()和notify()之前,必须要先获得互斥锁,即一定要和synchronized一起使用。wait()的含义是让出获得的互斥锁,并让自己进入阻塞状态。在notify()的时候也已经获得了互斥锁,所做的事情就是唤醒当前线程继续执行。 假如synchronized的锁对象是obj的话,wait和notify正确的使用方法是obj.wait()和obj.notify()。如果使用this作为锁,则可以直接写成wait()和notify()。如果前后使用的锁对象不一致,会发生IllegalMonitorStateException。 当有多个线程共同使用一个互斥锁时,notify()会随机选取一个执行过wait()的线程唤醒,其余会继续保持阻塞状态。如果想唤醒所有阻塞的进程,就使用到了notifyAll()。 有点晕了么,把代码拿去执行可以好好体会下,一会看完代码,看结论 package com.javaer.thread;   public class Twait {   public static void main(String[] args) { TestThread testThread1 = new TestThread(); TestThread testThread2 = new TestThread(); TestThread testThread3 = new TestThread();   testThread1.start(); testThread2.start(); testThread3.start();   System.out.println("主线程休眠5秒"); … 继续阅读

发表在 WEB前端 | 标签为 , , , , , , , | 留下评论

CKEditor toolbar的全部项目

当我自定义toolbar的时候发现无法知道toolbar的全部项目 去官方找到如下内容 CKEditor官方开发API http://docs.cksource.com/ckeditor_api/index.html http://docs.cksource.com/CKEditor_3.x/Developers_Guide/Toolbar config.toolbar = ‘Full’;   config.toolbar_Full = [ { name: ‘document’, items : [ ‘Source’,'-’,'Save’,'NewPage’,'DocProps’,'Preview’,'Print’,'-’,'Templates’ ] }, { name: ‘clipboard’, items : [ ‘Cut’,'Copy’,'Paste’,'PasteText’,'PasteFromWord’,'-’,'Undo’,'Redo’ ] }, { name: ‘editing’, items : [ ‘Find’,'Replace’,'-’,'SelectAll’,'-’,'SpellChecker’, ‘Scayt’ ] }, … 继续阅读

发表在 WEB前端 | 标签为 , | 一条评论

兼容IE6的多图上传控件flash+js

此控件由 http://www.swfupload.org/ 开发 相同效果,无FLASH,采用HTML5技术开发的具体情况移步 html5多图上传 一次选中多张图片,你是不是要这样的效果 此代码上传部分由php开发,你可以改成其他语言比如java或者asp.net 不过因为HTML5的冲击,利用flash上传的做法可能被大家抛弃了。 不过还是值得研究。因为还有部分用户会要求你兼容ie6 效果图 源码已经整理出来了 文件结构 请移步到我的网盘下载 http://pan.baidu.com/s/1nLzsE 经过测试可以正确使用。

发表在 PHP, WEB前端 | 标签为 , , , | 留下评论

情人节 送你一朵纯代码版本的玫瑰

有人用html就写了一朵漂亮的玫瑰,是不是有点太骚气了。纯javascipt就弄出了玫瑰花,再次显示了HTML5的威力 警告:传说IE6内核是无法看到的,建议用Chrome或者Firefox <!doctype?html> <html> <head>     </head> <body style="background-color:pink;"> <h1><p style="text-align:center;color:purple">I Love You!</p></h1>   <h1><p style="text-align:center;color:purple">EDIT BY G.E</p></h1> <canvas id="c"></canvas> <script> var b = document.body; var c = document.getElementsByTagName(‘canvas’)[0]; var a = c.getContext(’2d’); document.body.clientWidth;</script>     <script> with (m … 继续阅读

发表在 WEB前端 | 留下评论

网页字体,css中文英文对照

最近手欠,把自己的电脑win7想弄个双系统,安装个XP,好玩游戏,结果电脑不好用了。 安装好了xp,不少网页,也没有办法看了,那个叫乱啊。包含我的博客。研究一下css对中文的兼容。 HTML,CSS,font-family:中文字体的英文名称 (宋体 微软雅黑) 宋体SimSun黑体SimHei微软雅黑Microsoft YaHei微软正黑体Microsoft JhengHei新宋体NSimSun新细明体PMingLiU细明体MingLiU标楷体DFKai-SB仿宋FangSong楷体KaiTi仿宋_GB2312FangSong_GB2312楷体_GB2312KaiTi_GB2312 宋体:SimSun css中中文字体(font-family)的英文名称 Mac OS的一些: 华文细黑:STHeiti Light [STXihei] 华文黑体:STHeiti 华文楷体:STKaiti 华文宋体:STSong 华文仿宋:STFangsong 儷黑 Pro:LiHei Pro Medium 儷宋 Pro:LiSong Pro Light 標楷體:BiauKai 蘋果儷中黑:Apple LiGothic Medium 蘋果儷細宋:Apple LiSung Light Windows的一些: 新細明體:PMingLiU 細明體:MingLiU 標楷體:DFKai-SB 黑体:SimHei 新宋体:NSimSun … 继续阅读

发表在 WEB前端 | 标签为 , , | 留下评论

FireFox chrome 模拟手机浏览器 调试手机网页

Firefox的办法 1。首先打开火狐浏览器的工具下面的附加组件下载一个User Agent Switcher组件安装(如果已有就不用下载了) 2。重新启动浏览器 3。打开工具可以发现下面已经安装了User Agent Switcher 选择下面的子菜单中的iphone3,即可用火狐浏览器模拟手机浏览器 在里面调试自己的代码 月小升发现Firefox这个办法还可以调试IE6 7 8 9 。 真是不错的小插件。 Chrome的办法  谷歌Chrome浏览器,可以很方便地用来当3G手机模拟器。在Windows的【开始】–>【运行】中输入以下命令,启动谷歌浏览器,即可模拟相应手机的浏览器去访问3G手机网页:   谷歌Android: chrome.exe –user-agent=”Mozilla/5.0 (Linux; U; Android 2.2; en-us; Nexus One Build/FRF91) AppleWebKit/533.1 (KHTML, like Gecko) Version/4.0 Mobile Safari/533.1″   苹果iPhone 4: chrome.exe –user-agent=”Mozilla/5.0 … 继续阅读

发表在 WEB前端 | 标签为 , , , , , , | 3 条评论

HTML5手机浏览直接给一个号码打电话,发短信

1.最常用WEB页面JS实现一键拨号的电话拨打功能: <a href="tel:13922897782">移动WEB页面JS一键拨打号码咨询功能</a> 在拨号界面,显示号码,并提示拨打。 支持大部分的浏览器,但是在QQ浏览器上支持不好。 经过测试Iphone上的safari可以拨打电话 2.最常用WEB页面JS实现一键发送短信功能: <a href="sms:13764567708">移动WEB页面JS一键发送短信咨询功能</a> 在信息录入界面,显示发送号码,并提示录入信息。 支持大部分的浏览器,但是在QQ浏览器上支持不好。 经过月小升测试,好用。 3、移动web页面自动探测电话号码 <meta name="format-detection" content="telephone=no">   <meta http-equiv="x-rim-auto-match" content="none"> 4.使用wtai协议进行拨打电话。 代码如下所示: 实例: <a href="wtai://wp//mc;13764567708">拨打10086 </a> <a href="wtai://wp/ap;13764567708;">将10086存储至电话簿 </a> 有人说好用,月小升测试不好用哦。 5、不太灵验的方式: <a href="dc:13764567708">移动WEB页面JS一键拨打号码咨询功能</a> 经过测试,大部分浏览器都不支持了。

发表在 WEB前端 | 标签为 , , , , | 4 条评论

网站要进行哪些测试

  网站的用户化测试,月小升认为属于提升阶段,淘宝这样不停的运营的公司,会有大量的专业人才来进行网站用户化测试   一般的网站,特别给客户的网站,由于不可能采用那么久的跟踪性用户化测试,基础测试也得做好。   基本的网站测试大致分为   a.功能测试  b.性能测试  c.可用性测试  d.兼容性测试  e.安全测试   然后继续细分大致如下   功能测试   1.链接测试   有没有死链接,用户非常讨厌死链接,死链接意味着用户认为这个网站不是一个正规网站   2.表单测试   表单提交是否正确   3.Cookies测试   没有Cookie的情况是否也能访问一些页面   4.设计语言测试   Web设计语言版本的差异可以引起客户端或服务器端严重的问题,例如使用哪种版本的HTML等。当在分布式环境中开发时,开发人员都不在一起,这个问题就显得尤为重要。除了HTML的版本问题外,不同的脚本语言,例如Java、JavaScript、ActiveX、VBScript或Perl等也要进行验证。   5.数据库测试   数据库是否有足够空间,是否数据正确   性能测试   1.连接速度测试   用户连接到Web应用系统的速度根据上网方式的变化而变化,他们或许是电话拨号,或是宽带上网。当下载一个程序时,用户可以等较长的时间,但如果仅仅访问一个页面就不会这样。如果Web系统响应时间太长(例如超过5秒钟),用户就会因没有耐心等待而离开。   2.负载测试   负载级别可以是某个时刻同时访问Web系统的用户数量,也可以是在线数据处理的数量。例如:Web应用系统能允许多少个用户同时在线?如果超过了这个数量,会出现什么现象?Web应用系统能否处理大量用户对同一个页面的请求?   3.压力测试   因为一个企业内部员工,特别是项目组人员总是有限的,而一个Web系统能同时处理的请求数量将远远超出这个限度,所以,只有放在Internet上,接受负载测试,其结果才是正确可信的。   可用性测试 :   1、导航测试   在一个页面上放太多的信息往往起到与预期相反的效果。导航的信息是否正确   2、图形测试   (1)要确保图形有明确的用途,图片或动画不要胡乱地堆在一起,以免浪费传输时间。Web应用系统的图片尺寸要尽量地小,并且要能清楚地说明某件事情,一般都链接到某个具体的页面。   (2)验证所有页面字体的风格是否一致。   (3)背景颜色应该与字体颜色和前景颜色相搭配。   (4)图片的大小和质量也是一个很重要的因素,一般采用JPG或GIF压缩。   3、内容测试   信息的正确性是指信息是可靠的还是误传的   4、整体界面测试   当用户浏览Web应用系统时是否感到舒适,是否凭直觉就知道要找的信息在什么地方?整个Web应用系统的设计风格是否一致? … 继续阅读

发表在 WEB前端 | 标签为 , , , , , | 留下评论

json的好处-新一代数据传输利器

Json其实和XML一样,作为数据中间传送对象,本身是一个文本。不过这个文本有自己的结构。(是不是可以联想到C语言的数据结构)。 因为是文本所以各种语言都能兼容,包含JS这种轻量级的客户端脚本。 为什么不XML XML的冗余太大,不过XML阅读起来比较方面,所以并没有被json完全取代,很多时候都是并存。比如sina微博的开发平台有一个JSON版本和一个XML版本。以前是,现在没看。 比如xml <Book> <name>name</name> <author> <name>authorname</name> <age>23</age> </author> <year>2010</year> </Book> JSON {"name":"name","author":{"name":"authorname","age":23},"year":2010} JSON的好处,你可以把XML的好处都拿来,然后加上一条,我比XML小。 不过明显的不少软件支持XML导出,却不支持JSON导出。比如Excel。 JSON 和 XML 优缺点的比较 1. 在可读性方面,JSON和XML的数据可读性基本相同。JSON和XML的可读性可谓不相上下,一边是建议的语法,一边是规范的标签形式,很难分出胜负。 2. 在可扩展性方面,XML天生有很好的扩展性,JSON当然也有,没有什么是XML能扩展,JSON不能的。 3. 在编码难度方面,XML有丰富的编码工具,比如Dom4j、JDom等,JSON也有json.org提供的工具,但是JSON的编码明显比XML容易许多,即使不借助工具也能写出JSON的代码,可是要写好XML就不太容易了。 4. 在解码难度方面,XML的解析得考虑子节点父节点,让人头昏眼花,而JSON的解析难度几乎为0。这一点XML输的真是没话说。 5. 在流行度方面,XML已经被业界广泛的使用,而JSON才刚刚开始,但是在Ajax这个特定的领域,未来的发展一定是XML让位于JSON。到时Ajax应该变成Ajaj(Asynchronous Javascript and JSON)了。 6. JSON和XML同样拥有丰富的解析手段。 7. JSON相对于XML来讲,数据的体积小。 8. JSON与JavaScript的交互更加方便。 … 继续阅读

发表在 WEB前端 | 标签为 , | 留下评论