SSH电商项目实战之四：EasyUI菜单的实现
上一节我们使用EasyUI搭建了后台页面的框架，这一节我们主要使用EasyUI技术简单实现后台菜单，先将简单功能做出来，后期再继续丰富。（EasyUI下载地址）1.实现左侧菜单首先看一下效果图：我们可以点击“基本操作”和“其他操作”来切换菜单选项，在具体的选项内，点击不同的连接，会在右侧显示出来。我们先把左边的菜单做出来。左侧菜单内容主要有两个：“类别管理”和“商品管理”。我们知道，上一节中，在aindex.jsp中应将后台页面的框架搭建好了，那么现在我们只要做好这两个超链接，然后放到aindex.jsp中相应的div中即可。所以我们先在WebRoot文件夹下新建一个temp.jsp文件作为临时开发文件，因为在这里写jsp可以直接测出来，等效果可以后，再将内容复制到aindex.jsp中的相应位置。temp.jsp页面如下：XML/HTML代码<%@pagelanguage="java"import="java.util.*"pageEncoding="UTF-8"%>
jQuery 动态绑定
Unsplash这是在项目过程中所遇到的一个问题，给JS动态生成的元素绑定事件失效，代码如下所示：$(".more-btn").on('click',function(){console.log("peaceandlove")};其中，more-btn按钮是通过layer模块动态生成的，而我们在按钮上绑定的点击事件却没能生效，这是因为DOM节点还没有渲染出来，我们就将点击事件就绑定上了而通过查阅jQuery的API文档，on()方法是支持给动态元素绑定事件的，即事件委托模式，我们首先要获取需要绑定的selector的父级元素或祖先元素，比较简单粗暴的办法就是使用body或者document，然后在你绑定的事件后面跟上你的selector即可，代码如下所示：$(document).on('click',".more-btn",function(){console.log("peaceandlove")};EndofFile行文过程中出现错误或不妥之处在所难免，
jQuery ele.find() is not a function 错误的解决办法
Unsplash这又是在项目过程中所遇到的一个问题，ele.find()isnotafunction，其中HTML代码如下所示：
jQuery 常用方法
UnsplashjQuery是一个快速、简洁的JavaScript框架，封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件处理、动画设计和Ajax交互1.选择器符号$表示jQuery对象，$函数通常也被称为jQuery的工厂函数，jQuery的操作基本上都以$()开始，所有选择器都放在这个括号中，例如$("#title")将返回一个jQuery选择的HTML元素，在返回jQuery对象之后，就可以调用由jQuery提供的丰富的API来完成相应的操作了基本选择器，通过元素标签名，元素ID，Class来查找DOM元素，基本选择器共有五种，总结如下：
五年 Web 开发者 star 的 github 整理说明
前端从业几年，积累了不少github开源库。有时候想查阅以前star的库，但不好找，github大多库都是英文说明，对中文开发者不太友好，这里整理下收集的github库，方便需要的时候查阅。其实老早就有整理github上资源的想法，现在才付诸行动。正在写的时候收到稀土圈公众号开源库功能上线的通知，英雄所见略同。node-ffmpegffmpeg视频处理的node库bgrins/videoconverter.js浏览器上转换和操作视频pillarjs/multipartynode端解析请求中表单数据，包括文件上传imweb/FKB腾讯IMWeb团队前端知识库cyclejs-community/create-cycle-app生成cycle.js项目的工具hejianxian/vddlVue列表拖放组件库h5bp/serv
jQuery ele.find() is not a function 错误的解决办法
这是在项目过程中所遇到的一个问题，ele.find()isnotafunction，其中HTML代码如下所示：这是为表格的某一行，每一行代表一种商品，有多行，当我们勾选某一行商品时，通过获取该行商品的ID来获取该行的所有数据，代码如下所示：其中，checked为勾选选项构成的数组，通过closest()从元素本身开始，逐级向上级元素匹配tr元素，查找来获取整行的数据，进而通过find()方法来获取该行的商品ID然而，该行代码却报错了，其实原因也很简单，checked[i].closest('tr')返回的是一个JS对象，而find()函数则是属于jQuery对象的，所以只需要通过$()将其包装在其中，转换为jQuery对象，也可以通过使用$(this)来指代当前元素EndofFile
简易版jQuery——mQuery
前面的话虽然jQuery已经日渐式微，但它里面的许多思想，如选择器、链式调用、方法函数化、取赋值合体等，有的已经变成了标准，有的一直影响到现在。所以，jQuery是一个伟大的前端框架。前端世界日新月异，由于实在是没有时间去精读源码，于是自己封装一个简易版本的jQuery，来梳理jQuery的核心思路基本构架由于火柴的英文是match，应该将这个简单框架称为mQuery。使用面向对象的写法来写mQuery，构造函数是Mquery()，调用$()方法，将根据Mquery()构造函数，创建一个实例对象//构造函数functionMquery(arg){}function$(arg){returnnewMquery(arg);}jquery几大特征：1、通过$()选择的元素都是一个集合，即使仅仅是一个元素因此，创建一个elements属性为一个数组，去接收获取的元素//构造函数functionMquery(arg){//保存所选择的元素this.elements=[];}2、链式调用所以，原型函数要返回this，
15个超强的jQuery/HTML5图片轮播插件
最近我们为大家分享过不少基于jQuery的图片轮播插件，当然也有很多使用了HTML5和CSS3的相关技术，让整个图片播放器显得更加美观，动画效果显得更加炫酷。这次我们特意为大家筛选了一些最新的jQuery/HTML5图片轮播插件，每一个的功能都比较强大，当然可能不是每一个都适合你，但你也可以从中学到不少用jQuery和HTML5编写图片轮播插件的知识。下面我们一起来看看这15个强大的图片播放器吧。1、jQuerySVG左右弹性切换全屏焦点图动画这款焦点图插件的特点有2个，一个是焦点图整体以全屏的方式呈现，显得非常大气，而且图片四周也有3D阴影，立体视觉效果非常独特。第二是焦点图在图片切换的时候以弹性淡入淡出的动画方式，显得相当时尚。动画采用SVG相关特性，扩展十分灵活。在线演示源码下载2、超实用的jQuery淡入淡出焦点图插件带3D相框这是一款基于jQuery和CSS3的焦点图插件，这款焦点图的设计非常简单，仅仅是自动播放一系列相片，相片在切换的时候带有淡入淡出的动画特效，使用起来也十分方便。另外一个特点是，这款jQu
jQuery插件——ajax
一、ajax请求1、load(url,[data],[callback])概述：加载远程的HTML文件代码，并插入到指定的DOM节点中。参数：url:待装入HTML网页网址。data:发送至服务器的key/value数据。在jQuery1.3中也可以接受一个字符串了。callback:载入成功时回调函数。可以只传入一个参数，表示加载一个静态的HTML代码片段。$("#div1").load("load.html");2、$.ajax():是JQuery最底层的ajax函数，参数接收一个大对象。对象里面的属性和方法，表示ajax请求的相关设置：（1）url:请求远程文件的路径（2）type：Ajax请求的类型，可选值get/post（3）data:对象格式。向后台发送一个对象，表示传递的数据。常用与type为"post"的请求方式；如果type为"get"，可以直接使用？追加在URL的后面。（4）dataType：预期后台返回什么类型的数据。"text"
JSON.parse()、eval()、JSON.stringify()和jQuery.parseJSON()的用法
一：JSON数据的两种解析方法JSON.parse()、eval()方法1：JSON.parse():用于将一个JSON字符串转换为JavaScript对象。varstr='{"name":"zhangsan","age":18,"gender":"man"}';JSON.parse(str);结果：注意：单引号写在{}外，每个属性名都必须用双引号，否则会抛出异常。(有的浏览器不支持JSON.parse()如：IE6、IE7就不支持)2：eval():也是用于将一个JSON字符串转换为JavaScript对象varstr='{"name":"zhangsan","age":18,"gender":"man"}';eval('('+str+')');//格式：eval('('+string+')');结果：为什么eval()解析的时候要加括号？那是因为eval()相当于一个执行环境，当你不加括号的时候，str会被认为是一条复合语句。运行的时候就会逐个字符
JQuery实用技巧--学会你也是大神(1)——插件的制作技巧
前言JRedu学习之前，首先我们需要知道什么是JQuery?JQuery是一个优秀的javascript框架。JQuery是继Prototype之后又一个优秀的Javascript框架。其宗旨是——WRITELESS,DOMORE,写更少的代码,做更多的事情。它是轻量级的js库，这是其它的js库所不及的，它兼容CSS3，还兼容各种常用浏览器。JQuery是一个快速的，简洁的JavaScript库，使用户能更方便地处理HTMLdocuments、events、实现动画效果，并且方便地为网站提供AJAX交互。JQuery还有一个比较大的优势是，它的文档说明很全，而且各种应用也说得很详细，同时还有许多成熟的插件可供选择。JQuery能够使用户的html页保持代码和html内容分离，也就是说，不用再在html里面插入一堆js来调用命令了，只需定义id即可。进行jQuery插件开发前，首先要知道两个问题：什么是jQuery插件？jQuery插件如何使用？第一个问题，
jQuery的less和scss之less的基本介绍（一）
变量使用规则多次频繁出现的值，后期需要统一修改的值，牵扯到数值运算的值，推荐使用变量。less中的变量类型①数值类：不带单位的123不带单位的1px②字符串类型：带引号的"啊哈哈哈"不带引号的red#ff00000③颜色类：red④值列表类型：多个值用逗号或空格分隔css中出现的属性值，在less中都可以用作变量名2.混合(Mixins)①无参混合声明:.class()；调用，在选择器中，使用.class调用例如.boderradius{border-radius:10px;-webkit-border-radius:10px;-moz-border-radius:10px;}②有参无默认混合声明:.calss(@param){}；调用:.class(@paramValue)；例如.boderradius1(@radius){border-radius:@radius;-webkit-border-radius:@radiu
最简单实用的JQuery实现banner图中的text打字动画效果！！！
下面，就让小博详细介绍如何实现上面GIF实现的banner图中的文字动画效果，最简单实用的方法（鉴于代码量较小，就内嵌在一个HTML文件中了）：首先，我们要在header导入一个jQuery，并新建一个CSS标签，在body部分建立一个外层的div，取一个ID，里面再建立一个内层的div，取一个ID，内层div里，新建一个h1标签和一个p标签，将您显示的文字放到里面，示例代码如下: Loremipsumdolorsitamet放入您的文字
jQuery->JavaScript一览表
比较jQuery与JavaScript的不同功能实现CSS选择器元素选择//jQuery$("li").css("color","red");//JavaScriptdocument.querySelectorAll('li').forEach(el=>{el.style.color='red';});ID选择//jQuery$('li#first').css('color','red');//JavaScriptdocument.querySelector('li#first').style.color='red';类选择//jQuery$('li.first').css('color','red');//JavaScriptdocument.querySelectorAll('li.first').foreach(el=>{el.style.color='red';});子元素选择//jQuery$('.firststrong').css('color','red');//JavaScript
原生JS和jQuery实现banner图滚动那些事
前言阿q作为一个准前端学员，banner图可是很重要的呢。本人，小白一只，给大家分享几个刚刚学习的基础banner图事件。~~~1.小广告图滚动播放1.1HTML代码首先，创建基本结构