网页开发
文章平均质量分 52
helmsgao
这个作者很懒,什么都没留下…
展开
-
数据持久化
1.什么是持久化?找了好多文章都没有找到满意的答案,最后是从孙卫琴写的《精通Hibernate:Java对象持久化技术详解》中,看到如下的解释,感觉还是比较完整的。摘抄如下:狭义的理解: “持久化”仅仅指把域对象永久保存到数据库中;广义的理解,“持久化”包括和数据库相关的各种操作。● 保存:把域对象永久保存到数据库。● 更新:更新数据库中域对象的状态。● 删除:从数据库中删...转载 2018-03-21 22:39:24 · 554 阅读 · 0 评论 -
网站开发搭建开发环境
1.linux 下面设置共享文件夹的方法 sudo apt-get install sambasudo apt-get install smbfs2.搭建svn服务器:http://blog.163.com/longsu2010@yeah/blog/static/173612348201202114212933/3.一键安装php+mysql+apa原创 2015-05-29 08:37:17 · 727 阅读 · 0 评论 -
css hack
css hack的详细说明请参考:http://baike.baidu.com/view/1119452.htm简单的说,CSS hack的目的就是使你的CSS代码兼容不同的浏览器。当然,我们也可以反过来利用CSS hack为不同版本的浏览器定制编写不同的CSS效果。CSS Hack大致有3种表现形式,1.CSS类内部Hack、2.选择器Hack3.以及HTML原创 2015-05-28 11:24:48 · 537 阅读 · 0 评论 -
网页开发经验总结
1.这表明相关的图像呈现为 inline-block。当您把元素的 display 属性设置为 inline-block,元素相对于它周围的内容以内联形式呈现,但与内联不同的是,这种情况下我们可以设置宽度和高度。2.div相对与另一div绝对定位有几个方法:一种:div1设置为position:relative,div2设置为position:absolute,此时原创 2015-05-27 10:20:57 · 733 阅读 · 0 评论 -
好用的CDN,百度静态资源库CDN
本站实例采用的是百度的静态资源库(http://cdn.code.baidu.com/)上的Bootstrap资源。百度的静态资源库的 CDN 服务,访问速度更快、加速效果更明显、没有速度和带宽限制、永久免费,引入代码如下:百度静态资源公共库 是稳定,快速,全面,开源的国内CDN加速服务。在我们开发网页的时候有时候由于网速文帝或者是宽带的限制,造成我们在使用原创 2015-05-26 16:38:31 · 4715 阅读 · 0 评论 -
网页固定宽度且居中的两种方法
第一种方法: 如何使整个页面内容居中,如何使高度适应内容自动伸缩。这是学习CSS布局最常见的问题。下面就给出一个实际的例子,并详细解释。(本文的经验和是蓝色理想论坛xpoint、guoshuang共同讨论得出的。) 首先先按这里看实际运行效果,这个页面在mozilla、opera和IE浏览器中均可以实现居中和高度自适应。我们来分析代码:完整代码body{原创 2013-01-03 18:24:13 · 4939 阅读 · 0 评论 -
使用Python把Gtest XML测试结果转换为HTML格式
在最近的测试中,使用gtest测试框架对c语言代码进行测试,结果以XML文件来保存,但是测试结果的查阅和分析非常不方便。便想着把xml的结果直接转为HTML文件,方便和Jenkins系统对接显示。因现在的测试方法是使用Python脚本来控制gtest的测试文件运行的,故选用Python脚本来实现xml转html的功能。先看结果:个人对于html不是很熟悉,只是简单的了解各个转载 2015-05-13 10:57:41 · 2390 阅读 · 0 评论 -
记录一个不错的web在线开发教程网
http://www.5idev.com/ web在线开发教程网5iDev - Web开发在线教程致力于提供最好的 XHTML教程、DIV+CSS教程、PHP教程 与 ThinkPHP教程。本站教程是初学者的起点,亦是成熟开发者的参考资料。所有教程经过严格测试,并以符合学习者的习惯编辑而成,从入门到精通!原创 2015-05-12 11:44:19 · 612 阅读 · 0 评论 -
使用jQuery和CSS将背景图片拉伸((http://www.xianjiaxin198.com/西安嘉信铁路器材有限公司官网))
使用jQuery和CSS将背景图片拉伸helloweba.com 作者:月光光 http://www.xianjiaxin198.com/西安嘉信铁路器材有限公司官网)现在WEB页面设计比较流行使用大背景图,http://www.xianjiaxin198.com/西安嘉信铁路器材有限公司官网)那么您知道如何使用一张大背景图进行拉伸效果呢?也就是说使用一张固定尺寸的背景图片转载 2015-05-09 23:31:10 · 2481 阅读 · 0 评论 -
ajax验证用户登陆及记住密码
一个人独自负责一个项目,正好记下以前没实现过的技术点,今天就从登陆功能开始,前端是js验证,后端是php脚本验证并且添加了记住密码功能。从上图可以看出,前端 西安嘉信铁路器材有限公司(www.xianjiaxin198.com)主要的技术点是验证用户名和密码是否输入并给予提示,为了提高用户体验,用户一进入该页面,便自动聚焦到用户名输入框,同时在密码输入框里绑定个onke转载 2015-05-08 16:46:08 · 2203 阅读 · 0 评论 -
如何让DIV始终保持在屏幕中间
代码:.login{/**样式的名字 对应class=xxx**/width:200px;/**宽度**/height:100px;/**高度**/position:absolute;/**绝对定位**/left:50%;/**左边50%**/top:50%;/**顶部50%**/margin-top:-50px;/**上移-50%**/margin-left:-1原创 2015-05-08 17:02:14 · 13242 阅读 · 0 评论 -
图片上传本地预览插件 v1.4
http://jquery.decadework.com/图片上传本地预览插件 v1.4v1.4更新内容:1.修复回调.v1.3更新内容:1.修复多层级框架获取路径BUG.2.去除对jquery插件的依赖.v1.2更新内容:1.修复jquery版本过高,无法正确获取识别浏览器的BUG.v1.1更新内容:1.修复IE转载 2015-05-19 00:03:44 · 961 阅读 · 0 评论 -
背景图延迟加载(lazyload)技术
图片延迟加载技术目前已经被各种网站广泛的使用,但最近的一篇《PS美女试验的惊人结果 》文章中使用的却是背景图延迟加载技术。为什么要使用背景图延迟加载技术?下面我们就来说一说这个问题。之所以使用图片延迟加载技术,是为了避免浪费带宽。有些页面上嵌入了很多图片(上面所说的《PS美女试验的惊人结果 》里就嵌入了30多张高清美女图),但电脑的屏幕一次只能显示一张或顶多2张。而当用户进入这个页面时,正常情转载 2015-06-11 23:22:47 · 3560 阅读 · 0 评论 -
电商系统框架的演进
Dubbo开始于电商系统,因此在这里先从电商系统的演变讲起。单一应用框架(ORM) 当网站流量很小时,只需一个应用,将所有功能如下单支付等都部署在一起,以减少部署节点和成本。 缺点:单一的系统架构,使得在开发过程中,占用的资源越来越多,而且随着流量的增加越来越难以维护 垂直应用框架(MVC) 垂直应用架构解决了单一应用架构所面临的扩容问题,流量能够分散到各个子系统当中,且系统的体积可控,一定程度上...转载 2018-03-21 21:38:48 · 1183 阅读 · 0 评论 -
大型网站架构技术一览
对于大型网站技术的理解,可以从架构技术原理的组织方式以架构要素作为维度,从系统性能、可用性、伸缩性、扩展性、安全性几个角度阐述网站架构的技术要点。还有另一种较为直观的组织方式,是从不同架构层次所使用的网站架构技术这个维度进行描述的。 网站系统架构层次如下图所示: 这个网站架构层次,共分为8个层次,其中数据库中心机房架构是上面所有架构的物理基础;安全架构和数据库采集监控架...转载 2018-03-21 20:15:07 · 458 阅读 · 0 评论 -
跨域请求资源--最快捷的解决方法
Firebug报错:已阻止交叉源请求:同源策略不允许读取XXX上的远程资源。可以将资源移动到相同的域名上或者启用 CORS 来解决这个问题现在在开发网站的时候,如果是在使用ajax,datetype=json进行数据提交的时候,总是出现跨域的问题,然后不能正常的获取到服务器端返回来的json数据: 其实这个问题解决方法很多,想了解更多的解决方法可以访问我的另一篇博客:原创 2015-05-10 12:14:29 · 1445 阅读 · 0 评论 -
JQuery ajax页面跳转的效果设置
JQuery ajax页面跳转的效果设置$(".content").animate({opacity: 'hide'}, 200, function(){ $(".content").html(data.data);$(this).animate({opacity: 'show'}, { duration: 300 });});(http:/原创 2015-05-10 14:30:51 · 2052 阅读 · 1 评论 -
flash&&video
1.html5的video标签,可以播放MP4,flv格式的,满足拖拉快进,暂停,但是不支持IE8播放视频。(Video.js )2.在线web播放器,比如jwplayer,可以播放MP4,flv格式,还有flash,具有所有播放器的功能,但是不支持本地播放,必须把代码放到服务器上,才能播放。不能使用,因为课件是本地的。3.使用原生的swfobject,就是Adobe的插件播放flash,原创 2016-05-09 21:25:18 · 1546 阅读 · 0 评论 -
探讨跨域请求资源的几种方式
探讨跨域请求资源的几种方式什么是跨域JSONPproxy代理corsxdr 由于浏览器同源策略,凡是发送请求url的协议、域名、端口三者之间任意一与当前页面地址不同即为跨域。具体可以查看下表(来源) JSONP 这种方式主要是通过动态插入一个script标签。浏览器对script的资源引用没有同源限制,同时资源加载到页面后会立即执行(没有阻塞的情况下)转载 2015-05-10 11:33:25 · 1569 阅读 · 0 评论 -
html 替换多选框和单选框默认的按钮
1 2原创 2016-02-28 20:37:41 · 1404 阅读 · 0 评论 -
用li模拟select实现下拉框
body {padding:10px;}* {margin:0; padding:0; font-size:12px;}ul,li { list-style-type:none;}.Select_box { width:150px; border:1px solid #ccc; padding-right:20px; padding-left:10px; positi原创 2016-01-22 15:05:39 · 6114 阅读 · 0 评论 -
html解决IE浏览器多个flash,来回切换,不能再次播放的问题
id="embfalsh" classid="clsid:d27cdb6e-ae6d-11cf-96b8-444553540000" codebase="http://fpdownload.macromedia.com/pub/shockwave/cabs/flash/swflash.cab#version=7,0,0,0" width="960" height="540">原创 2015-07-03 23:56:57 · 1757 阅读 · 0 评论 -
灰色CSS滤镜 grayscale
灰色CSS滤镜 2011-02-12 13:34:24| 分类: 学习|字号 订阅加入一个CSS滤镜即可/*可以body改为需要的标签*/body{filter: gray;}CSS处理图片彩色变灰色 style="FILTER: alphaopacity=80 gray"html { filter:progi原创 2013-07-11 10:13:43 · 6207 阅读 · 0 评论 -
学习JavaScript的在线课程和指南
这篇文章介绍JavaScript的在线指南和教程。不管你是刚刚起步,想先学习JS基础,还是已然成为老鸟,想继续进一步修炼和提升,这些在线资源对你都有帮助。《Codecademy JS课程》(英文)Codecademy是一个最容易上手学习如何用JS编程的方式之一。它是一种交互式在线学习平台,非常有趣,你也可以和小伙伴一起来学习。《JavaScript交互式学习课程-初级》(中转载 2014-07-14 20:31:49 · 882 阅读 · 0 评论 -
IE Sieve && Leak finder js 内存的泄露
1.IE Sieve 主要用来检测 JavaScript 编程中,IE 运行时,内存的泄露情况 。将地址输入软件地址栏中,单击“Go”,就会显示出页面,右下角是内存及节点情况。usage 内存使用。delta 内存增减。绿色是内存减少,红色是内存增加。#inUse 在使用的 HTML 节点,比如 div。#leaks 泄露的 HTML 节点,比如 div。下载地原创 2013-06-30 09:55:30 · 1816 阅读 · 0 评论 -
如何修改12306的默认时间
如何修改12306的默认时间使用基于谷歌Chrome系统下的浏览器:1. 打开浏览器,进入官方网站,将出发地和目的地等等信息填写完毕2. 按F123. 一般是在浏览器下方会弹出一个窗口,仔细查看那些英文单词,找到【Console/控制台】4. 点击【Console/控制台】,在下面行中输入: autoSearchTime=10005. 然后点击自动查询6. 此时,原来刷原创 2014-01-21 10:33:25 · 1987 阅读 · 0 评论 -
Yahoo!改善网站Web性能优化的经验方法
size-full wp-image-1804" title="website-performance-optimization" alt="" src="http://www.coolseo.org/chuanchuan/2011/08/website-performance-optimization.jpg" width="137" height="68">这文章在很早就有了,现在在网上一搜,转载 2013-03-29 08:59:02 · 1742 阅读 · 0 评论 -
给网站动态增加一个favicon
给网站动态增加一个faviconvar docHead = document.getElementsByTagName('head')[0]; var newLink = document.createElement('link'); newLink.rel = 'shortcut icon'; newLink.type = 'image/x-icon';原创 2013-03-29 09:04:54 · 1266 阅读 · 0 评论 -
Best Practices for Speeding Up Your Web Site
The Exceptional Performance team has identified a number of best practices for making web pages fast. The list includes 35 best practices divided into 7 categories.Filter by category:转载 2013-03-29 08:57:07 · 1455 阅读 · 0 评论 -
opacity
opacity:0.2;/*opacity数值越大透明度越小*/filter:alpha(opacity=30); /*opacity数值越大透明度越小*/教你如何设置div 半透明效果,并兼容IE Firefox等web78_class {filter:alpha(opacity=60);-moz-opacity:0.6;-khtml-opacity: 0.6; opacit原创 2013-03-15 13:48:02 · 2045 阅读 · 0 评论 -
Jquery怎么修改同一class的元素的css
Jquery如何修改同一class的元素的css默认的css里display不能为none,否则后面就没法显示出来,于是我想把这个属性放到ready里面设,但是$(document).ready(function() { $(".btnclose").css('display', 'none'); }这个样写不起作用,不知道是不是这个写法只对明确的元素才起作用,请教原创 2013-03-14 21:21:16 · 1763 阅读 · 0 评论 -
js检测浏览器的版本并给出提示
js检测浏览器的版本并给出提示1.Html Login window.onload = function () { if ((isMinIE5_5 && isWin) || (isMinMoz1 && isUnix) |原创 2013-03-01 13:08:53 · 1104 阅读 · 0 评论 -
js的对象化代码
Insert title here/* * 初探 *///变量的定义var name = 'xxx';var email = 'xxx@163.com';var website = 'http://baidu.com';//对象的定义var X = {name:'xxx',email:'xxx@163.com',website:'http转载 2013-03-01 14:26:53 · 852 阅读 · 0 评论 -
一种文字颜色渐变效果的超级连接特效
一种文字颜色渐变效果的超级连接特效 document.onmouseover = domouseover; document.onmouseout = domouseout; function domouseover() { if (document.all) { srcElement = window.转载 2013-03-01 09:27:17 · 796 阅读 · 0 评论 -
web国际化,使用accept-language+cookie自动选择语言跳转页面!
如果是多语言网站,在用户请求访问的时候,服务器根据用户通过浏览器发送的请求中的accept-language 值进行判断,自动返回用户默认的首选语言页面。简单的说就是如果你浏览器默认选择语言是zh-cn,那么在请求访问某个多语言版本的网站的时候就返回zh-cn版本的网站页面。列出一些常见的语言标识标签 ,zh-cn(中文简体)/zh-hk(香港繁体)/zh-tw(台湾繁体) 、 en-us转载 2013-03-11 09:02:14 · 7039 阅读 · 0 评论 -
js实现多重继承的例子
http://www.w3.org/TR/html4/loose.dtd">Insert title here //类 function JsClassChild() { this.child = function () { return "JsClassChild.child"; }原创 2013-03-06 19:27:54 · 1718 阅读 · 0 评论 -
点击按钮跳到当前页面指定的div和跳到顶部或底部
function goTop() {$('html, body').animate({scrollTop:0}, 'slow'); }function goDiv(div) {var a = $("#"+div).offset().top;$("html,body").animate({scrollTop:a}, 'slow'); }function goBottom(转载 2013-03-21 09:36:33 · 2239 阅读 · 0 评论 -
点击文字选中单选按钮方法(for)
方法一:姓名密码方法2: 不使用js实现点击radio旁边的文字选中radio。把radio设置成inline-block,然后设置radio大小再在里面放上文字不就行了。本来想在里面放文字但发现不行。所以就用绝对定位把文字放在里面。再把文字设置在radio的下一层就行了。Feed Viewer原创 2013-04-05 12:25:10 · 1675 阅读 · 0 评论 -
js 屏蔽object标签的点击动作
今天在做IE11上的页面显示测试,突然遇到一个问题,有一个带有表格标题的table,表格标题定义是“表格标题”,问题是:当点击这个标题的时候就会改变table的长和宽等属性,可是在其他的非IE11的浏览器上不会出现这种问题。所以就想到屏蔽了这个caption 的OnClick等事件。解决方法是: 用jquery实现:$(‘#titleGuidance).attr(‘disabled’,原创 2013-11-19 15:22:52 · 3452 阅读 · 0 评论 -
IE11的变化
1.navigator.userAgent中不再包含“MSIE”关键字,addEventListener2.用javascript的判断是否是IE11的方法是: var isIE11 = (sUserAgent.toLowerCase().indexOf("trident") > -1 && sUserAgent.indexOf("rv") > -1);if (isIE11) {原创 2013-11-15 16:07:43 · 1678 阅读 · 0 评论