前端框架--js与jquery
关注
分享
扫一扫
文章平均质量分 75
前端框架--js与jquery
和代码去流浪
这个作者很懒，什么都没留下…
展开
-
js立即执行函数: (function ( ){})( ) 与 (function ( ){}( )) 有什么区别?
没有区别。你需要明白 IIFE 的原理，我简单说一下：复制代码代码如下:function foo() {...} // 这是定义，Declaration；定义只是让解释器知道其存在，但是不会运行。foo(); // 这是语句，Statement；解释器遇到语句是会运行它的。IIFE 并非必须，传统一点可以这么写：复制代码代码如下:function foo() {...}foo();那么为什么要 IIFE？1.传...转载 2021-09-09 18:11:54 · 269 阅读 · 0 评论 -
彻底搞清楚javascript中的require、import和export
为什么有模块概念理想情况下，开发者只需要实现核心的业务逻辑，其他都可以加载别人已经写好的模块。但是，Javascript不是一种模块化编程语言，在es6以前，它是不支持”类”（class），所以也就没有”模块”（module）了。require时代Javascript社区做了很多努力，在现有的运行环境中，实现”模块”的效果。原始写法模块就是实现特定功能的一组方法。只要把不同的函数（以及记录状态的变量）简单地放在一起，就算是一个模块。 1 2 3 4转载 2021-09-10 19:04:49 · 272 阅读 · 0 评论 -
什么是前端（js）路由器
概述 路由器是WebApp应用程序切换页面的枢纽。早起由于浏览器处理JS脚本的能力较弱，大部分逻辑和交互都在服务端完成；因此路由器这个词最早出现服务端；服务端通过客户端请求的URL解析出需要返回给客户端的HTML文档的路径，最终返回相对应HTML文档。 现在由于浏览器处理JS脚本的能力越来越强大和开发者们对客户端的性能优化以高要求及提升用户体验的实质性需求。在前端开发中，出现了路由器这个概念。 前端中的路由器...转载 2021-09-10 19:06:34 · 1251 阅读 · 0 评论 -
ECMAscript和Javascript的区别
ECMAscript VS JavaScript刚开始学习js的时候很困惑，一些论坛网站书本会提到ECMAscript和ES5/6等字眼，这个东西跟我学习的js有什么关系吗？当时我怀疑我学习的js是过时的js,如同我刚学pthon的时候，大家都转py3,而我却浑然不知还在py2上发力。基于这个前提，在学习javascript之前，我们先搞清楚ECMAscript和javascript的区别和历史渊源。ECMAscript 和ECMA InternationalECMA Internation转载 2021-09-10 19:03:15 · 176 阅读 · 0 评论 -
input type=“submit“ 和“button“有什么区别？
在一个页面上画一个按钮，有四种办法：<input type="button" />这就是一个按钮。如果你不写javascript 的话，按下去什么也不会发生。 <input type="submit" />这样的按钮用户点击之后会自动提交 form，除非你写了javascript 阻止它。 <button>这个按钮放在 form 中也会点击自动提交，比前两个的优点是按钮的内容不光可以有文字，还可以有图片等多媒体内容。（当然，前两个用图片背景也可以做到）。它的...转载 2021-09-10 19:02:04 · 676 阅读 · 0 评论 -
AJAX POST请求中参数以form data和request payload形式在servlet中的获取方式
HTTP请求中，如果是get请求，那么表单参数以name=value&name1=value1的形式附到url的后面，如果是post请求，那么表单参数是在请求体中，也是以name=value&name1=value1的形式在请求体中。通过chrome的开发者工具可以看到如下（这里是可读的形式，不是真正的HTTP请求协议的请求格式）： get请求： RequestURL:http://127...转载 2021-09-09 18:14:16 · 671 阅读 · 0 评论 -
$.ajax contenType是appliation/json的时候，spring mvc后台无法接受data参数
$.ajax contenType是appliation/json的时候，spring mvc后台无法接受data参数做Redis监控工具的时候，发现$.ajax contenType是appliation/json的时候，在后台用spring mvc的@Requestparam注解接收参数，始终接收不到。前台代码：$.ajax({ url : "${ctx}/rediscluster/delete.do", ...转载 2021-09-05 12:38:55 · 352 阅读 · 0 评论 -
再谈Jquery Ajax方法传递到action
之前写过一篇文章Jquery Ajax方法传值到action，本文是对该文的补充。假设 controller中的方法是如下：publicActionResultReadPerson(PersonModelmodel) { strings=model.ToString(); returnContent(s); } publicActionResultReadPe...转载 2021-09-05 12:37:49 · 243 阅读 · 0 评论 -
表单验证——JqueryValidator、BootstrapValidator
表单验证两种方式：1、JqueryValidator<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>JqueryValidator实战——用户注册</title> <script src="http://static.runoob.com/assets/jquery-validation-1.14.转载 2021-09-05 12:36:00 · 348 阅读 · 0 评论 -
jquery.form.js的ajaxSubmit和ajaxForm使用
依赖的脚本文件1 <script src="../Javascript/jquery-1.11.1.min.js" type="text/javascript"></script>2 <script src="../Javascript/jquery.form.js" type="text/javascript"></script>ajaxSubmit 和ajaxForm区别ajaxFormajaxForm()不能提交表单。在.转载 2021-09-03 21:19:29 · 451 阅读 · 0 评论 -
Datatables | 升级 | 1.10.x与1.9.x参数名对照表
1.10.x与1.9.x参数名对照表Datatables 1.10.x在命名上与1.9.x的有区别，新版的使用的是驼峰的命名规则，而之前的是采用匈牙利命名规则当然，这些变化都是向下兼容的，你可以继续使用旧版本的api方法的参数和名称。 如果你要是用新版本的api方法，请参考下面表格的对照表，大多数的都是直接从匈牙利命名到驼峰命名，极个别重命名，还添加了新的属性名称。初始化现在可以这样创建一个Datatables：$(...).dataTable()创建一个Datatables并返回一个j转载 2021-09-03 21:18:18 · 298 阅读 · 0 评论 -
JQuery Datatables Columns API 参数详细说明
Data Tables: http://datatables.net/ Version: 1.10.0 Columns说明 虽然我们可以通过DOM直接获取DataTables元素的信息，但是DataTables提供了更方便的方法，可以自定义列的属性。下边就让我们一起来学习DataTables是怎么来定义列属性的。 DataTables提供了两个参数来定义列...转载 2021-09-03 21:17:06 · 419 阅读 · 0 评论 -
datatables实现异步加载与增删改查
给大家分享一下我在项目中用datatables实现ajax加载数据与增删改查 注意，需要引入jquery、datatables、layer html代码： <div class="thead"> <input placeholder="请输入搜索内容" id="searchTitle" type="text"/> <button id="search" cl...转载 2021-08-31 10:31:04 · 276 阅读 · 0 评论 -
datatables完整的增删改查
1、需要指定datatables的ID1 <button class="btn btn-primary" id="newAttribute">新增证照属性</button>2 <table class="table table-striped table-bordered table-hover dataTable myTable" id="newAttributeTable" width="100%" role="grid" aria-describedby="转载 2021-08-31 10:28:36 · 650 阅读 · 0 评论 -
基本增删改查（jquery Datatables+java）
此例子展示基于Datatables的最新版1.10.5的服务器处理的增删改查，弹窗效果，结合Bootstrap显示表格，局部刷新数据，还应用了dom，自定义按钮 使表格和按钮看起来是一个整体。这个例子中还是用模板引擎，目的是为了掩饰在使用render渲染函数时，如果拼接的html比较多，建议用模板的方式处理，这样代码看起来会比较简洁注意：建议下载源码到本地运行，压缩包为java web工程包含 src和web两个目录连接...原创 2021-08-31 10:27:40 · 163 阅读 · 0 评论 -
jQuery VS AngularJS 你更钟爱哪个？
在这一次的Web开发教程中，我会尽力解答有关于jQuery和AngularJS的两个非常常见的问题，即jQuery和AngularJS之间的区别是什么？也就是说jQuery VS AngularJS？今天我不会仅仅只是解释两者的差异和列举两种技术的功能特点，我还会尽量解答一些相关的问题和概念。例如：什么时候使用jQuery/AngularJS？ 怎样避免在jQuery样式中使用AngularJS 的常见错误？ 从开发人员的角度作代码比较 我们能否和AngularJS一起，或在AngularJS转载 2021-08-31 10:24:36 · 297 阅读 · 0 评论 -
constraint的一些用法总结
主要就是增加约束的以下几种约束 、并 一一列举：1.主键约束：要对一个列加主键约束的话，这列就必须要满足的条件就是分空因为主键约束：就是对一个列进行了约束，约束为（非空、不重复）以下是代码要对一个列加主键，列名为id,表名为emp格式为：alter table 表格名称 add constraint 约束名称 增加的约束类型 （列名）例子：alter table emp add constraint ppp primary key (id)—————————————————..转载 2021-08-31 10:20:37 · 2448 阅读 · 0 评论 -
bootstrap+jQuery.validate表单校验
谈谈表单校验这大概是一种惯例，学习前台后台最开始接触的业务都是用户注册和登录。现在社会坚持以人为本的理念，在网站开发过程同样如此。User是我们面对较多的对象，也是较核心的对象。最开始的用户注册和登陆这块，也就尤为重要。用户注册和登录其实往往比我们想象的难。就比如表单校验，里面涵盖的内容其实挺多，就前台而言，你需要了解：1.正则表达式的基本了解其实正则并不难，并且在学会后能带给你极大的成就感，享受那种事半功倍的效果吧。2.ajax异步请求在验证用户名是否存在、用户登录时账号或者密码错转载 2021-08-31 10:09:34 · 768 阅读 · 0 评论 -
dataTable 参数详解
//@translator codepiano//@blog codepiano //@email codepiano.li@gmail.com//尝试着翻译了一下，难免有错误的地方，欢迎发邮件告知，多谢。/*------------------------------------------------Feature------------------------------------------------*/$(document).ready( function (){ $('sel.转载 2021-08-27 21:52:16 · 673 阅读 · 0 评论 -
DataTables—服务器端翻页
本文是jquery<--json-->spring(3.0)系列的第三篇。jquery与yui相比，感觉写法很简洁，但也有个问题是配套的jquery ui中的页面控件不是很全，很多要借助plugin，而这些plugin良莠不齐，选用时要自己好好挑一挑。列表是一个常用的页面控件，我选了半天发现DataTables这款用的人比较多，就试了试服务器端翻页功能，现总结如下。DataTables的主页是http://www.datatables.net/先上个这个demo的截图，...转载 2021-08-27 21:39:46 · 753 阅读 · 0 评论 -
datatables request unknown parameter ‘0‘ from data source for row 0
最近学习datatables，遇到这么个问题“request unknown parameter '0' from data source for row 0”研究了好长时间终于弄明白了，原来是这样的：datatables 接收两种格式的数据，一种json格式的二维数组，另一种是json格式的数组对象，如果是服务器端返回的json格式的数组对象，在js中需要设置mDataProp 这个属性，如："aoColumns": [ {"mDataProp":"engine"}, ...转载 2021-08-27 21:37:20 · 302 阅读 · 0 评论 -
checkbox与dataTable的完美结合
本文介绍了richface的一种使用情况：datatable和checkbox的结合。rich:dataTable是很不错的web控件。但如果编写如下图效果的业务，必须结合checkbox来使用。现附上代码，然后分析Html代码<rich:dataTableid="carList"width="555px"rows="#{usr.pageSize}"value="#{usr.dataList}"var="car" ...转载 2021-08-26 11:26:37 · 680 阅读 · 0 评论 -
datatable的使用
1:导入包： URL：http://www.datatables.net/ 分别导入css和js文件Html代码<styletype="text/css"title="currentStyle"> @import"css/demo_page.css"; @import"css/demo_table.css"; @import"css/demo_table_jui.css"; </style> ...转载 2021-08-26 11:26:09 · 1283 阅读 · 0 评论 -
DataTables从入门到精通
DataTables从入门到精通原创 2021-08-26 11:19:29 · 122 阅读 · 0 评论 -
最全的jquery datatables api 使用详解
分别导入css和js文件<link href="~/Content/bootstrap.css" rel="stylesheet" /><link href="~/Content/datatables/css/dataTables.bootstrap.css" rel="stylesheet" />加载<scripttype="text/javascript"> $(document).ready(function(){ ...转载 2021-08-25 21:42:36 · 3257 阅读 · 0 评论 -
$.extend(true,{},a,b)，深入理解，小心陷阱
$.extend一般情景下，使用深度拓展两个对象时，我们想要的效果是，b对象覆盖掉a对象中存在的所有属性，没有则新增到a对象中；下面我们看一下我所遇到的问题：我希望通过深度拓展将tmp中的editoption覆盖掉ret中的editoption;所以采用了深度拓展方法 ret = $.extend(true,{},ret,tmp);但结果并没有达到我想要的效果：对象属性中的数组长度依然没有发生变化。通过样例...转载 2021-08-25 21:40:48 · 586 阅读 · 0 评论 -
jQuery插件开发全解析,jQuery.extend , (function($){ , $.fn.pluginName
序：匿名函数，匿名函数没有实际名字，也没有指针，怎么执行滴？其实大家可以看看小括号的意义就应该可以理解。小括号有返回值，也就是小括号内的函数或者表达式的返回值，所以说小括号内的function返回值等于小括号的返回值，不难理解 (function(){})()可以将没有名字的函数执行了把…(function() {alert('water');})();jQuery插件的开发包括两种：一种是类级别的插件开发，即给jQuery添加新的全局函数，相当于给jQuery类本身添加方法。jQuery转载 2021-08-25 21:27:25 · 558 阅读 · 0 评论 -
jQuery插件的制作之方法的参数
1、无参数实现文字阴影效果 jQuery.fn.shadow =function(){ return this.each(function(){ var $originalElement = jQuery(this); for(var i = 0;i < 5;i++){ $originalElement.clone() ...转载 2021-08-24 23:06:20 · 114 阅读 · 0 评论 -
jQuery AJAX获取JSON数据解析多种方式示例
本文出自：http://blog.youkuaiyun.com/smartsmile2012/article/details/17316351 <!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"> <html xml...转载 2021-08-24 23:03:11 · 2006 阅读 · 0 评论 -
jquery中ajax处理跨域的三大方式
由于JS同源策略的影响，因此js只能访问同域名下的文档。因此要实现跨域，一般有以下几个方法：一、处理跨域的方式：1.代理2.XHR2HTML5中提供的XMLHTTPREQUEST Level2（及XHR2）已经实现了跨域访问。但ie10以下不支持只需要在服务端填上响应头： 1 2 3 header("Access-Control-Allow-Origin:*"); /*星号表示所有的域都可以接受，*/ header("Acc转载 2021-08-24 22:58:23 · 10297 阅读 · 0 评论 -
Jquery 使用Ajax获取后台返回的Json数据后,页面处理
<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd"><html xmlns="http://www.w3.org/1999/xhtml"><head> <title></title> <script src="JS/jquery-...转载 2021-08-23 11:15:08 · 566 阅读 · 0 评论 -
jQuery之前端国际化jQuery.i18n.properties
jQuery.i18n.properties是一款轻量级的jQuery国际化插件，能实现Web前端的国际化。国际化英文单词为：Internationalization，又称i18n，“i”为单词的第一个字母，“18”为“i”和“n”之间单词的个数，而“n”代表这个单词的最后一个字母。jQuery.i18n.properties采用.properties文件对JavaScript进行国际化。jQuery.i18n.properties插件首先加载默认的资源文件（strings.properties），然后转载 2021-08-23 11:11:06 · 626 阅读 · 0 评论 -
jQuery的三种$()
$号是jQuery“类”的一个别称，$()构造了一个jQuery对象。所以，“$()”可以叫做jQuery的构造函数（个人观点，呵呵！）。1、$()可以是$(expresion)，即css选择器、Xpath或html元素，也就是通过上述表达式来匹配目标元素。比如：$("a")构造的这个对象，是用CSS选择器构建了一个jQuery对象——它选择了所有的<a/>这个标签。如：$("a").click(function(){...})就是在点击页面上的任何一个链接时的触发事件。确切地说，就是转载 2021-08-23 11:07:31 · 432 阅读 · 0 评论 -
jQuery Validate验证框架详解
jQuery校验官网地址：http://bassistance.de/jquery-plugins/jquery-plugin-validation一、导入js库<script type="text/javascript" src="<%=path %>/validate/jquery-1.6.2.min.js"></script><script type="text/javascript" src="<%=path %>/validate/转载 2021-08-21 11:59:57 · 534 阅读 · 0 评论 -
jQuery验证码插件：jquery.idycode.js
对于任何一个又评论功能的网站来说，验证码都是重中之重。没有验证码的话，用户就可以肆意刷评论，甚至是通过一些工具来操作，会对网络环境产生极大的危害。验证码这个词最早是在2002年由卡内基梅隆大学的路易斯·冯·安、Manuel Blum、Nicholas J.Hopper以及IBM的John Langford所提出。卡内基梅隆大学曾试图申请此词使其成为注册商标， 但该申请于2008年4月21日被拒绝。一种常用的CAPTCHA测试是让用户输入一个扭曲变形的图片上所显示的文字或数字，扭曲变形是为了避免被光学字符识转载 2021-08-21 11:58:59 · 502 阅读 · 0 评论