lisheng19870305的专栏

采用select2控件，在bootstrap的modal弹框中，会出现下拉框中没有输入框。网上走一圈，基本上解决办法都是2个，但我要说的是：这2个方法都不是最好的。因为官方就有解决方案，而且非常简单。官方解决办法：设置dropdownParent。...

文件下载，是不可以直接通过Ext.Ajax.Request来实现的。一般的，可以通过创建一个隐藏的form表单来实现。具体代码以及代码注释如下：if (!Ext.fly('downForm')){ //如果不存在一个id为"downForm"的form表单，则执行下面的操作　//下面代码是在创建一个表单以及添加相应的一些属性 var downForm = document.createElement('form'); //创建一个form表单　downForm .id = 'down

Extjs的版本繁多，本文收集了Extjs各个版本的下载链接，包括官网和非官网的，以及各种汉化版api，欢迎大家下载分享。Extjs最新版下载链接：http://www.sencha.com/products/extjs/download/其它版本下载：Extjs 5 beta 版下载链接：http://cdn.sencha.com/ext/beta/ext-5.0.0.736.zipExtjs 4.2.1 下载链接：http://cdn.sencha.com/ext/gpl/ext-4.2.

这个话题在开发社区里已经讨论过一段时间，人们对此有不同的看法与观点，那么我应该使用哪一个？有很多东西需要成长但富有活力的新成员还是经验丰富的老成员？在此之前让我们了解下 REST 和 GraphQL 吧。REST 是什么？REST 即表述性状态传递（英文：Representational State Transfer，简称 REST），它符合特定的指南，是 Web API 实现的约束。是 Roy Fielding 博士在他的博士论文中提出来的一种软件架构风格。它鼓励客户端和服务器以无状态模式交换信息。

在sprint-boot中使用graphQL简介graphQL介绍略spring-boot介绍略需求我们以查询书籍及其作者作为示例来展示graphql的使用配置新建maven工程，并添加spring-boot和graphql的依赖 <dependency> <groupId>org.springframework.boot</groupId> <artifac.

最近在做一个前后端分离的项目，前端是基于Node.js，后端是用的springboot框架，本地调试的时候，前端发起ajax请求，会出现跨域的问题，为了解决这个问题，参考网上的已有方案，将自己的解决方法记录一下。在项目中添加一个过滤器，过滤前端发起的请求，通过设置响应的响应头信息，来达到跨域的目的。而前端不需要做任何处理就可以实现跨域访问。1.实现Filter接口，重写doFilter方法import org.apache.http.HttpStatus;import javax.servl

工作中，与前端联调时经常会碰到跨域问题。指的是浏览器不能执行其他网站的脚本。它是由浏览器的同源策略造成的，是浏览器施加的安全限制。所以与客户端交互的时候就不会碰到这个问题。跨域问题，有多种解决方式，比如说前端进行代理，本文主要结合自己的实际开发，从服务器端的角度解决这个问题的。对于非简单请求(具体可以这篇文章，跨域资源共享)，在正式访问请求前，浏览器会发送一个预检请求，就是option请求。针对option请求，必须保证如下2点，后面的正式请求才会访问：第一，要能返回Access-Contr...

跨域概念不再论述，详细定义可自行百度。解决类似报错 Access-Control-Allow，拦截器中为header添加属性：@Configurationpublic class CommonInterceptor implements HandlerInterceptor{@Overridepublic boolean preHandle(HttpServletRequest request, HttpServletResponse response, Object handler) .

前言#自后台restful接口流行开来，请求了两次的情况（options请求）越来越普遍。笔者也在实际的项目中遇到过这种情况，做一下整理总结。文章书写思路：#为什么发生两次请求#http的请求方式，包括OPTIONS、GET、HEAD、POST、PUT、DELETE、TRACE和CONNECT等八种请求方式。其中，get与post只是我们常用的请求方式。我们能在图一里看到，第一条的请求方式为options，第二条请求，才是我们预想中的请求。所以为什么发生两条请求的原因就变成了为什

Chrome的开发者工具已经强大到没朋友的地步了，特别是其功能丰富界面友好的console，使用得当可以有如下功效：更高「逼格」更快「开发调试」更强「进阶级的Frontender」 Bug无处遁形「Console大法好」console.log大家都会用log，但鲜有人很好地利用console.error,console.warn等将输出到控制台的信息进行分类整理。他们功能区别不大，意义在于将输出到控制台的信息进行归类，或者说让它们更语义化。各个所代表的语义如下：console.lo...

　　前面介绍了Chrome开发者工具的大部分内容工具，现在介绍最后两块功能Audits和Console面板。一、Audits　　Audits面板会针对目前网页提出若干条优化的建议，这些建议分为两大类，一类是网络加载性能，另一类是界面性能。首先开下它的主界面。　　Audits面板的网络优化建议参照的是雅虎前端工程师的十四条黄金建议。为了验证这一点，我们可以做一次简单的测试。根据十四条web性能建议中的其中一条:把css文件应该放入html文档的顶部，避免网页在渲染dom后出现闪烁的问题。我们写如下不规范代

前言　　Profiles面板功能的作用主要是监控网页中各种方法执行时间和内存的变化，简单来说它就是Timeline的数字化版本。它的功能选项卡不是很多（只有三个），操作起来比较前面的几块功能版本来说简单，但是里面的数据确很多，很杂，要弄懂它们需要花费一些时间。尤其是在内存快照中的各种庞杂的数据。在这篇博客中卤煮将继续给大家分享Chrome开发者工具的使用经验。如果你遇到不懂的地方或者有不对的地方，可以在评论中回复卤煮，文章最后卤煮会最后把秘籍交出来。下面要介绍的是Profiles。首先打开Profile

　　卤煮在前面已经向大家介绍了Chrome开发者工具的一些功能面板，其中包括Elements、Network、Resources基础功能部分和Sources进阶功能部分，对于一般的网站项目来说，其实就是需要这几个面板功能就可以了（再加上console面板这个万精油）。它们的作用大多数情况下是帮助你进行功能开发的。然而在你开发应用级别的网站项目的时候，随着代码的增加，功能的增加，性能会逐渐成为你需要关注的部分。那么网站的性能问题具体是指什么呢？在卤煮看来，一个网站的性能主要关乎两项，一是加载性能、二是执行性能

上篇向大家介绍完了基础功能篇，这次分享的是Chrome开发工具中最有用的面板Sources。 Sources面板几乎是我最常用到的Chrome功能面板，也是在我看来决解一般问题的主要功能面板。通常只要是开发遇到了js报错或者其他代码问题，在审视一遍自己的代码而一无所获之后，我首先就会打开Sources进行js断点调试，而它也几乎能解决我80%的代码问题。Js断点这个功能让人兴奋不已，在没有js断点功能，只能在IE（万恶的IE）中靠alert弹出窗口调试js代码的时代（特别alert一个object根本不会.

　　就算你不是一名前端开发工程师，相信你也不会对Chrome浏览器感到陌生。根据最新的一份（2015/06）的浏览器市场占有率报告，Chrome近乎占有浏览器天下的半壁江山。简单、快捷使它成为了新时代人们的新宠。如果你是一名web开发人员，我推荐你使用Chrome。作为前端开发的"IDE"，你只需要搭配一个编辑器就能完成几乎所有的开发任务了。关于它的使用和功能分析要么都是大而不全，要么是巨细糜烦。本系会比较详细地分享卤煮的一些Chrome（F12开发者功

有的做 Java 的小伙伴会调侃自己是接口仔，不过老实说，接口仔也不是那么好当的，今天松哥就来和大家分享一篇前后端分离开发，后端接口设计规范的文章，希望能对各位小伙伴有所启发。另外再悄悄告诉大家，公众号后台回复 2TB 可以获取超 2TB 免费 Java 学习资源哦。1. 前言随着互联网的高速发展，前端页面的展示、交互体验越来越灵活、炫丽，响应体验也要求越来越高，后端服务的高并发、高可...

前后端分离登录，是个说不完的话题，最近刚好看到一篇干货，和各位小伙伴们分享下。另外，在公众号后台回复 2TB，可以获取松哥独家超 2TB 免费 Java 学习资源。我们知道，HTTP 是无状态的，所以，当我们需要获得用户是否在登录的状态时，我们需要检查用户的登录状态，一般来说，用户的登录成功后，服务器会发一个登录凭证（又被叫作 Token），就像你去访问某个公司，在前台被认证过合法后，这个...

我们在使用SpringBoot集成Swagger2中，访问：http://127.0.0.1:8188/swagger-ui.html问题描述可能出现两种错误：1.页面显示默认报错页面。后台报错：No handler found for GET /swagger-ui.html2.显示Swagger空白页面：后台报错：No mapping found for H...

前后端分离后，维护接口文档基本上是必不可少的工作。一个理想的状态是设计好后，接口文档发给前端和后端，大伙按照既定的规则各自开发，开发好了对接上了就可以上线了。当然这是一种非常理想的状态，实际开发中却很少遇到这样的情况，接口总是在不断的变化之中，有变化就要去维护，做过的小伙伴都知道这件事有多么头大！还好，有一些工具可以减轻我们的工作量，Swagger2就是其中之一，至于其他类似功能但是却收费的软件，...

Extjs4中RadioGroup的赋值与取值1.定义rgvar rg = new Ext.form.RadioGroup({ fieldLabel : "test", items : [{ boxLabel : '每天', inputValue : "1", ...

Extjs项目对富客户端开发提供了强有力的支持，甚至改变了前端的开发方式，使得开发变得更加趋向于“面向组件”。对界面的美化而言，也是根本性的改变。普通的网页美工面对extjs项目根本无法下手，需要脚本编写人员配合美工一起来完成工作(另外,spketIDE提供的样式修改工具也不理想)。修改extjs的既有样式：1.覆盖extjs的样式表这里说的修改不是去改extjs本身的ex...

ExtJS中form表单的组件可以初始设置emptyText，如果想要动态改变，第一想法是获取到组件并设定emptyText，但是这时候你会发现emptyText并未改变，并不像value那样，emptyText是组件初始化的时候就加上去的，api中也并未提供设置emptyText的方法，那么怎么改变呢，看源码，在源码中发现，有一个方法很重要applyEmptyText，而这个方法是可以在外...

概述　　1、ExtJS 5不支持日期选择框中只选择年月，为了满足ExtJs5可以实现选择年月的功能，查询网上资料，整理出来了相应的处理方式，最终实现的效果如下图： 　　2、ExtJS 控件丰富，如果需要实现下拉列表控件ComboBox中含有Check样式的皮肤，只需要在ComboBox控件中监听相应的下拉事件和选择事件即可。实现的效果如下：　　日历控显...

原文地址：http://blog.csdn.net/gulingeagle/article/details/8757039在 JavaScript 里，可以直接将变量名放在if后面的括号里，如[javascript] view plain copyvar a;//甚至不定义    if (a

尊重版权，原文地址：http://blog.csdn.net/blueheart20/article/details/44902747引言： 同一种语言javascript，在不同的浏览器中，存在语言兼容性问题，本质上是由于不同的浏览器是支持的语言标准和实现上各有差异。本文将基于new Date来创建Date对象来分析这个问题。1.  问题的提出， 开始时间和结束时间空

&lt;%@ taglib prefix="c" uri="http://java.sun.com/jstl/core"%&gt;&lt;%@ taglib prefix="fmt" uri="http://java.sun.com/jstl/fmt"%&gt;&lt;%@ taglib prefix="lwc" uri="http://

同时传多个值。后台使用 String[] names = request.getParameterValues();获取全部的值。

jQuery对val("")和atrr("value","")赋值的区别介绍做项目的时候，我从后台传递过来的数据给一个文本框赋值，通过google浏览器，当修改的时候发现没有修改，最后查了下原因，原来是jQuery中val和atrr("value","CIP001"),对浏览器的区别，故总结如下：jquery中的val("")和atrr("value","")这两个

这五种方法前四种方法只支持IE浏览器，最后一个方法支持当前主流的浏览器（火狐，IE，Chrome，Opera，Safari）[html] view plain copy>  html>  head lang="en">      meta charset="UTF-8">      title>html 表格导出道title>  

1、Ext.getCmp('id')  根据此方法获取组件对象。 Ext.getCmp('searchButton').disable();  按钮无效；Ext.getCmp('searchButton').enable();  按钮有效；注意：修改js文件后，添加js版本号，否则不清缓存不会生效。示例代码：// 查询按钮var searchButton = Ext.c...

1、普通的分页查询<div class="paging"> //上一页 <c:if test="${pageDto.pageNo != 1}"><span onclick="gotoPage('<c:out value='${pageDto.pageNo-1}'/>');">上一页</span></c:i...

近几年随着 jQuery、Ext 以及 CSS3 的发展，以 Bootstrap 为代表的前端开发框架如雨后春笋般挤入视野，可谓应接不暇。不论是桌面浏览器端还是移动端都涌现出很多优秀的框架，极大丰富了开发素材，也方便了大家的开发。这些框架各有特点，本文对这些框架进行初步的介绍与比较，希望能够为大家选择框架提供一点帮助，也为后续详细研究这些框架的抛砖引玉。JavaScript & CSS...

Ext.form.TimeField: 配置项： maxValue：列表中允许的最大时间 maxText：当时间大于最大值时的错误提示信息 minValue：列表中允许的最小时间 minText：当时间小于最小值时的错误提示信息 increment：两个相邻选项间的时...

如果你是前端开发人员，当你开发一个新项目时，肯定会有人问过你，关于你使用什么框架的问题。然后就是各种源源不断的关于web前端技术的问题讨论。然而，对于新手的前端小白来说，估计这样的问题会引发一系列问题:“前端框架是什么?“前端框架有什么用?前端框架都有那些?　　简而言之，前端框架是已经建立起来的网络前端的基本结构，封装了一些功能，如html文档操作、漂亮的各种控件等。，通常用于简化网页设计。...

js实现https与http之间的转换&lt;% String context_1 = request.getContextPath(); int port = request.getServerPort(); String context = ""; String httpsPath = ""; if(port==80 || port==443){ context = "...