什么是AJAX
AJAX（Asynchronous Javascript And XML）翻译成中文就是“异步Javascript和XML”。即使用Javascript语言与服务器进行异步交互，传输的数据为XML（当然，传输的数据不只是XML）。
同步交互：客户端发出一个请求后，需要...[2019/3/22]
Vue脚手架搭建步骤
Vue脚手架的搭建步骤
1. 去node.js官网下载node.js并安装，如下图：
2. 找到下载的文件并点击安装：
一直到finish完成。安装成功
3.&nbs...[2019/3/22]
禁用事件默认行为禁用事件默认行为
在大多数情况下,为事件处理函数返回false,可以防止默认的事件行为.例如,默认情况下点击一个<a>元素,页面会跳转到该元素href属性指定的页。
js中return false作用一般是用来取消默认动作 / 阻止提交表单 / 阻止继续执行下面的代码。
代码如下所示:
v...[2019/3/21]
jQuery 扩展方法
一：自定义 getmax 函数，使用 $ 调用
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title&...[2019/3/21]
可编辑且宽度自适应input
默认的input项是比较难看的，并且它的宽度还无法随着输入而变化，这样未免有些呆板，不过借助JavaScript可以达到宽度自适应的效果，下面为了方便使用了jQuery：
<div cla ="list">
<span cla ="list_name">娉...[2019/3/21]
jqery autocomplete 动态传递参数的问题
今天弄一个autocomplete 向后后台动态传递参数的问题
params: { "saleid": $("#divSalesman input[field=''SalesmanId'']").val() }, 这样是不行的因为autocomplete() 方法不会每次...[2019/3/21]
layui水平导航条三级
需求
需要做一个顶部的水平导航条，有三级，展开的时候二级和三级一起展开，结果如图：
效果
一级菜单
二级标题
三级菜单
三级菜单
二级标题
三级菜单
三级菜单
...[2019/3/20]
jQuery学习笔记jQuery学习笔记
jQuery的下载使用
jQuery下载地址：jquery.com。
使用方式：将下载下来的文件如jquery.js嵌入到HTML文件中。
<script typpe="text/javascript" src="jquery.js"></script>
...[2019/3/18]
jQuery中是事件绑定方式--on、bind、live、delegatejQuery中是事件绑定方式--on、bind、live、delegate
概述：jQuery是我们最常用的js库，对于事件的绑定也是有很多种，on、one、live、bind、delegate等等，接下来我们逐一来进行讲解。
本片文章中事件所带的为版本号，例：v1.7+为1.7版本以上才有，v3.0-为3.0版本后不推荐使用，特此声明。
本文参考了 w3...[2019/3/18]
jQuery中的动画方法
对角线动画
hide()：显示
可以写两个参数——第一个参数
数字类型：毫秒
字符串类型：
slow：慢 600ms
normal：比slow快 ...[2019/3/15]
有关ajax
1.什么是ajax?
ajax是前端与后端交互所依赖的一项技术,它相当于一座桥梁,沟通了前端与后端。
2.ajax的优点
可以局部更新网页内容。
3.ajax的本质就是xmlHttpRequest对象
4.控制台出现三个属性:
readystate:请求五个阶段...[2019/3/14]
使用JS与jQuery实现文字逐渐出现特效
该需求出现原因：想要实现一个在一开始加载页面时就出现一行文字逐渐出现的效果，且需要实现的是一种逐渐的过渡出现效果为不是一种生硬的突然间歇性出现。于是便开始尝试利用最近正在学习的jQuery技术和JS实现。
【注】：该篇文章适合初学者阅读，大佬请跳过。
【需要的知识点】：JS中利用Timin...[2019/3/14]
原生jQuery代码
function myJquery(selector){ if(typeof selector=="string") { if (selector.charAt(0) == "<" && selector.slice(-1) == ">") { ...[2019/3/14]
Nivo Slider用法
示例代码：
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Document</title>
...[2019/3/14]
lightbox用法lightbox用法
示例代码:
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>lightbox</title>
...[2019/3/14]
详解jQuery-each()方法
jquery中有隐式迭代，不需要我们再次对某些元素进行操作。但是如果涉及到不同元素有不同操作，需要进行each遍历。本文利用10个li设置不同的透明度的案例，对each方法进行说明。
语法：
$(元素).each(function(index,element){ });
参...[2019/3/14]
Promise 对象
一、Promise 的含义
Promise 是异步编程的一种解决方案，所谓Promise，简单来说就是一个容器，里面保存着一个异步操作的结果。
Promise对象有以下两个特点：
1、对象的状态不受外界的影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、f...[2019/3/13]
关于JQ中ready()方法的几种写法总结
——习惯贵在坚持，天才在于积累。
好久没写博客的我，似乎是忘记了当初写博客的初衷是要在博客笔记中提升自己的写作能力和积累自己的知识要点。
废话不多说。
ready()方法作用：
在页面加载完成后，立即执行指定的函数。这么做的好处...[2019/3/12]
viewer.js 视图预览demo
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta http-equiv="x-ua-compatible" content="ie=ed...[2019/3/11]
npm run dev的错误
一直出现这个问题，有试过重新npm安装之类的，也试过替换文件，后来才知道原来是我在初始目录下执行run,应该cd到该项目下在run,如图
firsttest是我的项目名字
原文链接：http: www.cnblogs.com/wsmpy3/p/1049689...[2019/3/11]
关于面向对象的简单总结
、什么是对象：万事万物皆对象一切具有相同本质特征和行为的物质 或一切具有属性和方法的事物，都称作对象。对象具有两个特性：属性和方法
对象类型 存储在堆中。
例如：var obj = { name : "jack"}var obj2 = obj ; 将obj的地址传递给obj2...[2019/3/11]
【转载】使用Jquery操作Cookie对象【转载】使用Jquery操作Cookie对象
Cookies是一种能够让网站服务器把少量数据储存到客户端的硬盘或内存，或是从客户端的硬盘读取数据的一种技术。jQuery是一个封装好的JavaScript库，使用jQuery可以极大地简化了JavaScript编程，方便前端开发人员。使用传统的javascript来操作cookie的话会相对比较...[2019/3/11]
JQuery知识点总结
jQuery概述
js与jQuery
获取的对象
jQuery获取的是jquery对象,js获取的是js对象(dom对象),dom对象不能调用jquery的方法,jquery对象也不能调用dom对象的方法
dom对象转换为jQuery对象:$(dom对象)
层级选择器...[2019/3/8]
自定义基于jquery竖向瀑布流插件
公司新项目做了一个关于图片的板块，网上找了一些瀑布流插件都不是很适合自己，于是就自己造轮子写一个，并封装成插件
于是就想分享一下，主要是为了更好的学习与记忆。
如果大家进来了，希望能给我github点个免费star，你轻轻的来，不要悄悄的走嘛。感谢大佬- -
github
下面介绍一下（也可...[2019/3/6]
bootstrap的使用和注意事项
1，在https: v3.bootc .com/getting-started/#download下载bootstrap的压缩包；
2，将压缩包解压到自己的工程文件中，会得到如下结果：
3，打开这个解压的文件，一直点击进去，里面有三个文件的界面，展示如下：
4，c 文件中装...[2019/3/6]
初识jQuery初识jQuery
常见的JavaScript框架库
1.什么是JavaScript 框架库？
普通JavaScript 的缺点：每种控件的操作方式不统一，不同浏览器下有区别封装库，要编写跨浏览器的程序非常麻烦。因此出现了很多对JavaScript 的。
2.常见的JavaScript 框架库
Pro...[2019/3/6]
Jquery 使用和Jquery选择器Jquery 使用和Jquery选择器
jQuery中的顶级对象（$）
jQuery 中最常用的对象即 $ 对象，要想使用 jQuery 的方法必须通过 $ 对象。只有将普通的 Dom 对象封装成 jQuery 对象，然后才能调用 jQuery 中的各种方法。 $ 是 jQuery 简写，在代码中可以使用 jQuery 代...[2019/3/6]
jQuery入门
一、入门
1、jquery 就是一个js的框架；
2、好处就是能让我们的js代码写的更少；
3、基本使用：引入script，后面使用即可；
4、关于版本选择：1.* 版本的兼容性比较好，大公司用的多；
5、关于压缩版和为压缩版：开发用未压缩的便于看源码学习，生产环境用压缩版可以提...[2019/3/5]
node vue 开发环境部署时，外部访问页面出现： Invalid Host header 服务器域名访问出现的问题node vue 开发环境部署时，外部访问页面出现： Invalid Host header 服务器域名访问出现的问题
这是新版本 webpack-dev-server 出于安全考虑， 默认检查 hostname，如果hostname不是配置内的，将中断访问。顾仅存在于开发环境： npm run dev，打包之后不会。
在 build/webpack.base.conf.js 的...[2019/3/5]
pc端js常用方法
var common = {};
/**
* [pageMask ajax统一请求]
* @return {[type]} [description]
*/
common.pageMask = function() {
...[2019/2/28]
jQuery each和js forEach用法比较jQuery each和js forEach用法比较
本文实例分析了jQuery each和js forEach用法。分享给大家供大家参考，具体如下：
对于遍历数组的元素，js和jquery都有类似的方法，js用的是forEach而jquery用的是each，简单举例;
var arr = new Array(["b", 2, "a"...[2019/2/28]
easyui div 上下布局 最大化按钮 隐藏标题
背景：easyui在做上下布局的时候，上面是数据列表，下面是数据图表。如下图
需要在上下面板右上角加上最大化按钮，以便可以全屏显示。逻辑就是当上面点击最大化时候，隐藏下面，主意：此时需要将下面的div标题设置为空字符，否则后果就是列表中间有一道人员能力统计图标题；当点击恢复按钮的时候，展...[2019/2/26]
javascript 使用数组+循环+条件实现数字转换为汉字的简单方法。
这几天，博主碰到了几道关于数字转汉字的javascript算法题，在网上找了很多的答案，发现都有点复杂，于是我决定自己写一篇关于这种算法题的简单解法，以下是博主自己的见解，有不足的地方请多指教。
接下来，我给大家讲解一下几道类似的例题
一、单个数字转汉字的解决方法
1.利用数组存储0-9的...[2019/2/25]
基于jquery的插件turn.js学习笔记
基于jquery的插件turn.js学习笔记
简介
turn.js是一个可以实现3d书籍展示效果的jq插件，使用html5和c 3来执行效果。可以很好的适应于ios和安卓等触摸设备。
How it works？
下面是官网展示的最简单的一个应用实例
1.编写html部分
<div id...[2019/2/25]
JGUI源码：Accordion鼠标中键滚动和手机端滑动实现
本文是抽屉组件在PC端滚动鼠标中键、手机端滑动时，滚动数据列表实现方法，没有使用iscroll等第三方插件，支持火狐，谷歌，IE等浏览器。演示在：www.jgui.com Github地址：https: github.com/zhaogaojian/JGUI觉得好的给个st...[2019/2/25]
jQuery快速入门
jQuery
jQuery介绍
1.jQuery是一个轻量级的、兼容多浏览器的JavaScript库。
2.jQuery使用户能够更方便地处理HTML Document、Events、实现动画效果、方便地进行Ajax交互，能够极大地简化JavaScript编程。它的宗旨...[2019/2/25]
jQuery 练习：取出数组字典的值, 静态对话框, clone方法应用
jQuery 中文API文档 http: jquery.cuishifeng.cn/
jQuery 取出数组字典的值
<head>
<meta charset="UTF-8">
<title>Title</title>
&l...[2019/2/22]
jQuery,js如何扩展自定义方法
(jQuery.fn.myMethod=function () {
alert(''myMethod'');
})
(function ($) {
$.fn.extend({
myMethod : function () {
...[2019/2/22]
Web前端JQuery面试题（二）
Web前端JQuery面试题（二）
1.请写出jquery的语法？
<script type="text/javascript">
$(document).ready(function(){
程序段
})
< cript>
wi...[2019/2/22]
Web前端JQuery面试题（一）
Web前端JQuery面试题（一）
一：选择器
基本选择器
什么是#id，element，.cla ，*，selector1, selector2, selectorN？
答：
根据给定的id匹配一个元素，用于搜索，通过id的属性给定值。
案例：查找id为da3的元素
ht...[2019/2/21]
基于Jq的手写插件基于Jq的手写插件
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="utf-8">
<meta name="viewport" content="width=device-width,in...[2019/2/20]
jquery html 鼠标悬浮出现列表切换
效果截图
HTML结构为：
<div cla ="activityBox">
<ul cla ="activityTab">
<li style="MARGIN-RIGHT: 3px" id="FlashSale"...[2019/2/19]
jQuery 一：选择器，筛选器
jQuery 简介
jQuery由美国人John Resig创建，至今已吸引了来自世界各地的众多 javascript高手加入其team。
jQuery是继prototype之后又一个优秀的Javascript框架。其宗旨是——WRITE LESS,DO MORE,写更少的代码,做更多的事情。
它...[2019/2/19]
jQuery 练习：tab 切换
实现内容随菜单切换
<!DOCTYPE html>
<html lang="en">
<head>
<meta charset="UTF-8">
<title>Title</title>
<s...[2019/2/19]
jquery获取元素节点
常用到的知识点，在此记录，以便查阅
$(''.test'').parent(); 父节点
$(''.test'').parents(); 全部父节点
$(''.test'').parents(''.test1''); 含有类名.test1的父节点
$(''.test'').children...[2019/2/18]
jquery，字符串转json对象，json对象转字符串
字符串转json对象
方法一：var json = eval(''('' + str + '')'');
方法二：return JSON.parse(str);
json对象转字符串
JSON.stringify(jsonobj); ...[2019/2/18]
Easyui 修改jquery validatebox为英文校验提示为中文提示
修改jquery validatebox为英文校验提示为中文提示
by:授客 QQ：1033553122
测试环境
jquery-easyui-1.5.3
问题描述：
如图，想把校验提示由英文改成中文
...[2019/2/18]
Easyui 修改|新增jquery-easyui icon图标
修改|新增jquery-easyui icon图标
by:授客 QQ：1033553122
测试环境
jquery-easyui-1.5.3
修改配置文件
打开jquery-easyui-1.5.3\themes\icon.c 文件，文件头部...[2019/2/18]
使用jquery获取url上的参数（笔记）
使用jquery获取url上的参数（笔记）
一、做作业时经常要获取url上的参数
1、当url上有多个参数时
从互联网找到了一个方法
(function ($) {
$.getUrlParam = function (name) {
var reg = ne...[2019/2/18]
Easyui 实现点击不同树节点打开不同tab页展示不同datagrid表数据设计Easyui 实现点击不同树节点打开不同tab页展示不同datagrid表数据设计
实现点击不同树节点打开不同tab页展示不同datagrid表数据设计
by:授客 QQ：1033553122
测试环境
jquery-easyui-1.5.3
需求描述
如上图，
...[2019/2/12]
经验首页