孟玉磊-CSDN博客

转载 H5面试题---如何阻止事件冒泡和默认事件

如何阻止事件冒泡和默认事件阻止事件冒泡:[javascript] view plain copy print?function stopBubble(e) { if (e && e.stopPropagation) e.stopPropagation() el

2017-08-21 20:17:28 2410

原创 JQuery 导航

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

2017-08-15 16:04:46 1097

原创 JQuery DOM

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

2017-08-15 16:01:23 956

原创 JQuery 动画

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

2017-08-15 15:59:03 1006

原创 JQuery 选择器

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

2017-08-15 15:54:13 742

原创 h5 面试题在js中typeof返回结果有几种？

有6种：Number（数值） String（字符串） Boolean（布尔） Null（空） Undefined（未定义）引用类型有一个：Object（对象）

2017-08-15 08:29:25 1225 1

原创 h5面试 &&和||的坑，你踩过吗？

&&的使用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(a%2 || b++);a++;2、|

2017-08-12 17:23:36 1132

原创 js BOM

BOM概念：bom browser object model1 常用对象Window:窗口，浏览器的窗口我们定义的全局变量的全局函数都是Window对象的属性和方法浏览器boby的宽度：window.ininerWidth浏览器boby的高度：window.ininerHeight;常用的方法：Open：打开一个新的浏览器，要传三个参数，第一个为将要打开浏览器的

2017-08-11 17:12:46 919

转载 http协议学习系列

http协议学习系列1. 基础概念篇1.1 介绍 HTTP是Hyper Text Transfer Protocol（超文本传输协议）的缩写。它的发展是万维网协会（World Wide Web Consortium）和Internet工作小组IETF（Internet Engineering Task Force）合作的结果，（他们）最终发布了一系列的RFC，RFC

2017-08-11 16:08:02 962

原创 js Dom

DOM 1.获取元素（1）getElementById根据元素的id属性来获取元素，获取到的是一个元素（2）getElementsByTagName根据标签名来获取元素，结果是一个元素集合。（3）getElementsByClassName根据class属性来获取元素，结果是一个元素集合。（4）getElementsByName根据name属性来获取元素，结

2017-08-09 17:01:08 805

原创常见事件

事件1 事件的概念事件源事件名事件注册事件处理2 常用事件鼠标常用事件：1） click 单击事件body>pid="p1"onclick="fun()">asdadp>body>scripttype="application/javascript">function fun(){ var p1=document.getElementById(

2017-08-08 16:20:30 800

转载前端框架这么多，该如何选择？

前端框架这么多，该如何选择？那么在项目实施中，我们一般会关注哪些方面呢？有过前端开发经验的同僚们可能会想到：要有可复用的组件，要控制质量做测试和静态检查，要有组件隔离的样式方便实现Responsive，要打包部署方便，最好学起来不要太复杂，方便能力建设、节省招聘成本等等。接下来，我们将从组件复用、测试和学习曲线这三个主要的方面对Angular4,Ember.js，Vue.js和Re

2017-08-08 09:47:25 3629

转载揭秘HTTPS的"秘密

本文作者为: SylvanasSun.转载请务必将下面这段话置于文章开头处(保留超链接).本文转发自SylvanasSun Blog,原文链接: https://sylvanassun.github.io/2017/08/06/2017-08-06-DigestHttps/揭秘HTTPS的"秘密在说https之前,我们先了解一下http,以及为什么要使用https.

2017-08-08 09:43:19 1370 1

原创常见算法—累积累加、迭代、递推、递归

累加/累积一般形式：累加：v+=e；累计：v*=e；算法要点：1）初始化初始化v和e累加：v=0；累积：v=1；E的初始化，如果累加/积项比较复杂，可能会分解为几个子项分别初始化，比如计算圆周率的问题，累加项分解为符号、分子可分母三部分。2）循环的控制条件一种是固定次数，比如计算弹跳距离的问题、计算数列前20项

2017-08-08 08:32:10 3526

转载知道这20个正则表达式，能让你少写1,000行代码

知道这20个正则表达式，能让你少写1,000行代码正则表达式，一个十分古老而又强大的文本处理工具，仅仅用一段非常简短的表达式语句，便能够快速实现一个非常复杂的业务逻辑。熟练地掌握正则表达式的话，能够使你的开发效率得到极大的提升。正则表达式经常被用于字段或任意字符串的校验，如下面这段校验基本日期格式的JavaScript代码：var reg = /^(\\d{1,4})(-|\\/)

2017-08-06 17:02:58 1270

转载 H5---js有哪些内置对象？和介绍js的基本数据类型

js有哪些内置对象数据封装类对象：Object、Array、Boolean、Number 和 String其他对象：Function、Arguments、Math、Date、RegExp、Errorjs的基本数据类型Undefined、Null、Boolean、Number、String

2017-08-06 13:04:01 1628

转载 H5面试题---new操作符具体干了什么呢？和null和undefined的区别？

new操作符具体干了什么呢?（1）创建一个空对象，并且 this 变量引用该对象，同时还继承了该函数的原型。（2）属性和方法被加入到 this 引用的对象中。（3）新创建的对象由 this 所引用，并且最后隐式的返回 this 。 null和undefined的区别？

2017-08-06 13:01:47 1636

转载 H5面试题---HTTP状态码知道哪些

HTTP状态码知道哪些？100 Continue 继续，一般在发送post请求时，已发送了http header之后服务端将返回此信息，表示确认，之后发送具体参数信息200 OK 正常返回信息201 Created 请求成功并且服务器创建了新的资源202 Accepted 服务器已接受请求，但尚未处理301 Moved Permanently

2017-08-06 13:00:00 1169

转载八大排序算法

概述排序有内部排序和外部排序，内部排序是数据记录在内存中进行排序，而外部排序是因排序的数据很大，一次不能容纳全部的排序记录，在排序过程中需要访问外存。我们这里说说八大排序就是内部排序。当n较大，则应采用时间复杂度为O(nlog2n)的排序方法：快速排序、堆排序或归并排序序。快速排序：是目前基于比较的内部排序中被认为是最好的方法，

2017-08-04 14:37:45 1033

转载 H5面试----为什么要初始化 CSS 样式

为什么要初始化 CSS 样式因为浏览器的兼容问题，不同浏览器对有些标签的默认值是不同的，如果没对 CSS 初始化往往会出现浏览器之间的页面显示差异。当然，初始化样式会对 SEO 有一定的影响，但鱼和熊掌不可兼得，但力求影响最小的情况下初始化。最简单的初始化方法是：*{padding:0;margin:0} (不建议)[css] view

2017-08-04 09:48:07 1015

转载 H5面试----简述一下src与href的区别

src与href的区别href 是指向网络资源所在位置，建立和当前元素（锚点）或当前文档（链接）之间的链接，用于超链接。src是指向外部资源的位置，指向的内容将会嵌入到文档中当前标签所在位置；在请求src资源时会将其指向的资源下载并应用到文档内，例如js脚本，img图片和frame等元素。当浏览器解析到该元素时，会暂停其他资源的下载和处理，直到将该资源加载、编译、执行完毕，

2017-08-04 09:46:36 1442

转载 display:none和visibility:hidden的区别

display:none和visibility:hidden的区别display:none:隐藏对应的元素，在文档布局中不再给它分配空间，它各边的元素会合拢，就当他从来不存在。visibility:hidden:隐藏对应的元素，但是在文档布局中仍保留原来的空间。

2017-08-04 09:46:01 1159

转载 H5面试----CSS 选择符有哪些

CSS 选择符有哪些1）id 选择器（#myid）2）类选择器（.myclassname）3）标签选择器（div，h1，p）4）相邻选择器（h1 + p）5）子选择器（ul > li）6）后代选择器（li a）7）通配符选择器（* ）8）属性选择器（ a[rel = "external"]）9）伪类选择器（a: hover, li: nth - chil

2017-08-04 09:44:30 1995

转载 H5面试---怎么解决 display:inline-block 之间显示间隙问题

怎么解决 display:inline-block 之间显示间隙问题？1、移除空格（div之间回车）2、使用margin 负值3、使用 font-size:04、letter-spacing 5、word-spacing

2017-08-04 09:43:55 943

转载 H5面试---HTML语义化的理解

HTML语义化的理解1）用正确的标签做正确的事情；2）html语义化让页面的内容结构化，结构更清晰，便于对浏览器、搜索引擎解析；3）即使在没有样式css情况下也以一种文档格式显示，并且是容易阅读的；4）搜索引擎的爬虫也依赖于HTML标记来确定上下文和各个关键字的权重，利于SEO；5）使于都源代码的人对网站更容易将网站分块，便于阅读维护理解。

2017-08-04 09:42:55 1098

转载 h5面试—Doctype作用

Doctype作用1）声明位于文档中的最前面，处于标签之前。告知浏览器的解析器，用什么文档类型规范来解析这个文档。2）严格模式的排版和js运作模式是以该浏览器支持的最高标准运行。3）在混杂模式中，页面以宽松的向后兼容的方式显示。模拟老式浏览器的行为以防止站点无法工作。4）DOCTYPE不存在或格式不正确会导致文档以混杂模式呈现。

2017-08-04 09:41:46 1340

转载 Label的作用是什么？是怎么用的？

Label的作用是什么？是怎么用的？label标签来定义表单控制间的关系,当用户选择该标签时，浏览器会自动将焦点转到和标签相关的表单控件上。 [html] view plain copyspan style="font-size:24px;">label for="Name">Number:label> input type=

2017-08-04 09:39:45 1843

原创 js的Date和Math的对象

Date和MathDate对象定义：/* var d=new Date(); var d =new Date(2017,4,22,19,05,22);不给参数，定义的日期为执行这条指令时那一刻的系统日期当然也可以指定年月日时分秒参数，但是要特别注意的是月从0开始，即0表示1月修改日期分量：SetYear、setMonth、setDate

2017-08-03 20:41:27 1208

原创 js字符串

js字符串字符串的方法：Substr（）：传入参数（第一个参数，开始截取的下标，如果）String 对象方法：方法描述anchor()创建 HTML 锚。big()用大号字体显示字符串。blink()显示闪动字符串。bold()

2017-08-03 20:05:17 1090

原创循环结构

循环结构循环的共同的特点：有条件地重复地做一件事，每一次做的事情不同但类似。程序是为了解决实际问题的，实际问题中存在着重复动作，那么程序中也应该有相应的描述，这就是循环。案例：计算1+2+3+……+10/*方案一*/var sum1 = 1+2+3+4+5+6+7+8+9+10;/*方案二*/var sum2 = 0;sum2 += 1;sum2 += 2;sum2 +=

2017-08-02 21:15:43 883

原创 js数组

##js数组 ##1. 数组的概念案例：计算出10名同学的平均分 var a1,a2,a3,a4,a5,a6,a7,a8,a9,a10; a1 = Number(prompt("请输入分数")); a2 = Number(prompt("请输入分数")); a3 = Number(prompt("请输入分数")); a4 = Number(prompt(

2017-08-02 20:15:27 1148

原创 js之数组

js之数组.1 数组的概念案例：计算出10名同学的平均分script type="application/javascript"> var a1,a2,a3,a4,a5,a6,a7,a8,a9,a10; a1 = Number(prompt("请输入分数")); a2 = Number(prompt("请输入分数")); a3 = Num

2017-08-02 20:13:09 1104

原创 js函数

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

2017-08-01 21:26:13 954

原创选择结构

**选择结构**选择结构：从字面上就可以看出选择就是判断是或者否。通过几个案例来说明选择结构： 1. if选择 1.1 var a = Number(prompt(“请输入一个数”)); if(a<0){ a=-a; } alert(a) 1.2 if(sum%2==0){ sum= sum/2;

2017-07-31 10:31:41 1120

原创 js中的错误与调试

js中的错误与调试1、错误的概念与处理计算机程序的错误两种：语法错误和逻辑错误。比如 alert 拼错了，写成了altret。 1.1语法错误的排除方法： 1）开发者工具的console 窗口。能显示错误其说明 2） Try………catch捕获异常 2、调试的原理、工具和方法逻辑错误：程序在语法上，没有错误但是实际执行结果和预期结果有出入。调试的基本原理：

2017-07-28 09:17:13 1320

原创程序设计思维

程序设计思维程序是啥？生活中的程序银行开户：客户填写开户申请单->提交证件资料—>审核资料真实性（1.本人、资料真实齐全通过；2、其他人代办、有委托书、资料真实齐全则通过；不满足这些条件则拒绝）——》录入系统开户——》设置密码——》发放卡、存折。解决生活中问题的步骤（流程）描述计算机的程序：解决问题的步骤描述。但是的是计算机语言描述。什么是编程？根据业务需要，制定或编

2017-07-26 20:28:03 1250

转载 js常用的高级技术

在b/s开发中经常用到的javascript技术一、验证类 1、数字验证内 1.1 整数 1.2 大于0的整数（用于传来的ID的验证) 1.3 负整数的验证 1.4 整数不能大于iMax 1.5 整数不能小于iMin 2、时间类 2.1 短时间，形如 (13:04:0

2017-07-25 19:02:25 676

原创程序设计基础

程序设计基础1、常规数据类型与变量1.1现实生活中的数据比方说淘宝的商品描述：数据的几个属性：名称、值、类型数据名称值类型价格1399.00数值类型累计评论345数值类型是否支

2017-07-25 18:51:47 1068

原创 js是什么

js是什么？（1）为什么需要有JavaScript（JS有什么作用）？（2）怎么用？1.1 基本概念HTML负责呈现什么内容，CSS负责以何种方式来呈现。HTML+CSS：实现了静态页面。实际上，我们更多的页面的要求是动态的，比方说新浪网热点、聚焦……页面的自动切换。时间也应该是动态显示的。还有验证码、注册页面的数据验证……那么怎么才能让页

2017-07-25 18:45:48 1484 1

转载 JavaScript 常用方法总结

JavaScript 常用方法总结1.手机类型判断var BrowserInfo = {userAgent: navigator.userAgent.toLowerCase()isAndroid: Boolean(navigator.userAgent.match(/android/ig)),isIphone: Boolean(navigator.userAgent.ma

2017-07-23 21:00:09 609

空空如也

空空如也