Flask wtform + jquery 异步提交modal最佳实践
以前无刷很火，现在又回到http协议本身，html也到了第五个版本，用flask也有了好些个年头。flask用的人很多，可惜很多企业并不开源，像豆瓣这样公开架构的还是很有限，开源的东西里不是什么都是开源的，比如很多最佳实践都是散落在很多博客中。有的最佳实践只是做到了一部分，一个完整的最佳实践到现在才自己比较满意。没办法，越是灵活的东西也就意味着无限的可能性，更别说flask这种牛逼的微框架了。在开始前请确认你了解wtform并且已经会使用它。用过才知道它的强大和灵活。但是一直没有好好的研究出怎么无缝的使用它和ajax。主要需要实现如下的几个目标：无刷，呵呵，必须的；view只有一个method，能够同时实现新建、编辑、保存，因为wtform就能很好的支持，所以做不到不算最佳；template只有一个，模板最烦，重复展现最恶心，所以如何最大化重用是必须要考虑的，能省下很多workhour；大概的思路是先get加载新建的表单，ajax提交表单数据，返回status为ok则表明添加成功，否则返回html（这时的form已经包含了字段的错误
认识jQuery的Promise
先前了解了ES6的Promise对象，来看看jQuery中的Promise，也就是jQuery的Deferred对象。打开浏览器的控制台先。运行结果：和ES6的Promise对象长的有点像，jQuery的Deferred对象也有resolve、reject、then方法，还有done、fail、always......方法。jQuery就是用这个Deferred对象来注册异步操作的回调函数，修改并传递异步操作的状态。玩玩Deferred：
jQuery中的常用内容总结(三)
jQuery中的常用内容总结(三)转载请注明地址:http://www.cnblogs.com/funnyzpc/p/7571998.html内容提要选择器(第一节)选择器的扩展方法(第一节)节点的CSS操作及节点其他操作(第一节)Ajax同步与异步(上一节)事件(上一节)弹窗(上一节)参数序列化(本节)遍历(本节)其他(本节)A>表单参数序列化提交如果没有借助jQuery，表单可以直接提交，这样带来两个问题就是安全(get提交)或表单参数验证障碍，嗯~，可能很难懂，这样吧，我先放张图，这图是原生get提交的->这下清楚了吧，所有的参数都在浏览器里面显示，稍稍别有用心的人就能轻易利用，这是其一；如果是post提交，可能没有以上这个问题，但是。。。，如果参数值提交前需要在js中做处理(表单参数验证或参数拼接等等)，这样直接把数据扔给后台的童鞋，肯定不太好~额，还可以借助前两章中的方法。。。可能会累死啊~，毕竟每一个表单都要单独取值。。。总之，这样麻烦；哈哈~ヽ(●´ω｀●
如何用jquery实现留言框设计
自从React/Vue等框架流行之后，jQuery被打上了面条式代码的标签，甚至成了“过街老鼠”，好像谁还在用jQuery，谁就还活在旧时代，很多人都争先恐后地拥抱新框架，各大博客网站有很大一部分的博客都在介绍新的框架，争当时代的“弄潮儿”。新框架带来的新的理念，新的开发方式不可否认带来了生产效率，但是jQuery等就应该被打上“旧时代”面条式代码的标签么?我们从一篇文章说起：《React.js的介绍–针对了解jQuery的工程师(译)》，英文原文是这个《React.jsIntroductionForPeopleWhoKnowJustEnoughjQueryToGetBy》，这篇文章我好久前就看过，现在再把它翻出来，里面对比了下jQuery和React分别实现一个发推的功能，作者用jQuery写着写着代码就乱套了，而用React不管需求多复杂，代码条理依旧很清晰。我们一步步按照原文作者的思路来拆解。(1)输入个数为0时，发送按钮不可点击如下图所示，当输入框没有内容时，发推按钮置灰不可点，有内容点才能点。
8个炫酷实用的HTML5应用和jQuery插件
又开始了新的一周，我们也将继续为大家分享许多优秀的HTML5应用和jQuery插件，作为前端开发者来说，这些资源可以帮助你在项目开发上派上用场。下面一起来看看这些炫酷而实用的HTML5应用和jQuery插件吧。1、jQuery/CSS3图片洗牌切换动画特效这是一款基于jQuery和CSS3的图片动画特效，该图片动画是洗牌的效果，我们只需点击切换按钮，即可一张张切换图片。另外，如果你长按住按钮不放，图片的洗牌效果就会更加明显和有趣，该jQuery图片特效一共有3中效果。在线演示/源码下载2、简单实用的jQuery横向图片滚动焦点图插件之前我们分享了不少焦点图插件，包括jQuery焦点图和HTML5焦点图，效果都非常不错。今天的这款jQuery焦点图插件看起来非常简单，但是无论从外观和实用价值上看都相当不错。这款jQuery焦点图的图片是横向滚动的，两侧均有左右滑动按钮。在线演示/源码下载3、jQuery幻灯片播放焦点图插件这又是一款基于jQuery的幻灯片焦点图插件，和之前分享的焦点图插件类似，图片都可以左右滑
jQuery 效率提升建议
jQuery简洁通用的方法集把编码者从繁重的工作中解脱出来，也拉低了进入javascript的门槛，初学者对浏览器兼容性一无所知的情况下，几行代码就可以写出超炫的特效。网上有一篇文章转载比较泛滥，已经不知道原文作者了，里面针对jQuery效率提升建议非常科学，现在重新组织里面的内容并转载。1.使用最新版本的jQueryjQuery的版本更新很快，你应该总是使用最新的版本。因为新版本会改进性能，还有很多新功能。下面就来看看，不同版本的jQuery性能差异有多大。这里是三条最常见的jQuery选择语句：$('.elem')$('.elem',context)context.find('.elem')我们用1.4.2、1.4.4、1.6.2三个版本的jQuery测试，看看浏览器在1秒内能够执行多少次。结果如下：可以看到，1.6.2版本的运行次数，远远超过两个老版本。尤其是第一条语句，性能有数倍的提高。其他语句的测试，比如.attr(“value”)和.val()，也是新版本的jQuery表现好于老版本。2.正确使用选择
JQuery选择器总结
:hidden选取所有不可见的元素集合元素$(“:hidden”)选取所有不可见的元素。包括
jquery几种事件绑定方式的比较
比较和联系:1.bind()函数只能针对已经存在的元素进行事件的设置；但是live(),on(),delegate()均支持未来新添加元素的事件设置；2.bind()函数在jquery1.7版本以前比较受推崇，1.7版本出来之后，官方已经不推荐用bind()，替代函数为on(),这也是1.7版本新添加的函数，同样，可以用来代替live()函数，live()函数在1.9版本已经删除；3.live()函数和delegate()函数两者类似，但是live()函数在执行速度，灵活性和CSS选择器支持方面较delegate()差些.4.bind()支持Jquery所有版本；live()支持jquery1.9-；delegate()支持jquery1.4.2+；on()支持jquery1.7+；推荐使用.on()方法绑定，原因有两点：1.on()方法可以绑定动态添加到页面元素的事件比如动态添加到页面的DOM元素，用.on()方法绑定的事件不需要关心注册该事件的元素何时被添加进来，也不需要重复绑定。有的同学可能习惯于用.bind()、.
JQuery自定义插件详解之Banner图滚动插件
前言JReduJQuery是什么相信已经不需要详细介绍了。作为时下最火的JS库之一，JQuery将其“WriteLess，DoMore！”的口号发挥的极致。而帮助JQuery实现“写的更少，做的更多”的重要一环就是JQuery的插件，成千上万的JQ插件帮助我们实现了几乎你所需要的所有功能，大大简化了程序猿的工作量。但是，别人的终究是别人的，吃别人的永远长大不！那么，我们能不能自己定义一款插件呢？OfCourse！当前可以！今天就让我们来一探JQuery自定义插件的神秘面纱吧！一、JQuery自定义插件基础要想制作一款属于自己的插件，首先我们要了解JQuery自定义插件的机制。在JQuery中，我们可以通过两种常用的方式定制自己的插件：通过$.extend()来扩展jQuery通过$.fn向jQuery添加新的方法那么两种定制方式，有什么不同呢？这就要从插件的分类说起……1.1全局插件与局部插件JQuery中的插件、方法可以分为两大类，全局插件和局部插件。形如
59、jQuery初识
jQuery是由原生js写的所以说所有jQuery制作出来的效果都可以使用js做出来，jQuery出现的目的是为了优化代码，提高码代码的效率它将很多功能封装。一、jQuery的认识1、何为jquery1jQuery由美国人JohnResig创建，至今已吸引了来自世界各地的众多javascript高手加入其team。2jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITELESS,DOMORE!3它是轻量级的js库(压缩后只有21k)，这是其它的js库所不及的，它兼容CSS3，还兼容各种浏览器4jQuery是一个快速的，简洁的javaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。5jQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。2、优势短小、精悍，写起来简单，省事儿，开发效率高3、js与jquery关系jQuery就是JS写的
前端笔记----jquery入门知识点总结
一、jquery的加载方法$(document).ready(function(){js代码});$(function(){js代码});（一般使用这个）;注意点1：使用jquery必须先导入函数库文件，使用一个单独的script标签，结束代码另起一行script。
vue2.0如何引入bootstrap工具
以下操作以正常安装node环境为前提。1.引入jq：在npm控制台中，进入项目目录，然后输入指令npminstalljquery--save-dev（npm换成cnpm更好，国内环境下使用cnpm下载速度更快）。2.修改build目录下的webpack.base.conf.js配置文件：1）加入webpack对象：varwebpack=require('webpack');2）在module.exports里面加入以下配置：plugins:[newwebpack.ProvidePlugin({$:"jquery",jQuery:"jquery","windows.jQuery":"jquery"})]3）在入口文件main.js中加入：importjqueryfrom'jquery'3.引入bootstrap：1）修改webpack.base.conf.js文件：alias:{'
ASP.NET MVC5+EF6+EasyUI 后台管理系统（87）-MVC Excel导入和导出
本文示例代码下载：链接：http://pan.baidu.com/s/1jHBdgCA密码：hzh7ps:Vs数据库脚本在解压目录下，修改web.config数据库链接,示例代码包含：导入，导出，上传前言：导入导出实在多例子，很多成熟的组建都分装了导入和导出，这一节演示利用LinqToExcel组件对Excel的导入，这个是一个极其简单的例子。我并不是说导入的简单。而是LinqToExcel让我们对Excel操作更加简单！最后我们将利用ClosedXML输出Excel。这个比现流行NPOI与EPPlus更加优秀的组件，以OpenXMLSDK为基础，所以只支持xlsx，不支持xls格式（现阶段谁没有个office2007以上版本）他导出的Excel根据官方描述，兼容性远超同行对手如果你不是使用本架构只看2，3，4点，使用BLL层的代码，这同样适用你的MVC程序知识点：LinqToExcel组件读取Excel文件ClosedXML组件输出Excel准备：一张演示的数据库表安装LinqToExcelNuGet包
对象的合并 Object.assign、JQuery、lodash、Immutable
deep布尔值，默认为false，传true时，遇到相同属性名且属性值是对象时，会合并属性值（深拷贝）。将target后的参数，都合并到target上。varobject1={apple:0,banana:{weight:52,price:100},cherry:97};varobject2={banana:{price:200},durian:100};//修改原来的对象$.extend(object1,object2);//{apple:0,banana:{price:200},cherry:97,durian:100}object1==={apple:0,banana:{price:200},cherry:97,durian:100}//true//合并对象到empty中，不会破坏原来的对象(object1)。varempty={}varobject=$.extend(empty,object1
vue-cli 自定义指令directive 添加验证滑块
gif截图软件帧数略低。。。。vue项目注册登录页面遇到了一个需要滑块的功能，网上看了很多插件发现都不太好用，于是自己写了一个插件供大家参考；用的是vue的自定义指令direcive，只需要在需要的组件里放入对应的标签嵌套即可；template：12