web前端
关注
分享
扫一扫
paullinjie
这个作者很懒，什么都没留下…
展开
-
onselect 与 onselectstart 的区别
onselect 与 onselectstart 都属于 JavaScript 当中的 DOM 事件，由于它们二者的拼写比较相似，所以最初使用时弄混了两个事件的效果，在此做一个简单的记录。背景之前在公司的前端项目中，自己写了一个基于 jquery 的分页器，在测试的时候发现了一个问题：当鼠标连续快速点击【下一页】按钮的时候，会将按钮上的文字选中，变成蓝色，体验不是很好。因为当时知道有一个事...转载 2018-09-12 10:07:57 · 1842 阅读 · 0 评论 -
PIE(解决IE9以下圆角等兼容性问题)
一、PIEPIE能使IE6-9支持CSS3的一些属性，例如圆角，阴影等。它分为pie.htc和pie.js两种用法。二、pie.htc的使用在css片段里面加上behavior，例如.logo{font-size:12px;behavior: url(path/to/pie_files/PIE.htc);}需要注意的是， behavior 的路径是相对html的，而不是相对所在的css文件。具体的...转载 2018-05-12 08:49:15 · 932 阅读 · 0 评论 -
jquery提示插件qtip2使用(全面)
详情参考：http://qtip2.com我下载的 库文件以及自己总结的资料：链接：http://pan.baidu.com/s/1pJI43Cv密码：751y基本用法：（1）只有简单提示$('#username').qtip({ // Grab some elements to apply the tooltipto content: { text: '用户名只能输入英文字母或者数...转载 2018-05-12 08:43:54 · 4146 阅读 · 0 评论 -
jquery.metadata.js 方式验证用户输入框功能
Jquery+Jquery.metadata.js 的验证方式，这种验证方式可减少代码量，并且重用性高，因为有部分验证的代码是封装好的我们直接拿来用就可以了，如果封装好的验证不能够满足需求的话还可以自己自定义验证函数，之前公司用的是struts2自带的验证方式，用起来感觉很臃肿而且重用性不高，并且每次修改了xml文件的话还需要重启服务器，所以我自己找资料写了个jquery.metadata.js的...转载 2018-05-12 08:43:05 · 1031 阅读 · 1 评论 -
【jQuery】jquery.metadata.js验证失效
<!DOCTYPE html><html> <head> <meta http-equiv="Content-Type" content="text/html; charset=ANSI"/> <title>Validation2</title> <scrip转载 2018-05-12 08:41:47 · 451 阅读 · 0 评论 -
Jsp中EL表达式的使用
（转载）http://blog.csdn.net/evankaka/article/details/46700609林炳文Evankaka原创作品。转载请注明出处http://blog.csdn.net/evankaka 1、什么是EL EL是JSP表达式语言，全称是ExpressionLanguage，使用EL的目的是简化在JSP中访问变量的方式，简单静态HTML与Java代码...转载 2018-05-05 17:37:37 · 254 阅读 · 0 评论 -
Eclipse中Project的属性Deployment Assembly（部署程序集）消失
可能的原因主要有2个：1. 该项目不是web项目，所以不存在Deployment Assembly 属性。在Eclipse中，怎样将一个非web project变成一个web project？ 1）右键项目，选择Project Facets，点击Convert to faceted from 2） 配置Project Facets 更改Dynamic Web Module的Version为2.5。...转载 2018-04-27 11:38:18 · 1024 阅读 · 0 评论 -
理解RESTful架构
越来越多的人开始意识到，网站即软件，而且是一种新型的软件。这种"互联网软件"采用客户端/服务器模式，建立在分布式体系上，通过互联网通信，具有高延时（high latency）、高并发等特点。网站开发，完全可以采用软件开发的模式。但是传统上，软件和网络是两个不同的领域，很少有交集；软件开发主要针对单机环境，网络则主要研究系统之间的通信。互联网的兴起，使得这两个领域开始融合，现在我们必转载 2017-04-14 08:22:45 · 183 阅读 · 0 评论 -
去除inline-block元素间间距的N种方法
一、现象描述真正意义上的inline-block水平呈现的元素间，换行显示或空格分隔的情况下会有间距，很简单的个例子： 间距就来了~~我们使用CSS更改非inline-block水平元素为inline-block水平，也会有该问题：.space a { display: inline-block; padding: .5em 1em;转载 2017-09-27 23:31:50 · 215 阅读 · 0 评论 -
firefox扩展Tilt-让浏览的网页带有3D效果
Tilt是一个火狐的扩展，安装后能够让任何网页使用3D效果浏览。类似于ubuntu中的3d桌面特效，不同的是，这次是发生在浏览器中，而所查看的网页也会因为div的关系，展现出分明的层次和立体效果。所以非常值得一试哦。 Tilt使用的是firefox的webGL的api接口（应该是这样吧。）所以如果要正常使用，firefox必须启用这个。firefox 4/5默认都是开启的，所以转载 2017-07-25 09:34:43 · 8397 阅读 · 1 评论 -
Session机制、持久化、session="false"属性不创建session、显示创建session及其销毁
session机制 当程序需要为某个客户端的请求创建一个session的时候，服务器首先检查这个客户端的请求里是否已包含了一个session标识 - 称为session id，如果已包含一个session id则说明以前已经为此客户端创建过session，服务器就按照session id把这个session检索出来使用（如果检索不到，可能会新建一个），如果客户端请求不包含session id，则为...转载 2018-05-25 11:48:12 · 1130 阅读 · 0 评论 -
聊聊几乎已成为现代事实标准的“box-sizing: border-box”
了解盒子模型盒子模型的概念不在此讲述，可以百度谷歌了解一下。了解标准模型content-box它的最大特点是，当已经设定了width和height值的时候，padding和border不被包含在你定义的width和height之内，也就是说，你定义的width只负责content区域的宽度，如果想得到整个盒子宽度，需要再加上padding和border的厚度。这个content-b...转载 2018-09-01 11:30:44 · 1423 阅读 · 0 评论 -
使用editplus编写HTML页面为什么设置了UTF-8仍然中文乱码
转载原网页：http://blog.sina.com.cn/s/blog_673bf2100100ue4f.html如题，其实问题很简单，在用EditPlus写html页面的时候，发现设置为UTF-8的时候仍然出现了乱码，这是一个很奇怪的问题，而且我完全考虑了浏览器的解析问题，将title放在了了meta标签之后，之后突然想起页面保存时候的编码问题，在保存页面的时候EditPlus默认...转载 2018-09-04 11:04:49 · 1238 阅读 · 0 评论 -
flex的使用实例
http://www.ruanyifeng.com/blog/2015/07/flex-examples.html转载 2018-08-29 10:07:40 · 164 阅读 · 0 评论 -
webstorm+less 前端环境搭建
WebStorm 安装拿到工具WebStorm_7.0.3_en示例图1点击keygen.exe注册激活码 并且输入自己电脑的名字.示例图2点击WebStorm_7.0.3.exe安装. 输入刚才注册的账号和key,就可以完成安装.搭建node环境安装Less包1.进入磁盘拿到工具 \10.0.19.222\share\项目备份\常用软件\node点击 node...转载 2018-08-27 17:03:31 · 1438 阅读 · 0 评论 -
在WebStorm里配置watcher实现编辑less文件时自动生成.map和压缩后的.css文件
版权声明：本文为博主原创文章，未经博主允许不得转载。 https://blog.csdn.net/lhtzbj12/article/details/54882683前言WebStorm是一款非常优秀的Web前端IDE工具，本文主要介绍，如何在其Watcher中进行配置，实现编辑less文件时自动生成.map和压缩后的.css文件。笔者WebStorm版本为2016.1.1。开始动手...转载 2018-08-27 17:02:33 · 922 阅读 · 0 评论 -
前端页面适配的rem换算
为什么要使用rem之前有些适配做法，是通过js动态计算viewport的缩放值（initial-scale）。例如以屏幕320像素为基准，设置1，那屏幕375像素就是375/320=1.18以此类推。但直接这样强制页面缩放过于粗暴，会导致页面图片文字失真模糊。Px是相对固定单位，字号大小直接被定死，所以用户无法根据自己设置的浏览器字号而缩放，em和rem虽然都是相对单位，但em...转载 2018-08-27 13:57:49 · 1953 阅读 · 2 评论 -
详解js跨域问题
什么是跨域？概念：只要协议、域名、端口有任何一个不同，都被当作是不同的域。URL 说明 是否允许通信http://www.a.com/a.jshttp://www.a.com/b.js 同一域名下 允许http://www.a.com/lab/a.jshttp://www.a.com/script/b.js 同一域名下不同文...转载 2018-06-26 16:40:06 · 140 阅读 · 0 评论 -
对象转JSONArray,JSONObject[包括对象中日期格式化，属性过滤]
创建时间转换器[java] view plain copyimport java.text.SimpleDateFormat; import java.util.Date; import java.util.Locale; import net.sf.json.JsonConfig; import net.sf.json.processors.JsonValueProcessor; ...转载 2018-06-08 08:54:20 · 4082 阅读 · 0 评论 -
js中的preventDefault和stopPropagation
首先讲解一下js中preventDefault和stopPropagation两个方法的区别： preventDefault方法的起什么作用呢？我们知道比如<a href="http://www.baidu.com/">百度</a>,这是html中最基础的东西，起的作用就是点击百度链接到http://www.baidu.com/,这是属于<a>标签的默认...转载 2018-06-14 08:21:58 · 209 阅读 · 0 评论 -
background-image 和 img
原文地址：http://www.cnblogs.com/njqa/p/6096838.html一：解决div里面的img图像宽度不变，高度不变！ 超出div部分设置隐藏！ 图片：1920x526 div容器： 1423x526 1. background-image：样式实现 img： 标签或者html组建实现转载 2017-07-31 10:34:38 · 947 阅读 · 0 评论 -
成为一名更好前端开发人员的9个技巧
原文：9 Tips To Become A Better Front End Developer作者：Harrison Davis翻译：Vincent译者注：本文作者给读者支了9个技巧帮助读者成为一名更好的前端工程师，如果你想对自己的职业生涯有一个好的规划，或者看看自己还有哪些不足，不妨看一下这篇文章吧。以下为译文。我应该使用这个插件还是那个库？ 这个项目我应该是先转载 2017-07-31 10:15:51 · 969 阅读 · 0 评论 -
IntelliJ-配置artifacts，解决no artifacts的warnings
artifacts：是maven中的一个概念，表示项目/modules如何打包，比如jar,war,war exploded,ear等打包形式，一个项目或者说module有了artifacts就可以部署到web应用服务器上啦~是不是很有意思~哈哈~点击项目名，按F4或者右键选择open module settings，弹出框中选择artifacts，点中间+号配置 说明一下其中的o转载 2017-03-31 17:08:43 · 1490 阅读 · 0 评论 -
Web.xml配置详解之context-param
格式定义：[html] view plain copycontext-param> param-name>contextConfigLocationparam-name> param-value>contextConfigLocationValue>param-value> context-param> 作转载 2017-04-10 11:29:39 · 259 阅读 · 0 评论 -
Tomcat解惑 之 CATALINA_HOME与CATALINA_BASE
看Tomcat源码一段时间一直很好奇为什么有CATALINA_HOME和CATALINA_BASE区别：分CATALINA_HOME和CATALINA_BASE概念是为了解决这样的场景：你需要在一台机器上面部署多个Tomcat实例，但是你又不想创建多个Tomcat的副本，换句话说就是让这些Tomcat副本拥有自己的工作目录但是共享Tomcat的代码。关于CATALINA_H转载 2017-04-10 08:59:03 · 2435 阅读 · 0 评论 -
Filter及FilterChain的使用详解
一、Filter的介绍及使用什么是过滤器？与Servlet相似，过滤器是一些web应用程序组件，可以绑定到一个web应用程序中。但是与其他web应用程序组件不同的是，过滤器是"链"在容器的处理过程中的。这就意味着它们会在servlet处理器之前访问一个进入的请求，并且在外发响应信息返回到客户前访问这些响应信息。这种访问使得过滤器可以检查并修改请求和响应的内容。过滤器适用于那些地方？转载 2017-02-15 14:36:41 · 1077 阅读 · 0 评论 -
jsp中9个内置对象与servlet对应关系及四个作用域
参考: 《jsp&servlet学习笔记.第2版.林信良》《JSR-245 JavaServer Pages 2.2 Maintenance Release Specification》 隐式对象说明out转译后对应JspWriter对象，其内部关联一个PringWriter对象转载 2017-02-13 17:27:09 · 227 阅读 · 0 评论 -
解决Setting property 'source' to 'org.eclipse.jst.jee.server的问题
当你用Eclipse运行web项目的时候，你就会看到控制台出现：WARNING: [SetPropertiesRule]{Server/Service/Engine/Host/Context} Setting property 'source' to 'org.eclipse.jst.jee.server:firstProject' did not find a matching prop转载 2017-01-22 15:03:15 · 598 阅读 · 0 评论 -
jquery-easyui编写用户管理小例子
使用easyui编写一个用户管理小例子，目的是演示CRUD操作。先看一下效果图：1、表格的定义：利用表格的THEAD来定义列，field属性对应用户数据模型的字段名称。接着用jQuery创建表格，同时创建一个操作工具栏： grid = $('#user-table').datagrid({ url:'/demo1/user/getUsers', ti转载 2017-01-11 17:24:46 · 2391 阅读 · 0 评论 -
Web MVC
Web MVC简介1.1、Web开发中的请求-响应模型： 在Web世界里，具体步骤如下：1、 Web浏览器（如IE）发起请求，如访问2、 Web服务器（如Tomcat）接收请求，处理请求（比如用户新增，则将把用户保存一下），最后产生响应（一般为html）。3、web服务器处理完成后，返回内容给web客户端（一般就是我们的浏览器），客户端对接收的内转载 2017-01-04 10:06:09 · 369 阅读 · 0 评论 -
正则表达式
正则表达式到底是什么东西？字符是计算机软件处理文字时最基本的单位，可能是字母，数字，标点符号，空格，换行符，汉字等等。字符串是0个或更多个字符的序列。文本也就是文字，字符串。说某个字符串匹配某个正则表达式，通常是指这个字符串里有一部分（或几部分分别）能满足表达式给出的条件。在编写处理字符串的程序或网页时，经常会有查找符合某些复杂规则的字符串的需要。正则表达式就是用于描述这些规则的工具。换句转载 2016-10-18 06:29:37 · 187 阅读 · 0 评论 -
关于EL表达式中requestScope和param区别
今天演示EL表达式的时候发现自己jsp的基础实在是薄弱，在这个很简单的问题上迷惑了很久。首先在看遇到的问题：在浏览器地址输入，表示传入一个参数test，值为123http://localhost:8888/Test/index.jsp?test=123在index.jsp中尝试使用EL表达式取出，代码如下： body> ${test} bo转载 2017-04-11 16:55:09 · 677 阅读 · 0 评论 -
ActionContext，ServletContext和ServletActionContext有什么区别？
票赞成他们之间有很多区别。ServletContext从ServletContext的包（ javax.servlet.ServletContext ）我们可以知道它是标准的JavaEE WebApplication类库。ServletContext提供了标准的Servlet运行时环境。 实际上是servlet与web容器进行通信的一些方法。 p转载 2017-04-19 15:26:35 · 3000 阅读 · 0 评论 -
jQuery基础知识
$.fn是指jquery的命名空间，加上fn上的方法及属性，会对jquery实例每一个有效。 如扩展$.fn.abc() 那么你可以这样子：$("#div").abc(); 通常使用extend方法扩展，详细请看API. $.fx是指jquery的特效。 如果使用显示、滑动、淡入淡出、动画等。 $.fx.off可以关闭动画，其实是直接显示结果。$(document).r原创 2017-05-31 23:18:02 · 253 阅读 · 0 评论 -
zTree--jQuery快速学习笔记
1 核心文件核心文件：核心包 ( jquery.ztree.core-3.x.js )两个扩展包：复选框功能包 ( jquery.ztree.excheck-3.x.js )编辑功能包 ( jquery.ztree.exedit-3.x.js )合并包= 核心包 + 两个扩展包（jquery.ztree.all-3.x.js）使用 zTree v3.x 时，核心包必须加转载 2017-05-31 23:08:43 · 471 阅读 · 0 评论 -
JQUERY树型插件ZTREE和插件tmpl()
JQUERY树型插件ZTREE小例子一个做.NET WEB开发的朋友介绍了ZTREE，它是基于jQuery库开发的树型控件。于是去官方下了一个开发包，看了看DEMO，觉得效果很不错，自己也做了个小例子，也许不太成形，效果倒是展现出来了，把使用方法记录下来，和大家分享分享。1、新建了一个HTML在标签内导入需要的JS和CSS文件。[html] view plainco转载 2017-05-31 15:17:32 · 756 阅读 · 0 评论 -
ztree显示
script:var zTreeOnDblClick = function(event, treeId, treeNode){if(!treeNode.isParent)alert(treeId);};var setting = {async : {enable : true,url : "SchemaTree.s",autoParam : [ "id"原创 2017-05-31 12:25:49 · 589 阅读 · 0 评论 -
CSS样式中的 nav ul li ul 与 nav>ul>li
问题：CSS样式中的 nav ul li ul 与 nav>ul>li 这两种写法的区别是什么，“>”的作用是什么，谢谢。 style> *{ margin:0; padding:0; list-style:none; } nav ul li ul{转载 2017-04-26 11:10:13 · 8692 阅读 · 0 评论 -
js 中{},[]中括号,大括号使用详解
一、{ } 大括号，表示定义一个对象，大部分情况下要有成对的属性和值，或是函数。 如：var LangShen = {"Name":"Langshen","AGE":"28"}; 上面声明了一个名为“LangShen”的对象，多个属性或函数用,（逗号）隔开，因为是对象的属性， 所以访问时，应该用.（点）来层层访问：LangShen.Name、LangShen.AGE，当然我们也可以用数转载 2017-05-27 09:24:02 · 1695 阅读 · 0 评论 -
rel="stylesheet" 是什么意思?
rel是relationship的英文缩写stylesheet中style是样式的意思,sheet是表格之意,总起来是样式表的意思rel="stylesheet" 描述了当前页面与href所指定文档的关系.即说明的是,href连接的文档是一个新式表转载 2017-05-08 16:31:22 · 9100 阅读 · 0 评论