
Web开发技术相关
文章平均质量分 89
超级谷歌
职业经历: 软件工程师->项目主管->架构师->技术经理。
目前专注于电子商务领域,大数据,云计算。并时常关注新技术,新领域的发展动态。
展开
-
HTTP状态码
HTTP状态码当浏览者访问一个网页时,浏览者的浏览器会向网页所在服务器发出请求。当浏览器接收并显示网页前,此网页所在的服务器会返回一个包含HTTP状态码的信息头(server header)用以响应浏览器的请求。HTTP状态码的英文为HTTP Status Code。下面是常见的HTTP状态码:200 - 请求成功301 - 资源(网页等)被永久转移到其它URL404 - 请求的资源(网页等)不存转载 2015-12-09 13:50:59 · 11735 阅读 · 0 评论 -
javascript mvc
最近js 的mvc框架很liuangularJS原创 2014-08-15 08:54:16 · 1332 阅读 · 0 评论 -
session共享的几种方式
伴随网站业务规模和访问量的逐步发展,原本由单台服务器、单个域名的迷你网站架构已经无法满足发展需要。此时我们可能会购买更多服务器,并且启用多个二级子域名以频道化的方式,根据业务功能将网站分布部署在独立的服务器上;或通过负载均衡技术(如:DNS轮询、Radware、F5、LVS等)让多个频道共享一组服务器。OK,头脑中我们已经构思了这样的解决方案,不过进入深入开发后新的技术问题又随之而来:我们把网站程转载 2014-08-04 14:14:23 · 15515 阅读 · 0 评论 -
HttpClient
HttpClient 是我最近想研究的东西,以前想过的一些应用没能有很好的实现,发现这个开源项目之后就有点眉目了,令人头痛的cookie问题还是有办法解决滴。在网上整理了一些东西,写得很好,寄放在这里。HTTP 协议可能是现在 Internet 上使用得最多、最重要的协议了,越来越多的 Java 应用程序需要直接通过 HTTP 协议来访问网络资源。虽然在 JDK 的 java.net 包中已经提供原创 2014-04-09 08:27:43 · 3933 阅读 · 0 评论 -
js data 钩子 html5 dataset
现在流行data-*钩子的做法。 出名自html5. 在书写 HTML 代码时,通常需要在 DOM 结构中为 JS 预留数据钩子,而这些钩子通常是这样实现的: http://www.mangguo.org">芒果小站HTML5 更好的规范了这种使用方式: http://www.mangguo.org">芒果小站获取自定义数据属性的方式是一致的: document.原创 2013-09-19 09:11:30 · 7967 阅读 · 0 评论 -
翻译-你必须知道的28个HTML5特征、窍门和技术
by zhangxinxu from http://www.zhangxinxu.com本文地址:http://www.zhangxinxu.com/wordpress/?p=1058原文地址:http://net…html5-features-tips-and-techniques…/原文作者:Jeffrey Way//zxx:以下为翻译全文,本着语言生动和本土化之原则,内容转载 2013-09-19 09:15:24 · 3613 阅读 · 0 评论 -
雅虎网站页面性能优化的34条黄金守则
雅虎团队经验:网站页面性能优化的34条黄金守则1、尽量减少HTTP请求次数 终端用户响应的时间中,有80%用于下载各项内容。这部分时间包括下载页面中的图像、样式表、脚本、Flash等。通过减少页面中的元素可以减少HTTP请求的次数。这是提高网页速度的关键步骤。 减少页面组件的方法其实就是简化页面设计。那么有没有一种方法既能保持页面内容的丰富性又能达到加快响应时间的转载 2013-07-03 07:14:59 · 2362 阅读 · 0 评论 -
jQuery插件之-瀑布流插件
jquery.wookmark.js一个实现瀑布流自适应宽度布局的jQuery插件—jquery.wookmark.js ,wookmark使用非常简单到只需要一句代码就能实现,除此之外,当页面宽度发生变化的时候,它还能自适应页面宽度,非常有诚意。 查看更多瀑布流插件:http://www.csswang.com/resource/2261.html官网地址:http://原创 2013-06-29 14:42:20 · 7018 阅读 · 1 评论 -
DNS解析过程详解
先说一下DNS的几个基本概念: 一. 根域就是所谓的“.”,其实我们的网址www.baidu.com在配置当中应该是www.baidu.com.(最后有一点),一般我们在浏览器里输入时会省略后面的点,而这也已经成为了习惯。根域服务器我们知道有13台,但是这是错误的观点。根域服务器只是具有13个IP地址,但机器数量却不是13台,因为这些IP地址借助了任播的技术,所以我们可原创 2013-06-03 21:34:00 · 1839 阅读 · 0 评论 -
域名解析中A记录、CNAME、MX记录、NS记录的区别和联系
1. A记录 又称IP指向,用户可以在此设置子域名并指向到自己的目标主机地址上,从而实现通过域名找到服务器。说明:·指向的目标主机地址类型只能使用IP地址;附加说明: 1) 泛域名解析即将该域名所有未指定的子域名都指向一个空间。在“主机名”中填入*,“类型”为A,“IP地址/主机名”中填入web服务器的IP地址,点击“新增”按钮即可。转载 2013-06-03 21:35:45 · 14125 阅读 · 0 评论 -
可视化设计 可拖拽的页面 所见即所得
contentEditable contenteditable, 这是用来把页面变成可编辑的,多用于多功能编辑器,而且一般要达到这种效果是对iframe进行设置,而不是直接到当前页面进行设置注意:HTML5与HTML4的不同,对于contentEditable HTML5是趋于xhtml,使用的是全小写contenteditable,而HTML4 使用的是contentEditable.原创 2013-05-26 08:58:39 · 11585 阅读 · 0 评论 -
HTML5实现刮刮卡功能
HTML5实现类似刮刮卡的功能有这样一个功能,当我们使用微信公众号,发送图片时......此处省略300字!注意要点设置:1.设置用户缩放:user-scalable=no|yes[java] view plaincopyprint?"viewport" content="width=device-width, initial-scale=1, maximum-scale=1, minimum-s原创 2014-11-17 13:14:38 · 3209 阅读 · 0 评论 -
(精)tomcat 二级域名 session共享
Tomcat下,不同的二级域名之间或根域与子域之间,Session默认是不共享的,因为Cookie名称为JSESSIONID的Cookie根域是默认是没设置 的,访问不同的二级域名,其Cookie就重新生成,而session就是根据这个Cookie来生成的,所以在不同的二级域名下生成的Session也 不一样。找到了其原因,就可根据这个原因对Tomcat在生成Session时进行相应的修改(注:本原创 2014-08-04 11:33:57 · 14131 阅读 · 1 评论 -
json规范
http://www.json.org/json-zh.htmlJSON(JavaScript Object Notation) 是一种轻量级的数据交换格式。 易于人阅读和编写。同时也易于机器解析和生成。 它基于JavaScript Programming Language, Standard ECMA-262 3rd Edition - December 1999的一个子集。 JSON采用完全独转载 2015-12-04 15:42:20 · 5948 阅读 · 0 评论 -
AJAX POST&跨域 解决方案 - CORS
一晃又到新年了,于是开始着手好好整理下自己的文档,顺便把一些自认为有意义的放在博客上,记录成点的点滴。 跨域是我在日常面试中经常会问到的问题,这词在前端界出现的频率不低,主要原因还是由于安全限制(同源策略, 即JavaScript或Cookie只能访问同域下的内容),因为我们在日常的项目开发时会不可避免的需要进行跨域操作,所以跨域能力也算是前端工程师的基本功之一。 和大多数跨域的转载 2015-12-20 18:19:35 · 2487 阅读 · 0 评论 -
Servlet 3.0 新特性详解
Servlet 3.0 新特性概述Servlet 3.0 作为 Java EE 6 规范体系中一员,随着 Java EE 6 规范一起发布。该版本在前一版本(Servlet 2.5)的基础上提供了若干新特性用于简化 Web 应用的开发和部署。其中有几项特性的引入让开发者感到非常兴奋,同时也获得了 Java 社区的一片赞誉之声:异步处理支持:有了该特性,Servlet 线程不再需要一直阻塞,直到业务转载 2015-01-12 15:22:48 · 3566 阅读 · 0 评论 -
基于有限状态机的交互组件设计与实现
有限状态机(FSM)(维基百科)是设计和实现事件驱动程序内复杂行为组织原则的有力工具。早在2007年,IBM的工程师就提出在在JAVASCRIPT中使用有限状态机来实现组件的方法,原文地址如下:《JavaScript 中的有限状态机》http://www.ibm.com/developerworks/cn/web/wa-finitemach/现在结合KISSY等现代JS库和框架提供的强大的自定义事转载 2015-01-09 15:18:25 · 3074 阅读 · 0 评论 -
(精)前后端分离的思考与实践(一)
前言为了解决传统Web开发模式带来的各种问题,我们进行了许多尝试,但由于前/后端的物理鸿沟,尝试的方案都大同小异。痛定思痛,今天我们重新思考了“前后端”的定义,引入前端同学都熟悉的NodeJS,试图探索一条全新的前后端分离模式。随着不同终端(Pad/Mobile/PC)的兴起,对开发人员的要求越来越高,纯浏览器端的响应式已经不能满足用户体验的高要求,我们往往需要针对不同的终端开发定制的版本。为了提转载 2015-01-09 09:31:52 · 2844 阅读 · 0 评论 -
(精)前后端分离的思考与实践(二)
基于前后端分离的模版探索前言在做前后端分离时,第一个关注到的问题就是 渲染,也就是 View 这个层面的工作。在传统的开发模式中,浏览器端与服务器端是由不同的前后端两个团队开发,但是模版却又在这两者中间的模糊地带。因此模版上面总不可避免的越来越多复杂逻辑,最终难以维护。而我们选择了NodeJS,作为一个前后端的中间层。试图藉由NodeJS,来疏理 View 层面的工作。使得前后端分工更明确,让专案转载 2015-01-09 11:02:02 · 3007 阅读 · 0 评论 -
EL表达式调用函数
首先说一下ognl调用方式s:setname="albumImg"value="@com.iss.portal.base.util.FileTools@getImgByWH(#oneAlbum.cover,'100X100')">s:set>其次EL表达式调用自定义函数 1 EL表达式调用Javabean中的函数非常简单,只要有getXXX方法,就可以在页面上写${javabe原创 2012-06-12 22:41:38 · 12871 阅读 · 0 评论 -
PHP基础知识总结
1,在HTML嵌入PHP脚本有三种办法:script language="php">//嵌入方式一echo("test");script>//嵌入方式二echo "test2";?>php//嵌入方式三echo "test3";?>还有一种嵌入方式,即使用和Asp相同的标记,但要修改PHP.ini 相关配置,不推荐使用。2,PHP注释分单行和多行注释,和java注释方式相同。//这里是转载 2006-12-18 10:03:00 · 1835 阅读 · 0 评论 -
MVC模式的PHP实现
MVC模式在网站架构中十分常见。它允许我们建立一个三层结构的应用程式,从代码中分离出有用的层,帮助设计师和开发者协同工作以及提高我们维护和扩展既有程式的能力。视图(View)“视图”主要指我们送到Web浏览器的最终结果——比如我们的脚本生成的HTML。当说到视图时,很多人想到的是模版,但是把模板方案叫做视图的正确性是值得怀疑的。对视图来说,最重要的事情可能是它应该是“自我意识(self aware转载 2006-12-18 10:02:00 · 2560 阅读 · 0 评论 -
session原理
以下文字都是网上收集而来: 首先应该了解http协议的请求过程,这个以前倒是知道,当然是基于tcp/ip协议,客户端请求服务器,服务器回答客户端,无状态的,那么服务器如何区分客户端的呢?看完本文自然明白了session原理 关于cookie先来说c转载 2011-08-31 10:51:37 · 2442 阅读 · 0 评论 -
URL短地址压缩算法-短网址映射
微博短地址原理解析 (Java实现)一种方法是调用第三方提供短址服务的接口来生成即可。一般他们提供接口或调用包。如:怎样调用百度短网址api? http://www.baidu.com/search/dwz.html (无需授权即可调用)新浪短网址API接口(3月15日更新)新浪更新后的长网址转短网址官方API文档:http://ope原创 2013-05-25 12:56:16 · 20363 阅读 · 0 评论 -
浅析HTML5在移动应用开发中的使用
前言HTML5的出现让移动平台的竞争由系统平台转向了浏览器之间:移动端的IE、Chrome、FireFox、Safari,亦或是新出现的浏览器,谁能达到在移动端对HTML5更好的支持,谁就能在以后的移动应用领域占据更多的市场。现在我们怎么装APP有了HTML5以后怎么装APP更灵活、更方便的app使用及安装方式将成为HTML5在移动平台上大放异彩的保障之一。下面列举原创 2013-04-26 23:05:54 · 1343 阅读 · 0 评论 -
HTML5离线功应用能详解
简介: Web2.0 技术鼓励个人的参与,每个人都是 Web 内容的撰写者。如果 Web 应用能够提供离线的功能,让用户在没有网络的地方(例如飞机上)和时候(网络坏了),也能进行内容撰写,等到有网络的时候,再同步到 Web 上,就大大方便了用户的使用。HTML5 作为新一代的 HTML 标准,包含了对离线功能的支持。本文介绍了 HTML5 离线功能中的离线资源缓存、在线状态检测、本地数据存储等内容原创 2013-03-07 10:12:49 · 5077 阅读 · 2 评论 -
网站安全性问题,地址栏安全性问题,Web 应用URL问题
Java Web 应用似乎总有这样的情况,有事没事总是要在 URL 后面加上个 jsessionid,而且似乎不能使用配置的方式直接禁用 URL 传递 sessionid,这样,就比较容易造成安全性的问题,或者在浏览器地址栏里留下一堆很不好看的地址,在 Struts2 中,使用了 url 标签的所有链接,甚至 CSS, JS 这样的东西,都会加上 jsessionid,如何去禁用呢,搜索国内的相关转载 2009-01-17 20:32:00 · 2382 阅读 · 0 评论 -
关于Freemarker生成静态html文件及中文乱码的问题
先看生成静态html文件: FreeMarker允许Java servlet保持图形设计同应用程序逻辑的分离,这是通过在模板中密封HTML完成的。模板用servlet提供的数据动态地生成 HTML。模板语言是强大的直观的,编译器速度快,输出接近静态HTML页面的速度。 FreeMarker是一个模板引擎,一个基于模板生成文本输出的通用工具,使用纯Java编写 FreeMarke原创 2009-01-17 11:38:00 · 23568 阅读 · 8 评论 -
js中cookie的使用
使用cookie7.2.1 cookie概述在上一节,曾经利用一个不变的框架来存储购物栏数据,而商品显示页面是不断变化的,尽管这样能达到一个模拟 全局变量的功能,但并不严谨。例如在导航框架页面内右击,单击快捷菜单中的【刷新】命令,则所有的JavaScript变量都会丢失。因此,要实现严格的 跨页面全局变量,这种方式是不行的, JavaScript中的另一个机制:cookie,则可以达到真正全原创 2008-05-28 15:14:00 · 1231 阅读 · 1 评论 -
为什么用DIV+CSS布局网页
(什么是SEO:http://baike.baidu.com/view/1047.htm)为什么用DIV+CSS布局网页有利用SEO?SEOer非常喜欢把一个网站做到最细节,在网页设计方面,有时与设计师沟通时,通常会问到:SEO为什么要求网页设计师用DIV+CSS布局网页? 其实SEO们考虑的问题就是如何让网页的内容更好的让搜索引擎抓取网页的内容,更容易评估网页内容的质量,这样有利于排名。转载 2008-05-26 13:35:00 · 1790 阅读 · 2 评论 -
关于CSS 框架的论述
最近看到N多介绍CSS框架,前些天我说过一句话:“在我有限的视野里,还没见到可以真正可以称得上css框架的东东~”,当然也可能是我的视野太小了,或者是说世界太大了,我自己还是感觉还有一大堆我看不到的东西。 先来看一下一个我比较认同的概念: 框架可分为白盒(White-Box)与黑盒(Black-Box)两种框架。 基于继承的框架被称为白盒框架。所谓白盒即具备可视性,被继承的父转载 2008-04-25 09:29:00 · 1251 阅读 · 0 评论 -
unicode
来自:百度百科 > 浏览词条http://baike.baidu.com/view/40801.htm unicode 目录·Unicode 的编码和实现·非 Unicode 环境·XML 和 Unicode·输入UnicodeUnicode(统一码、万国码、单一码)是一种在计算机上使用的字符编码转载 2008-01-17 13:35:00 · 1352 阅读 · 0 评论 -
frame的隐藏与显示
frame.html function hide() { // B1.style.display = "none"; // B2.style.display = ""; parent.window.aaaa.cols = "10,*"; } function show() { /原创 2007-12-06 15:30:00 · 2957 阅读 · 0 评论 -
HTA 简介
HTA是HTML Application的缩写(HTML应用程序),是软件开发的新概念,直接将HTML保存成HTA的格式,就是一个独立的应用软件,与VB、C++等程序语言所设计的软件没什么差别。下面是一个HTA的例子: 第一个HTA的例子 p {font-size:24;cursor:hand} HTA HTML Application转载 2007-12-06 14:08:00 · 2434 阅读 · 0 评论 -
WEB3.0好呀,真期待呀!!!
WEB3.0好呀,真期待呀!!!原创 2008-02-02 09:34:00 · 1323 阅读 · 1 评论 -
AJAXj经典入门一
转:http://dev.yesky.com/408/2418908.shtmlAJAX并不神秘揭密各种AJAX控件和类库多数 Web 应用程序都使用请求/响应模型从服务器上获得完整的 HTML 页面。常常是点击一个按钮,等待服务器响应,再点击另一个按钮,然后再等待,这样一个反复的过程。有了 Ajax 和 XMLHttpRequest 对象,就可以使用不必让用户等待服务器响应的请求/响转载 2006-11-19 12:36:00 · 2809 阅读 · 1 评论 -
DisplayTag分页标签应用指南(转)
先讲DisplayTag一般应用, 最后在讲在数据大的时候,怎么结合hibernater应用.DisplayTag是一个非常好用的表格显示标签,适合MVC模式,其主页在http://displaytag.sourceforge.net 一、最简单的情况,未使用标签 标签遍历List里的每一个对象,并将对象里的所有属性显示出来。一般用于开发的时候检查对转载 2009-01-17 19:08:00 · 4970 阅读 · 0 评论 -
CXF 2.1 正式发布了
今天在查看apache网站的时候,发现CXF已经正式发布了。2.1版本的CXF,已经是一个正式的Apache顶级项目。这里是他的下载链接: http://cxf.apache.org/download.html 此版本添加了对 JAX-WS 2.1 的支持,并在一下方面有改进: CORBA 支持, javascript 生成, 基础 JAX-RS 0.6 支持, xmlbeans databind原创 2009-01-29 13:38:00 · 983 阅读 · 0 评论 -
WebRTC Native APIs[翻译]
http://www.cnblogs.com/longrenle/archive/2012/03/04/2378433.html最近一直在研究WebRTC,本篇是WebRTC的本地API文档,Web developer了解一下也是有好处的,了解了API的实现原理使用起来才会更顺手。决定翻译是因为这篇字不多,翻一下加深自己的理解,如果对别人有帮助那就更好了。第一次翻译东西拿出来,如果有错误还望指转载 2013-03-04 12:15:08 · 4833 阅读 · 0 评论 -
理解RESTful架构
越来越多的人开始意识到,网站即软件,而且是一种新型的软件。 这种"互联网软件"采用客户端/服务器模式,建立在分布式体系上,通过互联网通信,具有高延时(high latency)、高并发等特点。 网站开发,完全可以采用软件开发的模式。但是传统上,软件和网络是两个不同的领域,很少有交集;软件开发主要针对单机环境,网络则主要研究系统之间的通信。互联网的兴起,使得这两个领域开始融合,现在我们必原创 2012-07-27 21:00:28 · 8419 阅读 · 9 评论