weixin_46236141的博客

基本数据类型：string，number，boolean，null，undefined，symbol引用数据类型：object（array，function…）常用的检测数据类型的方法一般有以下三种：typeof 一般主要用来检测基本数据类型，因为它检测引用数据类型返回的都是object还需要注意的一点是：typeof检测null返回的也是object（这是JS一直以来遗留的bug）typeof 1"number"typeof 'abc'"string"typeof true"boo

JavaScript数组去重（12种方法，史上最全）转载自：https://segmentfault.com/a/1190000016418021?utm_source=tag-newest数组去重，一般都是在面试的时候才会碰到，一般是要求手写数组去重方法的代码。如果是被提问到，数组去重的方法有哪些？你能答出其中的10种，面试官很有可能对你刮目相看。在真实的项目中碰到的数组去重，一般都是后台去处理，很少让前端处理数组去重。虽然日常项目用到的概率比较低，但还是需要了解一下，以防面试的时候可能回被问到。

jQuery 标准动画通过类似于动画的形式,来完成标签的显示隐藏实际上,本质,就是我们之前写的 运动函数通过 定位的 left top 属性 和 透明度 opacity 来完成效果1. $(标签).show() 显示语法 : $(标签).show(时间,运动曲线,运动结束时执行的函数)运动到指定的位置,也就是css样式,定义的标签位置离那里进,就从那里开始运动离 左上角近 就从...

在说选择器和筛选器之前，首先我们来了解一下什么是jQuery：jQuery 的简介什么是jQueryjQuery是 一个前端的方法库也就是别人将JavaScript程序,定义成了各种函数方法,我们直接写直接用,就可以实现各种功能jQuery的网站官网 : https://jquery.com/中文网站 : http://jquery.cuishifeng.cn/jquery的三大优...

什么是ajax首先，ajax中的四个字母的意思分别是：a : async 异步j : JavaScripta : andx : XMLajax请求是一个异步的 JavaScript 和 XML 的数据交互ajax技术最初只能和 XML格式的内容进行交互现在发展到可以和任意的后端程序内容进行交互现在是前后端数据交互的主要手段超链接跳转传参和form表单跳转传参都必须要跳转页...

首先说一下原理，以天猫某商品放大镜效果为例：所谓的放大镜效果，其实也是欺骗我们眼球的一种效果，这里我们可以看到，图片显示去下面那一排小图与遮盖层的图片和放大层的图片其实是一样的，只是分辨率不同，所以实现放大镜效果，就需要这么几组分辨率大小不同，但是图片内容相同的图片：显然，小图中放的就是我这里图片名中带有small的小图了，遮盖层就是正常大小的图，放大层就是带有big的放大的图了，然后再加入适...

ES5的构造函数有一些问题最大的问题，就是定义 prototype 是在函数之外定义的调用构造函数，生成实例化对象，一定要在定义 prototype 之后否则生成的实例化对象，只有属性没有函数方法ES6中，新增语法形式 class 类是一种新的定义构造函数的语法作用和原理与ES5语法完全相同只是语法格式和书写方式，不同实例ES5的构造函数语法// 如果先调用构造函数,只有属性没...

面向对象什么是面向对象？所谓的面向对象，是一种编程思想，编程思路，代码的书写格式。之前为了简化代码，我们是将程序封装为函数的形式来调用函数会有一些小问题:：函数内部定义的局部作用域变量，函数外部无法直接调用函数调用使用时，会占用大量的系统内存，容易造成数据溢出数据泄露，容易被黑客攻击函数一般只是封装一些模块化的功能复杂程序的封装会 封装成其他形式，使用面向对象的方式来封装程序。面...

箭头函数所谓的箭头函数是函数的另一种语法形式。语法规则const fun = function(){} 普通函数const fun = ()=>{} 箭头函数将匿名函数的部分,从 function(){} 写成 ()=>{} 的形式实例<div>我是div</div><script> const ...

基本概念正则表达式是对字符串内容，进行格式和内容的验证对于正则表达式，我们不用自己去写，所有常用的正则表达式，在网上都可以搜到，我们只需要能看懂，会使用所有的计算机语言，正则表达式 都是相同的，通用基本语法字面量(常用)使用 // 来包裹表达式内容：var 变量 = /正则表达式/构造函数var 变量 = RegExt(‘正则表达式’);正则表达式的使用方法验...

轮播图大概都是什么样的呢，我们以淘宝网首页这个样式为例：这是个很经典的轮播图，这里有五张图轮序自动播放，鼠标移上去时它会自动停下来，鼠标移开时它又会继续自动播放，下方的五个按钮和左右按钮都可以控制轮播图的播放顺序。那么接下来我们就亲自动手实现以下这种效果：1. 构建html结构<div class="banner"> <ul> <li&...

冒泡事件定义子级标签触发事件，JavaScript中，父级程序默认也会触发相同类型的事件，这样的效果，称为冒泡事件。规则只与标签在HTML中的层级关系有关，与css和显示效果无关执行顺序，都是从当前标签向父级元素，执行实际的标签的捕获顺序是有区别的： IE浏览器是 从 子级向父级 获取标签，称为 冒泡机制 其他浏览器 是 从 父级向子级 获取标签，称为 捕获机制 虽然...

事件的监听如果是普通的事件绑定，相同事件类型，只能绑定一个事件处理函数；如果同一个类型，绑定多个事件处理函数，后绑定的事件会覆盖之前绑定的事件。如果想同时绑定多个事件处理函数，可以用事件监听解决。语法规则标签对象.addEventListener(事件类型 , 事件处理函数，参数3)事件的获取方式： 冒泡 : 从子级开始,向父级执行 捕获 : 从父级开始,向子级执行第三个参数...

在开始写我们的选项卡之前，先来看一下最终实现的大概效果：那废话不多说，接下来就看看如何去实现这个效果。首先，利用我们的 html 和 css 基础，写出选项卡的基本布局：html代码：<div class="news"> <ul> <li class="active">标题1</li> <li>标题2</li&g...

button标签与input标签都有作为按钮的功能，那么它们之间到底有什么区别呢，实际项目中我们应该如何选择呢？，下面我们就来具体了解一下：input标签作为按钮，有3种 type 效果：1. 提交按钮 点击提交数据<input type="submit" style="color:red;font-size: 50px;">2. 刷新按钮 点击恢复默认数据<inp...

offsetLeft offsetTopoffsetLeft： 到定位父级左边界的间距。offsetTop： 到定位父级上边界的间距。规则每一个标签对象，都有一个属性，叫 offsetParent ，表示这个标签的定位父级对象是谁。我们先设定好标签的样式，下面规则中的demo都是在带有该样式的基础上更改或执行的：*{ margin: 0; padding: 0;}...

设定标签的样式1. 给标签设定样式语法标签对象.style.属性 = 属性值2. 获取标签设定的样式语法标签对象.style.属性实例var oDiv = document.querySelector('div');// 通过 标签对象.style.属性 = '属性值'// 设定的是标签的行内样式// oDiv.style.color = 'red';// 获取样式...

设定标签属性给标签添加属性语法标签对象.setAttribute('属性名称' , 属性值);一次只能定义一个属性，如果要定义多个属性，要执行多次。例如：标签对象.setAttribute('属性名称1' , 属性值1);标签对象.setAttribute('属性名称2' , 属性值2);获取标签属性的属性值语法标签对象.getAttribute('属性名称');获取到的...

BOM操作之浏览器常见事件什么是事件？所谓的事件,就类似于一个约定。当触发条件时，就会执行 指定的程序 。例如：clcik 点击事件给标签绑定点击事件，当标签触发 点击条件时 执行绑定的程序。如何添加事件例如：clcik 点击事件给标签绑定点击事件 当标签触发 点击条件时 执行绑定的程序click 点击事件 --- 事件类型onclick 绑定点击事件...