VUE-插槽的学习心得

一、插槽的作用 1、插槽在template属性模版之中设置,假设有个<navigation-link"></navigation-link>模版,可在其中设置插槽<slo...

2018-10-18 23:26:01

阅读数 29

评论数 0

window.load和$(document).ready()的区别

DOM是文本对象模型,将html文本描述为层次化的结构,DOM树就是该结构。我们可以通过操控DOM树来操作html文档。 html文档会从上到下进行加载-解析。 一、不同之处 1、window.onload必须等到页面内包括图片的所有元素加载完毕后才能执行。 2、$(document).ready...

2018-09-29 02:03:52

阅读数 94

评论数 0

跨浏览器的事件处理

一、事件对象的类型 事件类型 IE中的事件对象 DOM中的事件对象 获取方法 event window.event 两者都含有一些常规的属性/方法,在所有的事件中呈现。 DOM事件对象的属性/方法: IE事件对象的属性/方法: 除...

2018-09-23 01:51:46

阅读数 111

评论数 0

javascript的内存和性能-事件委托&移除事件处理程序

每当事件处理程序指定元素时,将会影响整个页面的性能,原因一是每个处理函数都是对象,会占用更大的内存,原因二是dom访问次数增多,会延迟整个页面的访问时间。 处理方法: 1.事件委托 2.移除无用的事件处理程序 一、事件委托 “事件处理程序过多”的方法就是事件委托,原理是利用了事件冒泡,向高层的标签...

2018-09-23 00:36:43

阅读数 56

评论数 0

ES5之new关键字的作用是什么?

一、new 关键字的用法 function A() {}; var a = new A(); new关键字后面跟随一个函数,会在new之后立即执行。其执行的步骤如下: 创建一个新对象var obj = {}; obj调用A函数,A.call(obj),目的是执行A.prototype....

2018-09-16 22:52:04

阅读数 270

评论数 0

typeof,instanceof和isPrototypeOf的介绍和区别

一、typeof typeof 是一个一元运算,放在一个运算数之前,运算数可以是任意类型。它返回值是一个字符串,该字符串说明运算数的类型。 var a = 'a'; var b = null; console.log(typeof a); // String console.log(typ...

2018-09-14 02:10:56

阅读数 235

评论数 0

原型链之Object,Function,__proto__,prototype

一、基础知识点 javascript中,“函数”(方法)也是对象。 一切对象都有一个根源。它是Object.prototype。 根源之上再没有其他根源,Object.prototype.proto === null 注:省去proto的下划线 二、构造函数 通过new关键字可以用来创...

2018-09-11 01:49:47

阅读数 730

评论数 1

ES6之浅谈class和继承

一、构造对象 ES6之前,JavaScript 语言中生成实例对象的传统方法是通过构造函数,ES6提出用class来构造实例对象。 //用函数构造实例对象 function Point(x, y) { this.x = x; this.y = y; } Point.prototype...

2018-09-10 02:16:15

阅读数 46

评论数 0

ES6笔记之generator函数以及实现对象的遍历器接口

一、Generator函数简介 执行 Generator 函数会返回一个遍历器对象 function关键字与函数名之间有一个星号function * f () {…} 函数体内部使用yield表达式,定义不同的内部状态 function* helloWorldGenerator() { ...

2018-09-07 02:22:13

阅读数 141

评论数 0

ES6笔记之Promise的学习

一、什么是Promise Promise作为异步编程的一种解决方案,里面保存一个异步操作的结果(resolve/reject),根据该异步操作的结果,进行后面的操作(then/catch)。 特点1:对象的状态不受外界影响。Promise对象代表一个异步操作,有三种状态:pendin...

2018-09-06 00:13:25

阅读数 35

评论数 0

ES6之Set 与Map的数组操作

1、Set的特性 它类似于数组,但是成员的值都是唯一的,没有重复的值。 let a =[1, 2, 3, 3, 3, 4, 5, 5]; let b = [...new Set(a)] b // [1, 2, 3, 4, 5] 2、Map的特性 它类似于对象,也是键值对...

2018-09-05 01:34:18

阅读数 40

评论数 0

ES6之遍历器iterator的介绍(含for ... of )

一、遍历器 定义:它是一种接口,为各种不同的数据结构提供统一的访问机制。 作用:任何数据结构只要部署 Iterator 接口,就可以完成遍历操作(即依次处理该数据结构的所有成员),Iterator 接口的目的,就是为所有数据结构,提供了一种统一的访问机制,即for…of循环 ...

2018-09-05 01:09:13

阅读数 49

评论数 0

ES6笔记之解构赋值

一、数组解构赋值 let [x, y] = [1, 2]; // x=1; y=2 let [x = 1, y = x] = []; // x=1; y=1 let [x = 1, y = x] = [2]; // x=2; y=2 let [x = 1, y = x] ...

2018-09-05 00:54:08

阅读数 27

评论数 0

ES6笔记之var、let、const和块作用域

一、什么是块作用域 特点1:let,const声明的变量拥有块作用域,通常以{}作为作用域的分隔符,外层作用域无法读取内层作用域的变量 //错误 function f1() { if (true) { let n = 10; } console.log(n); //...

2018-09-04 02:27:17

阅读数 26

评论数 0

基于nodejs和mongodb的服务器&数据库访问

要使用nodejs和mongodb,便需要事先下载软件并配置环境。 点击下载mongodb数据库 点击下载nodejs运行环境 可以直接跳过一~四,直接阅读五,若有疑惑,可返回阅读。 一、为什么使用nodejs和mongodb: nodejs和mongodb与JavaScript...

2018-08-20 23:07:45

阅读数 495

评论数 0

浅谈lazyload

lazyload.js用于长页面图片的延迟加载,视口外的图片会在窗口滚动到它的位置时再进行加载。 lazyload.js可在百度cdn中下载或引用。 1.将图片路径写入data-original属性 2.给lazyload的图片增加一个名为lazy的class 3.选择所有要lazyloa...

2018-08-06 01:57:03

阅读数 366

评论数 0

基于ajax的前端与服务器交互

主要讲解jQuery的get(),post,ajax的用法。 一、$.get() $.get(url, data).done().fail() 1、url,直接传给服务器,服务器然后通过路由来选择处理函数 2、data,映射或者字符串值,将被浏览器以参数的形式(例如:id=2018 &am...

2018-08-06 00:42:30

阅读数 267

评论数 0

deferred和promise的理解。

deferred对象是一个延迟对象,意思是函数延迟到某个点才开始执行,改变执行状态的方法有两个(成功:resolve和失败:reject),分别对应两种执行回调(成功回调函数:done和失败回调函数fail) 一、deferred和promise的关系和区别 var d = $.def...

2018-08-05 23:42:14

阅读数 631

评论数 0

如何将数据导出到excel文件中。

网上看了很多大神的博客,自己整理了下方法,整体可以归类为两种: 一:将表格的数据转化为xls,并导入excel中 <!DOCTYPE html> &amp...

2018-08-03 01:43:08

阅读数 1327

评论数 1

鼠标坐标的区分&冒泡事件

一、鼠标坐标被隐藏在事件的event参数里面,以下详解: $("button").click(function(event) { //...

2018-08-02 01:29:20

阅读数 114

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭