php使用jquery Form 实现页面无刷新上传图片，并预览图片

type指定提交表单数据的方法(method)："GET"或"POST"。默认值：GETbeforeSubmit表单提交前被调用的回调函数。如果回调函数返回false表单将不被提交。回调函数带三个调用参数：数组形式的表单数据，Jquery表单对象，以及传入ajaxForm/ajaxSubmit中的Options对象。默认值：nullsuccess表单成功提交后调用的回调函数。然后dataType选项值决定传回responseText还是responseXML的值。默认值：nulldataType返回的数据类型：null、"xml"、"script"、"json"其中之一。默认值：nullresetForm表示如果表单提交成功是否进行重置。默认值：nullclearForm表示如果表单提交成功是否清除表单数据。默认值：null四、例子如下：demo.HTML代码如下：<

对服务端渲染的一次实践(带你掌握服务端渲染)

之前react做的一个应用，最近把首页改成了服务端渲染的形式，过程还是很周折的，踩到了不少坑，记录一些重点，希望有所帮助前端使用的技术栈react、react-dom升级到v16react-router-domv4reduxred-sageantd-mobile升级到v2ssr服务express项目地址,喜欢的给个star，感谢。。。。。。。访问地址(手机模式)非服务端渲染服务端渲染效果对比前后处理流程对比react下ssr的实现方式React下同构的解决方案有next.js、react-server等，这里，因为这个项目之前已经采用create-react-app、redux做完了，只是想在现有系统基础上把首页改成服务端直出的方式，就选择了webpack-isomorphic-tools这个模块webpack-isomorphic-tools介绍如果我们想在现有React系统中引入同构，首先要解决的一个重要问题是:代码中我们import了图片,svg,css等非js资源，在客户端webpack的各种

DataTables自定义分页条数实现

背景因项目需要，选择了DataTables这款表格插件做数据展示。在实际开发过程中，需要将所有的搜索条件放在页面顶部，所以我需要DataTables的搜索和分页条数单独提出来。解决办法办法其实很简单，只需要参考DataTables的官网文档就可找到。当时因为项目赶得紧没太多时间看英文文档，在google上搜了好久都没有找到合适的解决方案，最后只能暂时搁置。最后项目完成后，才又去官网仔细看文档，才找到相关的解决办法~~~前台页面提供选择（搜索）框单页条数102050

腾讯云 COS webpack 插件开源

今天想把一个老的Yii2项目改成比较时髦的前后端分离的开发模式，于是试用了webpack，感觉还不错。项目线上我是想直接把编译后的文件传到带cdn的对象存储上，因为服务器用的是腾讯云的cvm，所以对象存储就顺便选择了cos。Github上搜了下没有现成的webpack插件，不过有几个现成的七牛的，比较了一下发现https://github.com/lyfeyaj/qn-webpack这个项目的代码最简洁清晰，于是就在这个项目的基础上自己改出了一个cos的webpack插件并开源了出来：https://github.com/takashiki/cos-webpack。npm发布包的步骤参考：手把手教你用npm发布一个包。下面是该插件的安装和使用方式：前提需要Node版本在v4.0以上，COSV4以上（APPID为125开头）安装npmi-Dcos-webpack使用方法支持的配置项:secretIdCOSSecretIdsecretK

谈谈 dva 和 mobx 的使用感受

，从1.x版本开始使用，一直看着它发展到前不久的2.x，我也基于这个工具开发了一套项目模版，它简化了redux的使用，并且在封装了redux-saga和react-router，同时还可以包含dva-loading插件获取loading状态等。在redux时代，当我需要新增一种跨页面全局数据的时候，我需要去项目的reducers目录定义一下这种数据命名和初始值，然后在constans目录中为更改这项数据的操作定义一种唯一的操作类型（type），再去actions目录定义一些方法，这些方法最后会得到更改后的数据和操作类型（type），最后再回到reducers中根据这个操作类型（type）把数据整合到reducer中…可以看到，我在编写redux这部分代码的时候需要频繁在actions、constants、reducers这几个目录间切换。而使用dva就可以免除这些困扰了，我只需要一个model中就可以完成所有操作：//app全局性状态管理import*

根据条件过滤日志输出

一个在很多项目里可能存在的场景：各种原因导致了很多人在共用一套环境，然后要在这一套环境上进行各种开发、调测、定位活动，由于用的人多，查看日志就变得很麻烦，首先要从极速刷新的日志里先找到关注的关键字，然后从关键字的位置再找出处理这一请求的上下文日志来，经常重复这样的操作，严重地影响了工作效率。所以最近想花时间来解决这个问题，思路是用户在浏览器或者命令行上发起查看日志的请求，同时指定自己查看日志的过滤条件，这个过滤条件针对的是日志框架的MDC(MappedDiagnosticContext)信息，这些MDC信息来自于请求参数，客户端特征信息，也可以是业务逻辑自行指定，然后再拦截日志框架的日志输出，所有的日志输出都和用户的过滤条件进行匹配，匹配上了就流式地返回给用户。这样用户就可以单独地收到一份只包含符合特定过滤条件的日志了。比如，用户可以指定只查看某个客户端IP请求的日志内容，大大提升日志查看的效率。当前的实现方案，选择了基于tomcat对外暴露一个websocket的接口（为了便于扩展，以及满足简单、优雅地返回流式数据的要求）

angularjs 学习之 scope作用域

简介Scope(作用域)是应用在HTML(视图)和JavaScript(控制器)之间的纽带。Scope是一个存储应用数据模型的对象，有可用的方法和属性。Scope可应用在视图和控制器上。作用域是Web应用的控制器和视图之间的粘结剂：控制器-->作用域-->视图（DOM）指令-->作用域-->视图（DOM）当你在AngularJS创建控制器时，你可以将$scope对象当作一个参数传递:

{{name}}