梁山伯_的博客

原创 H5中拖放效果

代码附上：#div1 {width:198px; height:66px;padding:10px;border:1px solid #aaaaaa;}function allowDrop(ev){ev.preventDefault();}function drag(ev){ev.dataTransfer.setDat

原创 jQuery 树型菜单插件(Treeview)

相关链接jQuery Treeview 完整实例下载：http://static.runoob.com/download/jquery-treeview.zip。jQuery Treeview Github 地址：https://github.com/jzaefferer/jquery-treeview。jQuery Treeview 提供了一个无序

原创 jQuery Prettydate 日期插件

jQuery Prettydate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。该插件目前版本是 1.1.0。下载 jQuery Prett

原创 jQuery Password Validation（密码验证）插件

jQuery Password Validation（密码验证）插件扩展了 jQuery Validate 插件，提供了两种组件：一种评价密码的相关因素的功能：比如大小写字母的混合情况、字符（数字、特殊字符）的混合情况、长度、与用户名的相似度（可选的）。一种使用评价功能显示密码强度的验证插件自定义方法。显示的文本可以被本地化。您可以简单地自定义强度显示的外观、本地化消息显示，并集成

原创 jQuery Growl 消息提醒插件

jQuery Growl 插件(消息提醒) 允许您很容易地在一个覆盖层显示反馈消息。消息会在一段时间后自动消失，不需要单击"确定"按钮等。用户也可以通过移动鼠标或点击关闭按钮加快隐藏信息。该插件目前版本是 1.0.0。访问 jQuery Growl 官网，下载 jQuery Growl 插件。效果如下：使用方式下载好插件后倒入

原创 jQuery Autocomplete 自动完成插件

jQuery Autocomplete 插件根据用户输入值进行搜索和过滤，让用户快速找到并从预设值列表中选择。通过给 Autocomplete 字段焦点或者在其中输入字符，插件开始搜索匹配的条目并显示供选择的值的列表。通过输入更多的字符，用户可以过滤列表以获得更好的匹配。该插件现在是 jQuery UI 的一部分，独立的版本不会再更新了。目前版本是 1.6。访问 jQuery Au

原创 jQuery Accordion 可折叠插件

jQuery Accordion 插件用于创建折叠菜单。它通常与嵌套的列表、定义列表或嵌套的 div 一起使用。选项用于指定结构、激活的元素和定制的动画。该插件现在是 jQuery UI 的一部分，独立的版本不会再更新了。目前版本是 1.6。jQuery Accordion 官网，jQuery Accordion 插件下载：http://www.runoob.c

原创 JQuery 选择器

JQuery 选择器选择器实例选取*$("*")所有元素#id$("#lastname")id="lastname" 的元素.class$(".intro")class="intro" 的所有元素.class,.class$(".intro

原创 JQuery 动画

JQuery 动画1 显示、隐藏、Hide（）：隐藏；  将高度、宽度、透明度变为0 初始！Display为none；Show（）；显示； 将高度、宽度、透明度变为初始值css样式的时候，display为“block”；Toggle（）；切换； 如果display为none的时候，点击一下变成block；反之变成none；   jQuery-3.2.1.mi

原创 JQuery DOM

JQuery DOM1 内容操作   1、文本内容的操作text（）     作用：获取或设置文本内容 （等价于Dom操作中的innerText属性） 错误：jQuery没有导入   2、Html（）：获取元素中的所有内容（html的标签）；   3、val（）：数值获取或设置表单中的值；   4、attr（）；获取或设置元素属性值；

原创 jQuery Validate 验证插件

jQuery Validate 插件为表单提供了强大的验证功能，让客户端表单验证变得更简单，同时提供了大量的定制选项，满足应用程序各种需求。该插件捆绑了一套有用的验证方法，包括 URL 和电子邮件验证，同时提供了一个用来编写用户自定义方法的 API。所有的捆绑方法默认使用英语作为错误信息，且已翻译成其他 37 种语言。导入JS库  src="http://static.ru

原创 jQuery导航

jQuery导航1祖先parent（）找到的是当前的夫类$("#myself").parent().css("backgroundColor","red");parents（）找到的是当前元素的所有夫类注意如果在小括号里传入参数，就可以找到你所指定的哪一个父元素parentsUntil （）选中指定两个元素中的祖先元素2后代children（

原创 面试题：在JS中typeof返回的结果有哪几种？

JS里面的typeof有6种：（1）object（2）function（3）string（4）boolean（5）number（6）undefined

原创 html网页什么样的字体最好看，css设置各种中文字体样式代码

css代码如下:{ font-family:"Microsoft YaHei",微软雅黑,"MicrosoftJhengHei",华文细黑,STHeiti,MingLiu }加上中文名“微软雅黑”是为了兼容opera在css中使用英文表示法，以下附常见中文字体的英文名：网页字体样式华文黑体：STHeiti网页字体样式华文楷体：STKaiti网页字体样式华文宋体：ST

原创 HTml中面试题 ---&&的作用以及||特点

var a=2;var b=1;if(a%2 && b++);a++;//如果出现一个假false后面的将不会再继续进行运算// if后面“；”已经添加了分号结束//1、&& 与运算：如果出现了false后面的语句将不再执行alert(a);//3alert(b);//1 var a=3; var b=1; if

原创 事件

10 事件10.1 事件的概念事件源      ：粤商大酒店201事件名   ：火灾事件注册：事先已经规划好片区，粤商大酒所属片区归南湖区消防支队负责！事件处理    ：南湖区消防员灭火（喷水）以火灾为例： 粤商大酒店201房间发生火灾，119电话报警，南湖区消防支队出警，现场通过喷水作业成功灭火！10.2 常用事件 鼠标点击事件：（1） 单击事件：cl

原创 对象

Math对象1）Math.max:（n1,n2,n3）在（n1,n2,n3）中取得最大的值！2）Math.min:（n1,n2,n3）在（n1,n2,n3）中取得最小的值！3）Math.PI:获得π的值var pi = Math.PI;alert(pi);4）Math.E:获得e的值var pi = Math.PI;alert(pi);5）Math.pow（x，

原创 正则表达式

整数或者小数：^[0-9]+\.{0,1}[0-9]{0,2}$只能输入数字：”^[0-9]*$”只能输入n位的数字：”^\d{n}$”只能输入至少n位的数字：”^\d{n,}$”只能输入m~n位的数字：”^\d{m,n}$”只能输入零和非零开头的数字：”^(0|[1-9][0-9]*)$”。只能输入有两位小数的正实数：”^[0-9]+(.[0-9]{2})?$”。只能

原创 H5-----null和undefined的区别？

null和undefined的区别？null是一个表示"无"的对象，转为数值时为0；undefined是一个表示"无"的原始值，转为数值时为NaN。undefined：（1）变量被声明了，但没有赋值时，就等于undefined。（2) 调用函数时，应该提供的参数没有提供，该参数等于undefined。（3）对象没有赋值的属性，该属性的值为undefined。

原创 递推|迭代|穷举案例

递推案例：一般而言，兔子在出生两个月后，就有繁殖能力，一对兔子每个月就能生出一对兔子来如果兔子都不死，那么每月总共有多少兔子？ 一般是要找到数学规律，通过公式计算找到下一项的值，一直找到我们要的结果；列如：兔子产子，通过前两项的到最后一项；       /!*    * 月份  0    1     2   3    4   5   6    * 幼崽  1    1

原创 面试题:介绍JS基础数据类型

Undefined、Null、Boolean、Number、String

转载 冒泡排序

原创 http状态码

先把他们进行分类比如：2开头，一般表示成功的请求。3开头表示重定向、使用本地缓存。。。4.请求路径问题。 状态码含义100客户端应当继续发送请求。这个临时响应是用来通知客户端它的部分请求已经被服务器接收，且仍未被拒绝。客户端应当继续发送请求的剩余部分，或者如果请求已经完成，忽略这个响应。服务器必须在请求完成后向客户端发送一个最终响

原创 js取数组两个数组的交集|差集|并集|补集|去重

/**  * each是一个集合迭代函数，它接受一个函数作为参数和一组可选的参数  * 这个迭代函数依次将集合的每一个元素和可选参数用函数进行计算，并将计算得的结果集返回  {%example  script>       var a = [1,2,3,4].each(function(x){return x > 2 ? x : null});       var b = 

转载 验证日期的正则表达式加入闰年的判断以及思路分析

1.验证日期的正则表达式加入闰年的判断以及思路分析进入正题之前，我们需要澄清两个概念：一，什么是合法的日期范围？对于不同的应用场景，这个问题有不同的解释。这里采纳MSDN中的约定：DateTime 值类型表示值范围在公元（基督纪元）0001 年 1 月 1 日午夜 12:00:00 到公元 (C.E.) 9999 年 12 月 31 日晚上 11:59:59 之间的日期和时

原创 Label的作用是什么？是怎么用的？

label标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。span style="font-size:24px;">label for="Name">Number:label>input type=“text“name="Name" id="Name"/>label>Date:input type="text" name="B"/>

原创 常用对象

字符串的定义：定义一个变量，然后直接将字符串赋值；1）访问字符串里的字符   a.数组的方法是（str[i]）;   b.字符串方法是charAt（i）；2）查找：       a.数组方式：indexof       b.字符串方式使用search方法）Search（）方法：传入参数（要搜索的子串），返回的第一个是字符在父串的下标；这个方法对大小写敏感！3）取子串

原创 Js 数组总结

数组怎么用？有三种：1）var a=[];2)   var a=new Array（）;3)   var a = [0,0,0];访问元素：数组名+下标a[0]    a[3]需要注意下标是从0开始的！所以在使用的时候需要注意越界的问题，比如5个元素的数组，那么它的下标范围为[0,4]不包括5,5已经越界了！数组到到底是什么？

原创 面试题：Doctype作用！

在当今的互联网大军中，不少人顺应时代潮流，选择了Web开发作为自己的发展方向，进行Web前端工程师培训。今天，IT培训给大家分享一下：Doctype作用? 严格模式与混杂模式如何区分?它们有何意义?(更多内容推荐：理科生学什么专业好就业)(1)、声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。(2)、严格模式的排版和JS 运作模式是

原创 案例：Js验证100以内的数都符合角谷定理

script>    var flag= true;    for(varn=2;n100;n++){    if(!isJiaogu(n)){    flag = false;}}    alert("角谷定理验证"+(flag?"成功":"失败"));    /*功能：判断一个给定的数是否符合角谷定理    * 名称：isJiaogu    

原创 Js函数

函数的概念为什么需要用函数？首先看一下输出100所有素数问题的解决方案方案一：循环的嵌套script>    for (varn=2;n100;n++) {        var m= Math.ceil(Math.sqrt(n));//根据相关数学定理，查找范围可缩小至[2,sqrt(n)]        varfound = false;//

原创 面试题:HTML语义化的理解

简答：用正确的标签做正确的事情。html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析;即使在没有样式CSS情况下也以一种文档格式显示，并且是容易阅读的;搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO;使阅读源代码的人对网站更容易将网站分块，便于阅读维护理解。深解：作为一个前端开发人员，你要是没

原创 错误调试

错误的概念与处理计算机程序的错误有两种：语法错误和逻辑错误。比如：alert 拼写错误，写成了alter。script>     var a = 3+4;    alert(a);    alter(a);    a++;    alert(a);script>运行结果只显示了7，后面的结果没有显示，说明后面的代码没有执行。因为输出7