- 浏览: 31155 次
- 性别:
- 来自: 广州
最新评论
文章列表
总有一种要建立自己的网站的冲动,以前总以为忙和懒一直没有试验,今天通过一番周折,发布了一个小小的网站。
工具:花生壳域名管理,myeclipse10,tomcat,jsp。
要发布你的网站,要简单经过以下步骤:
1.到http://hsk.oray.com/download/#type=windows这里下载花生壳客户端,注意要下载支持内网映射的版本;
2.注册一个花生壳账号,并申请一个免费域名,开通内网映射(需要1元开通费用);
3.在你电脑的控制面板中将防火墙关闭,以确保内 ...
做手机端的前端开发,少不了对手机平台的判断。如,对于app下载,就要判断在Android平台下就显示Android下载提示;在iOS平台下就显示iOS下载提示。
今天就为大家介绍一下用js判断手机客户端平台及系统平台的方法:
技术支持:jQuery库
js代码如下:
<script type="text/javascript">
//手机端判断各个平台浏览器及操作系统平台
function checkPlatform(){
if(/android/i.test(navigator.userAgent)){ ...
本人做的是手机端的前端开发,事事处处都得从手机用户的体验着手考虑。大家都知道手机相对于pc来说要小很多,所要容纳的东西相对于pc来说也要少之又少。一些重要的东西又希望用户在打开手机网站的第一屏就能看到,这时就要尽可能地将重点呈现给用户。
内容又由文字,图片等等信息组成,如果文字过长,就显得冗余,这里就为大家介绍一个如何隐藏多余文字和展开多余文字的方法。
需要的技术支持:CSS3,一般jQuery库;
HTML代码如下:
<div class="slideup">This is a test about java ...
今天闲着没事,就研究了下公司的网站,就“偷”了点东西出来。下面来制作一个简单的app下载框,为我的公司作下宣传哈。
需要的技术支持:一般jQuery库;
HTML代码如下:
<div class="app_download">
<div c ...
这是我自己写的一个码表计时器,运用jsp+servlet技术,用javascript,CSS3,HTML5和Ajax增强交互,开发环境为win7+MyEclipse10.5+jdk1.7+tomcat7,完成后的界面如下:
初始界面如下:
该界面中开始计时到分计的四个按钮为禁用状态
第二个界面是查看记录界面,从本地读取文件,呈现到网页中 正在计时,这时点击分计按钮,可以增加记录 此为将记录保存到本地 此为保存后查询,另外说明一下,清屏按钮能将当前所有状态还原为初始状态 项目缩略图如下:
servlet核心代码如下:
response.setContentTyp ...
下面介绍两种方法来判断一个对象是否为数组:
var is_array=function(value){
return value && typeof value==="object" && value instanceof Array;//其实只用最后面的value instanceof Array就可以判断一个对象是否为数组
};
var is_Array=function(value){
return Object.prototype.toString.apply(value)===' ...
纯CSS下拉导航(兼容IE,ff,chrome及opera)的好处有很多:
1.不必用JavaScript或者jQuery实现,如果网页禁用了JavaScript或者网络慢都有可能影响性能;
2.纯CSS下拉导航不必依靠额外的js库,所以减少了不必要的http请求,加快了用户访问速度;
HTML代码如下:
<ul class="nav">
<li><a href="javascript:void(0)">Home</a></li> ...
在CSS的开发中,之前对于清除浮动这块总感觉迷惑,为什么要清除浮动?清除浮动的方式又有那些?
如下面一段HTML代码:
<ol>
<li>
<h2>运用CSS3的-webkit-box属性实现导航条效果</h2>
<ul class="navone">
<li><a href="javascript:void(0)">Home</a></li>
<l ...
在CSS开发中,要特别注意选择器的运用,如此才能使文档结构更清晰,更易于阅读。
1.某一块的文档结构中包含多层标签嵌套,则应在其祖先元素上面加类或者ID,然后用后代选择器来选择不同的子元素;
2.CSS2.1和CSS3有许多新的特性,如果IE6及更低版本不支持,浏览器会忽略整个规则,以保证向后兼容性;
3.在用类或者ID来为元素添加样式时,遵循特殊性原则,即ID的特殊性大于类的特殊性,类的特殊性大于元素的特殊性,而元素的特殊性大于元素内置样式(如h1-h6标签)的特殊性。如此,如果同时用ID,类,元素选择器为内容添加样式,则浏览器会优先选 ...
1.在用虚拟机安装Linux操作系统时,出现以下问题
原因是你下载Linux版本为Ghost版,而非安装版。
2.现在redhat最新版本为redhat9,在2003年,redhat公司停止了对redhat的更新,病推出了企业版的redhat,需要付费后才能得到技术和更新的支持(但还是开放源码的)。
centos为redhat的克隆版本,如果要做学习和测试用,就下载centos。核心和redhat一模一样,但是界面还是有很大不一样的。
3.另外如果下载的Linux版本所支持的硬盘接口与本机的硬盘接口不同,也会导致安装失败。
如上,Linux所支持的是sata硬盘接口,而本机的则是a ...
近期在手机端JavaScript的开发中,遇到一些小而头疼的问题。下面做一个小小的总结:
1.为标签a添加onclick属性:
$("a").each(function(){
$(this).attr("onClick","alert('javascript test')");
});
在一些浏览器中,用$(this).attr("onclick","alert('javascript test')");不能成功设置onclick属性的值,但只要将onc ...
虽说很早就开始接触JavaScript,自己也用JavaScript编写过许多代码,如之前的web版码表计时器,就写了近500行代码,函数也写了10个左右。当时也就是想到哪里就写到哪里,行不通就另外找方法,根本不会考虑代码的性能、作用及优化。
随着在实践中对JavaScript的应用,对JavaScript的认识也在不断地深入。这里,就为大家介绍一下$(document).ready()于$(window).load()的区别。
1.执行时间不同:从字面的意思上理解,$(document).ready()就是文档准备好了。也就是浏览器已经解析完整个html文档,d ...
在前端开发中,难免会用到倒计时。如做的双十一活动,在距活动开始的半个月前需要做些宣传工作,需要告知用户优惠活动什么时候开始。这个时候就要用到倒计时,如在整站的某个页面提醒用户活动什么时候开始等。而在活动的后期,特别是在距活动结束仅有1天左右时,就要用到弹窗倒计时。这个倒计时设置在整站的首页顶部(当然也可以设置在其它地方,如首页中部等),并设置弹窗弹出10秒后自动消失,由用户决定是否点击到相应的活动页面,购买产品。
需要的技术支持:CSS3,jQuery库;
HTML代码如下:
<section class="the_body">
...
在前端开发的过程中,需要用到很多关于数值转换的函数,来将得到的字符串或者数值进行处理。如将一个浮点数转换为整数;将一个整数转换为浮点数;将一段字符串转换为数值;将一个浮点数转换为小于它的最小整数或者保留几个小数等。
参考网上的一些资料,也结合自己平时的开发,粗略介绍一下一些常用的数值转换函数。
首先对所要讲的数值转换函数做一个列表:Number(),parseInt(),parseFloat(),Math.ceil(),Math.floor(),Math.round(),toFixed()等。
下面就逐一介绍各个函数的用法:
Number() ...
今天为大家介绍一款简单的弹出窗。大家在浏览网页的时候就会遇到某些提示信息或者是警告信息,这些信息也往往是以弹出窗的形式出现的。这些弹出窗口也往往是以浏览器默认的样式出现的,各个浏览器或者是手机网站渲染的效果也往往不同。下面做一个统一的弹窗框,可以根据根据自己的喜好自动调整。
需要的技术支持:一般jQuery库;
HTML代码:
<div class="popup_back" style="display:none;"></div>
<div class="popup_window_ ...