熊诗言的博客

nginx作为反向代理服务器的时候，如果端口设置的特殊，在重定向的时候可能遇到问题。但是都可以通过设置Host来解决，可以重定向到你想要的任何位置（ip和端口）。proxy_set_header Host $host:$server_port;nginx使用alias命令进行静态页面转发的时候，如果是.../xxxx1/xxxx2这种会被重定向到.../xxxx1/xxxx2/，nginx运行在8080，防火墙出口是80，重定向的时候就出现问题。它重定向到了nginx的8080端口。因为

String path = request.getContextPath();String basePath = request.getScheme()+"://"+request.getServerName()+":"+request.getServerPort()+path+"/";%>      ">        My JSP '014_tree.jsp

http://www.w3.org/TR/html4/strict.dtd">     Untitled Document                    // 模拟jquery底层链式编程     /*    // 块级作用域    //特点1  程序启动的时候  里面的代码直接执行了    //alert('我执行了')

我们在做很多基于frame的页面时，一个frame里面的链接内容在另外一个frame中显示，如果页面超时我们在后台的处理基本上都是重定向到登录页面，那么此时这个登录页面就会显示在一个frame中，但是我们需要的效果是整个页面显示登录页，就需要一个很好的解决方案。我们要让页面显示在整个浏览器，需要使用js代码判断，即需要执行如下代码。if(window.top.location.href...

刚入职公司，其用的框架为JFinal+amazeUI+beetl+layer+shiro+poi+restful+handlebars。这些一个都不熟悉，没办法，只能硬着头皮上。经过一周的琢磨，初步搞明白了这些框架的使用场景和基本用法。JFinal是一个轻量级的MVC、ORM、AOP框架，作为后端开发的微内核全方位扩展的新一代框架，其易用性和开发效率都是难以比肩的，其插件体系和Db+act

一个文件（图片）的位置分三种：绝对路径、相对路径、根路径。

/*搜索按钮*/      $("#searchChannel").click(function(){       //1.获取搜索条件       var searchBy = $("#channel_typeid_temp").val();       console.info(searchBy);       //2.发起请求       $.getJSON("../

为什么JSP会比Beetl慢许多人都不相信这个事实，作为前端常用渲染技术，JSP比Beetl慢。如果稍微了解这俩种技术的人，会分析：JSP是编译成class的，而 Beetl总是解释执行的。JSP肯定会比Beetl快。许多人都不相信这个事实，作为前端常用渲染技术，JSP比Beetl慢。如果稍微了解这俩种技术的人，会分析：JSP是编译成

xss表示Cross Site Scripting(跨站脚本攻击)，它与SQL注入攻击类似，SQL注入攻击中以SQL语句作为用户输入，从而达到查询/修改/删除数据的目的，而在xss攻击中，通过插入恶意脚本，实现对用户游览器的控制。xss攻击可以分成两种类型：非持久型攻击持久型攻击下面我们通过具体例子，了解两种类型xss攻击。 1.非持久型xss攻击顾

JS操作JSON总结JSON(JavaScript Object Notation) 是一种轻量级的数据交换格式，采用完全独立于语言的文本格式，是理想的数据交换格式。同时，JSON是 JavaScript 原生格式，这意味着在 JavaScript 中处理 JSON数据不须要任何特殊的 API 或工具包。    本文主要是对JS操作JSON的要领做下总结。    在JSON中，

http://m.weather.com.cn/m/pn3/weather.htm">http://service.weather.com.cn/plugin/index.shtml

2.3.5 引用 DOM 元素jQuery() 函数能够直接接受 HTML 字符串，并把它们转换为 DOM 结构，这是上一节中所讲解的利用 jQuery() 函数生成 DOM 元素。当然，我们也可以看到 jQuery() 函数还可以接收 DOM 元素、DOM元素集合、HTML标签或者 ID 值。下面我们就来分析 jQuery.fn.init() 构造器是如何把这些类型的参数转换为 DOM

2.4.5 Sizzle 构造器在 jQuery.fn.init() 构造器中，通过调用 jQuery(context).find(selector) 函数来解析并匹配 DOM 元素。jQuery.find() 函数实际上是引用 Sizzle() 函数，而 Sizzle() 函数仅是 Sizzle 引擎的构造器，它主要调用 Sizzle.find() 函数在 DOM 文档树中查找与 CSS

10款优秀的文件管理插件，这些插件基于jQuery、AJAX和PHP，你可以轻松进行定制并加入到自己的项目中。通过它们，你和用户可以通过浏览器来预览、上传、修改文件和文件夹。1. elFinder基于web的简单文件管理器。源码 + 演示2. jQuery File Tree一个基于jQuery的、可配置的AJAX文件浏览插件。你最少只需一行JavaScript代码，即可创建...

jQuery 的流行在很大程度上归功于其对插件的支持。插件也就是功能扩展的意思，jQuery 允许任何开发人员超越最初的库函数创建并扩展 jQuery 函数。这种开放性框架设计思路催生了无数实用型的插件，jQuery 几乎能够提供 Web 应用程序内所需的任何一种函数。jQuery 的易扩展性吸引了越来越多的开发者和业余爱好者去研究、设计和使用 jQuery 插件。目前，全球有超过上千种不

8.1.8 封装 jQuery 插件上面几节就 jQuery 插件的创建方法进行了详细讲解，一般对外发布的自定义插件都应该进行封装，封装的插件还应该符合规范，只有这样所创建的插件才具有推广价值，并得到其他用户的喜爱。封装 jQuery 插件的第一步是定义一个独立域，代码如下所示。[html] view plaincopyscr

2.2 jQuery 原型技术分解任何复杂的技术都是从最简单的问题开始的，如果你被 jQuery 几千行庞杂结构的源代码所困惑，那么建议你阅读本节内容，我们将探索 jQuery 是如何从最简单的问题开始，并逐步实现羽翼渐丰的演变过程，从 jQuery  核心技术的还原过程来理解 jQuery 框架的搭建原理。2.2.1 起源 -- 原型继承用过 JavaScript 的读者

2.3 破解 jQuery 选择器接口jQuery 选择器功能强大，但是用法简单，它仅仅提供了一个接口：jQuery()，也可以简写为 $() 。用法如此简单，但又具有如此强大的处理能力，使 jQuery 必然成为众人追捧的对象。在上一节中，我们重点分析了 jQuery 框架的雏形，而对于选择器并没有深入分析，仅仅提供了一个简单的 DOM 元素选择作为演示，目的是方便读者理解该框架

2.3.4 生成 DOM 元素jQuery.fn.init() 构造函数能够构建 jQuery 对象，并把匹配的 DOM 元素存储在 jQuery 对象内部集合中。jQuery.fn.init() 构造函数可以接收单个的 DOM 元素，也可以接收 DOM 集合。如果接收的是字符串型 ID 值，则直接在文档中查找对应的 DOM 元素，并把它传递给 jQuery 对象；如果接收的是字符串型 H

8.1.13 优化 jQuery 插件 -- 添加事件日志在传统开发中，软件都包含有事件日志，这样就可以在事件发生时或发生后进行跟踪。在 JavaScript 程序调试中，我们常常使用 alert() 方法来跟踪进程，但是这种做法影响了程序的正常流程，不符合频繁、实时显示事件信息。我们可以模仿其他软件中的调试台 log() 函数，借助这个函数将事件日志信息输出到独立的日志文件中，从而避免中

2.2.6 延续 -- 迭代器在 jQuery 框架中，jQuery 对象是一个很奇怪的概念，具有多重身份，所以很多初学者一听说 jQuery 对象就感觉很是不解，误以为它是 John Resig 制造的新概念。我们可以对jQuery 对象进行如下分解。第一，jQuery 对象是一个数据集合，它不是一个个体对象。因此，你无法直接使用 JavaScript 的方法来操作它。第

在平时开发中，如果网速比较慢的情况下，用户提交表单后，发现服务器半天都没有响应，那么用户可能会以为是自己没有提交表单，就会再点击提交按钮重复提交表单，我们在开发中必须防止表单重复提交。一、表单重复提交的常见应用场景有如下的form.jsp页面 1 @ page language="java" import="java.util.*" pageEncoding="UTF-8"%>

2.4 解析 jQuery 选择器引擎 SizzlejQuery 从 1.3 版本开始，使用了新的选择器引擎 Sizzle(官方网址 http://sizzlejs.com) 。Sizzle 是 jQuery 作者 John Resig 开发的 DOM 选择器引擎 (Dom Selector Engine)，速度号称业界第一。而且它有一个重要的特点就是 Sizzle 是完全独立于 jQue

在一个项目中，一个实体需要动态添加另外的实体多个，即在新增或者编辑这个实体的时候，需要动态添加输入框。利用jQuery简单实现了一下，小有成就感。   *sku属性值：  addInputam-btn am-btn-primary am-btn-xs am-margin-top-xs">+         *sku属性

关于js中"window.location.href"、"location.href"、"parent.location.href"、"top.location.href"的用法   "window.location.href"、"location.href"是本页面跳转 "parent.location.href"是上一层页面跳转 

随着科学技术不断的向前发展，网页的浏览终端越来越多样化，用户可以通过：宽屏电视、台式电脑、笔记本电脑、平板电脑和智能手机来访问你的网站。尽管你无法保证一个网站在不同屏幕尺寸和不同设备上看起来完全一模一样，但至少要让你的Web页面能适配用户的终端，让他更好的呈现在你的用户面前。在本节中，将会学到如何使用CSS3中的Media Queries模块来让一个页面适应不同的终端（或屏幕尺寸），从而让你的

制作3D旋转导航        @import url("http://www.w3cplus.com/demo/css3/base.css");        /*任务一：引入本地字体文件*/                body {        background-color:#edecec;        }                /* ba

制作3D旋转视频展示区根据前面所学，制作下图效果任务任务一、制作多背景       提示：上层有一个径向渐变，渐变图像farthest-side ellipse at center,  rgba(246,241,232,.85) 39%,rgba(212,204,186,.5) 100%)，底层使用背景图片：http://fs0.139j

CSS3文字与字体 text-overflow 与 word-wraptext-overflow用来设置是否使用一个省略标记（...）标示对象内文本的溢出。语法：但是text-overflow只是用来说明文字溢出时用什么方式显示，要实现溢出时产生省略号的效果，还须定义强制文本在一行内显示（white-space:nowrap）及溢出内容为隐藏（overflo

经过测试得到的所有关于window.location的各个属性http://120.27.128.207:8080/dy/website/w.html?sdsd=dsds#cdsaprotocol:协议http:hostname:主机名，IP或者域名120.27.128.207port:端口8080，如果没有端口就是""host=protocol+hostname+port

var isdb;function aa(){    isdb=false;    window.setTimeout(cc, 500)    function cc(){        if(isdb!=false)return;        alert("这是单击")    }}function bb(){    isdb=true;    ale

表格头拖动table { border-collapse: collapse;}td { text-align: center;}(function ($){ $.fn.tableresize = function () { var _document = $("body"); $(this).each(function () { if (

使用new Number(num).toFixed(2)即可保存两位小数。相当于格式化，结果是字符串。使用格式化之后的再进行+-操作就是字符串的＋-操作了，我在页面中计算是否买保险的总金额的时候，开始使用转换后的进行+-，结果显示NaN，深坑勿入。。。

form提交表单或者window.location.href="......."，后台直接response.sendRedirect是可以重定向的。但是ajax的提交，后台response.sendRedirect是不能重定向的。测试如下：$.ajax({ url : "${base}/test/testAajaxRedirect", dataType : "json", async

CSS3 多列布局——Columns为了能在Web页面中方便实现类似报纸、杂志那种多列排版的布局，W3C特意给CSS3增加了一个多列布局模块（CSS Multi Column Layout Module）。它主要应用在文本的多列布局方面，这种布局在报纸和杂志上都使用了几十年了，但要在Web页面上实现这样的效果还是有相当大的难度，庆幸的是，CSS3的多列布局可以轻松实现。接下来咱们一

无意中发现了一个巨牛的人工智能教程，忍不住分享一下给大家。教程不仅是零基础，通俗易懂，而且非常风趣幽默，像看小说一样！觉得太牛了，所以分享给大家。点这里可以跳转到教程。旋转、扭曲、缩放、位移、矩阵 、原点 transform-origin、过渡属性 transition-property、过渡所需时间 transition-duration、过渡函数 transition-timi...

属性、:root、:not、:empty、:target、first-child、last-child、:nth-child(n)、:nth-last-child(n)、:first-of-type、:nth-of-type(n)、:last-of-type、:nth-last-of-type(n)、:only-child、:only-of-type、:enabled、 :disabled、:ch...

http://blog.csdn.net/fenglibing/article/details

各浏览器与各Web Server对URL均有长度的限制如下：在http协议中，其实并没有对url长度作出限制，往往url的最大长度和用户浏览器和Web服务器有关，不一样的浏览器，能接受的最大长度往往是不一样的，当然，不一样的Web服务器能够处理的最大长度的URL的能力也是不一样的。下面就是对各种浏览器和服务器的最大处理能力做一些说明.Microsoft Internet Exp

引用自：http://web.jobbole.com/86734/前言伯乐在线已经在 GitHub 上同步了这个列表：https://github.com/jobbole/awesome-web-dev-books ，欢迎扩散。好的技术书籍可以帮助我们快速地成长，大部分人或多或少地受益于经典的技术书籍。在「前端大全」微信公号后台，我们经常能收到让帮忙推荐书籍的消息。