五月西瓜-优快云博客

原创现代web应用开发前后端协同工作的要点

保证前后端完全分离，避免后端模版渲染。如果不能避免，可考虑增加node中间层实现，理论上保证前后端分离。定义完善的接口文档，减少前后端接口对接的口头表述，这样能提高效率。前后端并行开发，无需等到后端接口完成。前提是有完善的接口文档。前端实现本地调试，避免频繁的线上调试。线上调试费时费力。心平气和及时沟通。不管工具方法多么厉害，也需要当面沟通，相互配合。相关链接新浪微博...

2018-11-15 11:33:22 427

原创 react context API配合高阶组件的实际应用

文章概览本文包含新版本react contextAPI的简单介绍、基本用法和实际项目中的使用方法。本文不会介绍context和高阶组件的概念，而是介绍二者如何配合使用。简介react在16.3版本引入了全新的context api，提供一种跨组件传递数据的方法，避免了在多组件层级间手动传递props。基本用法项目中很多组件需要共有的状态比如：主题、地区偏好。如何优雅的处理呢？当然了，借...

2018-11-14 23:22:02 508

原创 codeMirror支持sql输入提示

codeNirror 是一款非常不错的在线代码编辑插件。现在简单介绍对sql编辑的支持。初始化(function (){ window.top._editor = CodeMirror.fromTextArea($("#codeTypeArea")[0], { mode: 'text/x-sql', inde

2017-08-15 12:48:02 6232

原创页面隐藏form下载文件

页面隐藏form下载文件0 == $("#ExcelForm").length && $(document.body).append('<form target="ExcelIframe" id="ExcelForm">' +'<input type="hidden" id="Excel_queryKey" name="processIds&q

2017-04-17 18:03:15 784

原创前后端完全分离后前端如何启动静态服务保证开发人员的访问？

如今前后端分离已经很普遍，后端提供模拟接口或者前端自己模拟数据就可以实现前后端同时开发，缩短项目时间。其中有一点缺陷：将前后端接口联调的风险放到了最后，最后接口的改变可能对前端的代码影响较大。这就需要项目前期有完善的接口文档。以往前端的同学做项目时服务的问题总是让自己很恼火，后端改了配置自己本地就尴尬了，又得请教后端同学，就连配置web容器或者maven什么的。。。说起都是心累

2016-12-18 11:09:28 6518

转载正则表达式入门

本文是根据大神的文章做的笔记，原文点这里metacharacter(元字符)：\b : 匹配一个位置（单词的开始或结束）如：\bhi\b会精确的匹配到hi这个单词. : 匹配除换行符以为的任意字符* : 代表数量，指定前边的内容可以连续重复使用任意次以使整个表达式得到匹配如：\bhi\b.*\bLucy\b意思是先一个单词hi然后是任意个字符（但是不能是换行），最后是

2016-06-05 11:38:56 474

转载纯函数

原文：http://blog.youkuaiyun.com/hongweigg/article/details/44035283英文：https://en.wikipedia.org/wiki/Pure_function在计算机编程中，假如满足下面这两个句子的约束，一个函数可能被描述为一个纯函数：给出同样的参数值，该函数总是求出同样的结果。该函数结果值不依赖任何隐藏信息或程序执行处理可能改

2016-06-04 17:46:44 439

原创浏览器默认行为

浏览器拥有它自己的默认行为，如：在form中按回车键就会提交表单；单击鼠标右键就会弹出context menu.取消浏览器默认行为：element.onclick = function(event) { event = event || window.event; if (event.preventDefault) { // W3C variant

2016-06-02 17:36:03 6106

原创 javaScript事件捕获和冒泡

事件是先捕获，后冒泡。从最外层向内逐层捕获直到目标（target），再逐层向上冒泡直到标签。所有事件处理程序都会忽略捕获阶段，而在事件冒泡阶段触发事件。使用addEventListener绑定事件并且第三个参数为true，可以让事件在捕获阶段触发，这是唯一让事件在捕获阶段触发的方法。element.addEventListener("click",function(){},true)事件中

2016-06-02 17:33:08 849

原创工厂模式创建对象

工厂模式创建对象不会使用new操作符，而是返回一个对象字面量。例子：function Animal(name) { return { run: function() { alert(name + " is running!"); }; }}var animal = Animal("fox");animal.run();继承：继承也很简单，在获取到anima

2016-05-27 14:45:01 732

原创 javaScript属性和方法同在构造函数中（包含继承）

将所有属性和方法使用this声明，并放在构造函数中，不使用prototype.例子：function Animal(name) { this.name = name; this.run = function() { alert("running "+this.name) };}var animal = new Animal('Foxie');animal.run();

2016-05-27 11:23:38 573

原创再看javaScript伪经典继承

为什么叫伪经典继承呢，因为javaScript中真的没有类。这里是两个伪经典继承的例子，第一种看上去更容易明明白，第二种只是在第一种的基础上对继承的细节进行了封装，使用起来更简单友好。多的不说，将代码自己写一遍自然就懂了。注释也有必要的说明。// --------- the base object ------------ //没有对继承细节进行封装 functio

2016-05-26 17:39:03 1008

原创 JavaScript继承本地对象

继承本地对象：本地对象是可以被继承的，如Array.prototype保存着全部的Array实例的方法。如果想在自定义对象（假设为myArray）中访问这些方法，办法就是myArray.__proto__ == Array.prototype.来看例子：// constructor function MyArray() { this.stringify = function

2016-05-26 00:12:27 435

原创 javaScript装饰模式

装饰模式，让work函数本身不做任何修改的同，在其外部包裹一个额外的函数使其好像具备了新的额外的行为。优点：1、装饰模式可以复用 2、装饰模式可以灵活的组合例子1此处给work函数包裹外层函数后使其具有了一个日志功能，能记录并打印调用work时传递过的参数function work(a,b){ //console.log(a+b);

2016-05-25 15:24:59 438

原创 javaScript异常处理

try{}catch(exception){}finally{}catch和finally都是可选的，但是在使用try时，至少二选一。catch住的异常对象存在两个基本属性：name:错误类型message:更多的错误描述firefox、Chrome、Opera提供了一个stack属性，由它可以看到导致异常的嵌套调用。关于return

2016-05-24 16:22:51 568

原创 javaScript中的static类型数据

一个function就一个对象，它可以提供一个创建static类型变量的办法。javaScript中没有static关键字，但是我们能直接将此类型的变量放入对象中。如： function f() { f.count = ++f.count || 1 // f.count is undefined at first alert("Call No " + f.co

2016-05-23 23:15:26 13392

原创 javaScript valueOf和toString方法在不同场景被调用进行数据转换

看了篇英文的。。。。心累说正事，Objects in JavaScript can be converted to primitives in three contexts:javaScript对象在以下三种场景中会转换为原始数据类型。（primitives：英文是硬伤，这个单词意思表达的应该和Java中的基本数据类型一个意思，我会叫它元始数据类型、原语、基本数据。。。）N

2016-05-19 21:40:29 1012

原创 javaScript判断数据类型

javaScript中一个判断数据类型比较简单快捷的办法： var obj = Object.prototype.toString; console.log(obj.call(123)); //[object Number] console.log(obj.call("123")); //[object String] console.log(obj.call(n

2016-05-19 10:35:05 581

当鼠标点击所看到的的按钮时，其实发生了一系列的事件传递，可以想象一下，button实际上是被body“包裹”起来的，body是被html“包裹”起来的，html是被document“包裹”起来的，document是被window“包裹”起来的。所以，在你的鼠标点下去的时候，最先获得这个点击的是最外面的window，然后经过一系列传递才会传到最后的目标button，当传到button的时候，这个事件

2016-05-18 23:58:23 3759

原创从url获取指定参数值，获取当前url上下文

1.从url获取指定参数值function requestParam(paras){ var url = location.href; var paraString = url.substring(url.indexOf("?")+1,url.length).split("&"); var paraObj = {}; for (i=0; j=paraString[i]; i

2016-05-17 15:46:36 3040

转载 javaScript的无new构建，jquery源码对象构建方法

jQuery源码对象构建方法：第一种方式：var A = function(){return A.prototype.init();} A.prototype = {init:function(){this.age = 50;console.log(this);return this;},age:10

2016-05-15 10:01:54 1099

转载浏览器 HTTP 协议缓存机制详解

http://my.oschina.net/leejun2005/blog/369148

2016-04-25 23:33:27 306

转载 HTML5Web Workers

最近正在写一个数据量比较大的页面，正好偶然看到HTML5的Web Workers可以实现非阻塞处理数据，心中甚喜。终于网上查了一番发现确实是个好东西，然而不适合我的页面，学以备用吧。初次接触只推荐两篇比较好的文章。《HTML5 Web Worker的使用》《深入 HTML5 Web Worker 应用实践：多线程编程》

2016-04-10 22:24:57 387

原创 javaScript中的自定义类型和继承

在此只记录ECMAScript中广泛使用的认同度最高的创建自定义类型方式：组合使用构造函数模式和原型模式；和通用的继承方式:组合继承（借用构造函数继承和原型继承的组合）；1、创建自定义类型：构造函数模式用于定义实例属性，原型模式用于定义共享属性和方法，结构就是每个实例都有自己的一份实例属性的副本又共享着对方法的引用，最大限度的节省了内存空间。

2016-04-09 22:01:21 672

转载 jquery on方法详解

http://www.365mini.com/page/jquery-on.htm

2016-03-30 22:28:17 396

转载 $.extend,$.fn.extend

$.extend,$.fn.extend

2016-02-15 10:51:26 401

转载关于json数据

转载自：http://www.cnblogs.com/gaojun/p/3394274.html

2015-12-10 20:31:16 393

原创文件读写概要

package com.li.javase;import java.io.File;import java.io.FileInputStream;import java.io.FileOutputStream;import java.io.FileWriter;import java.io.InputStream;import java.io.OutputStream;import

2015-11-12 17:21:05 399

原创 Itext生成PDF文件

最近做一个项目的报表，设计导出问题，要求pdf、excel、word。说实话一个字，烦。写个备忘录吧。。。虽然还是很烦所需依赖：itext-asian-5.2.0.jar（亚洲字体），itextpdf-5.5.7.jariText 是一个可从这里免费获取的 Java 库。iText 库非常强大，且支持生成 HTML、RTF 和 XML 文档，还支持生成 PDF 文档。您可以选择各种各样

2015-11-12 10:50:31 1045

原创获取url中传递的参数值

$().ready(function(){ var url = "http://zhidao.baidu.com/link?url=dYuZUoUbaHiLI&zz=dddd"; var getParam = getvl("zz",url); alert(getParam); //dddd }); function getvl(name,url) { 　　var r

2015-10-28 17:05:40 706

原创展示WEB前端开发博文的一个站点

偶然看到jquery中on方法的介绍，写的简单明了。再浏览一下其他博文觉得都不错，可能是我都不回的原因。点这里

2015-10-28 16:16:16 411

原创 My97 datePicker (WdataPicker)

这是一个非常好用的日历插件，使用简单，配置多样且特别方便详情点这里

2015-10-26 11:18:29 667

原创 test(),compile(),exec(),match(),search(),replace(),split()

http://www.w3school.com.cn/jsref/jsref_obj_regexp.asp

2015-09-09 11:16:21 479

原创 substr(),substring,slice()的用法

三个函数均不会修改原数组或字符串 substr():返回字符串起始下标（包含）到指定长度的字符串,仅作用于字符串; 缺省第二个参数时默认返回从起始下标到字符串结尾的子串; 参数为负数时逆向考虑，逆向初始下标为-1; 第二个参数为负数

2015-09-07 21:44:01 816

原创 jquery选择器

最全的jQuery选择器实例：http://my.oschina.net/mtainy/blog/501630

2015-09-06 15:07:22 444

原创 $.ajax()

看了很多，这个比较详细：http://www.w3school.com.cn/jquery/ajax_ajax.asp

2015-09-06 11:35:45 401

原创越南三年级数学题

网上的题目是这样的：越南保禄小学三年班，学生需要由上至下、从左到右的顺序，填入1至9的数字，可重复填写，并按先乘除后加减的运算法则，完成整条算式。在越南教育科学研究所修读博士学位的阮玉江则利用计算机程序，找出所有可能组合，结果竟“印满74张A4纸”。她称计算机能轻易计出答案，“但人脑肯定不容易”。其中一

2015-05-25 00:03:53 1344

转载关于Servlet的面试题

转自：http://blog.youkuaiyun.com/raozhiyong11/article/details/46478881、 Servlet与JSP有什么区别？Servlet和JSP完成的功能是相同的，都可以接收用户的请求，可以对用户进行响应，可以调用业务方法。不同点在于JSP是在html或者xml中嵌入了Java代码或者JSP的标记，在制作页面方面具有优势，可以使用网页编辑工具来制作

2015-04-05 14:18:21 552

转载 JSP 9 大内置对象详解

内置对象特点:1. 由JSP规范提供,不用编写者实例化。2. 通过Web容器实现和管理3. 所有JSP页面均可使用4. 只有在脚本元素的表达式或代码段中才可使用(使用内置对象%>或使用内置对象%>) 常用内置对象:1. 输出输入对象:request对象、r

2015-04-05 13:35:37 1726

转载启动Tomcat错误：he JRE_HOME environment variable is not defined correctly

在tomcat的bin目录下，双击startup.bat，闪一下，就没了，后来仔细看了一下黑屏闪的内容如下：the JRE_HOME environment variable is not defined correctly This environment variableis needed to run this program原因：以前版本的tomcat需要JDK，现在的

2014-12-27 14:16:11 479

空空如也

空空如也