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

JQuery_QQ — Thu, 15 Nov 2018 11:33:22 +0800

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

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

JQuery_QQ — Wed, 14 Nov 2018 23:22:02 +0800

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

codeMirror支持sql输入提示

JQuery_QQ — Tue, 15 Aug 2017 12:48:02 +0800

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

页面隐藏form下载文件

JQuery_QQ — Mon, 17 Apr 2017 18:03:15 +0800

页面隐藏form下载文件0 == $("#ExcelForm").length && $(document.body).append('

' +'

工厂模式创建对象

JQuery_QQ — Fri, 27 May 2016 14:45:01 +0800

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

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

JQuery_QQ — Fri, 27 May 2016 11:23:38 +0800

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

再看javaScript伪经典继承

JQuery_QQ — Thu, 26 May 2016 17:39:03 +0800

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

JavaScript继承本地对象

JQuery_QQ — Thu, 26 May 2016 00:12:27 +0800

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

javaScript装饰模式

JQuery_QQ — Wed, 25 May 2016 15:24:59 +0800

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

javaScript异常处理

JQuery_QQ — Tue, 24 May 2016 16:22:51 +0800

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

javaScript中的static类型数据

JQuery_QQ — Mon, 23 May 2016 23:15:26 +0800

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

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

JQuery_QQ — Thu, 19 May 2016 21:40:29 +0800

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

javaScript判断数据类型

JQuery_QQ — Thu, 19 May 2016 10:35:05 +0800

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

js响应事件的阶段，捕获阶段，冒泡阶段

JQuery_QQ — Wed, 18 May 2016 23:58:23 +0800

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

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

JQuery_QQ — Tue, 17 May 2016 15:46:36 +0800

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

五月西瓜的专栏