不要做切图仔-CSDN博客

原创 VUE-插槽的学习心得

一、插槽的作用1、插槽在template属性模版之中设置，假设有个<navigation-link"></navigation-link>模版，可在其中设置插槽<slot></slot>;2、在html文档中，凡是在<navigation-link"></navigation-link>标签内的代码（元素、字符串），将

2018-10-18 23:26:01 178

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

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

2018-09-29 02:03:52 892

原创跨浏览器的事件处理

一、事件对象的类型事件类型IE中的事件对象DOM中的事件对象获取方法eventwindow.event两者都含有一些常规的属性/方法，在所有的事件中呈现。DOM事件对象的属性/方法：IE事件对象的属性/方法：除却以上的属性，还有些事件拥有着较为特殊的属性，如：事件属性/放放介绍mousedownbuttons1-按下左键；2-...

2018-09-23 01:51:46 356

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

每当事件处理程序指定元素时，将会影响整个页面的性能，原因一是每个处理函数都是对象，会占用更大的内存，原因二是dom访问次数增多，会延迟整个页面的访问时间。处理方法：1.事件委托2.移除无用的事件处理程序一、事件委托“事件处理程序过多”的方法就是事件委托，原理是利用了事件冒泡，向高层的标签指定一个处理程序，就可以管理某一类的所有事件。<ul id = "myul"> &lt...

2018-09-23 00:36:43 214

原创 ES5之new关键字的作用是什么？

一、new 关键字的用法function A() {};var a = new A();new关键字后面跟随一个函数，会在new之后立即执行。其执行的步骤如下：创建一个新对象var obj = {};obj调用A函数，A.call(obj)，目的是执行A.prototype.constructor函数，并且将其内部作用域变为新对象obj；注：A === A.prototy...

2018-09-16 22:52:04 1498

原创 typeof，instanceof和isPrototypeOf的介绍和区别

一、typeof typeof 是一个一元运算，放在一个运算数之前，运算数可以是任意类型。它返回值是一个字符串，该字符串说明运算数的类型。var a = 'a';var b = null;console.log(typeof a); // Stringconsole.log(typeof b); //Object二、instanceof判断前者是否为后者的实例，换而言之，是...

2018-09-14 02:10:56 991

原创原型链之Object，Function，proto，prototype

一、基础知识点javascript中，“函数”（方法）也是对象。一切对象都有一个根源。它是Object.prototype。根源之上再没有其他根源，Object.prototype.proto === null注：省去proto的下划线二、构造函数通过new关键字可以用来创建特定类型的对象的函数；只要创建了一个新函数，每个函数在创建之后都会获得一个prototype的属性，...

2018-09-11 01:49:47 3750 1

原创 ES6之浅谈class和继承

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

2018-09-10 02:16:15 129

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

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

2018-09-07 02:22:13 550

原创 ES6笔记之Promise的学习

一、什么是Promise Promise作为异步编程的一种解决方案，里面保存一个异步操作的结果（resolve/reject），根据该异步操作的结果，进行后面的操作（then/catch）。特点1：对象的状态不受外界影响。Promise对象代表一个异步操作，有三种状态：pending（进行中）、fulfilled（已成功）和rejected（已失败），仅有异步操作的结果可以（res...

2018-09-06 00:13:25 134

原创 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的特性它类似于对象，也是键值对的集合，但是“键”的范围不限于字符串，各种类型的值（包括对象）都可以当作键。const ma...

2018-09-05 01:34:18 190

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

一、遍历器定义：它是一种接口，为各种不同的数据结构提供统一的访问机制。作用：任何数据结构只要部署 Iterator 接口，就可以完成遍历操作（即依次处理该数据结构的所有成员），Iterator 接口的目的，就是为所有数据结构，提供了一种统一的访问机制，即for…of循环以下的类型具有iterator遍历器接口 Array Map Set String TypedA...

2018-09-05 01:09:13 228

原创 ES6笔记之解构赋值

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

2018-09-05 00:54:08 130

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

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

2018-09-04 02:27:17 176

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

要使用nodejs和mongodb，便需要事先下载软件并配置环境。点击下载mongodb数据库点击下载nodejs运行环境可以直接跳过一~四，直接阅读五，若有疑惑，可返回阅读。一、为什么使用nodejs和mongodb： nodejs和mongodb与JavaScript的语言风格非常的相似，基本上会使用JavaScript，mongodb和nodejs的用法也会迅速掌握...

2018-08-20 23:07:45 1309

原创浅谈lazyload

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

2018-08-06 01:57:03 1209

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

主要讲解jQuery的get()，post，ajax的用法。一、$.get()$.get(url, data).done().fail()1、url，直接传给服务器，服务器然后通过路由来选择处理函数 2、data，映射或者字符串值，将被浏览器以参数的形式（例如：id=2018 &password=admin）自动添加到url中，然后传递给服务器。服务器通过以下代码获得参数的对...

2018-08-06 00:42:30 866

原创 deferred和promise的理解。

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

2018-08-05 23:42:14 2908

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

网上看了很多大神的博客，自己整理了下方法，整体可以归类为两种：一：将表格的数据转化为xls，并导入excel中&amp;amp;amp;lt;!DOCTYPE html&amp;amp;amp;gt;&amp;amp;amp;lt;html&amp;amp;amp;gt;&amp;amp;amp;lt;head&amp;amp;amp;gt; &amp;amp;amp;lt;m

2018-08-03 01:43:08 2622 1

一、鼠标坐标被隐藏在事件的event参数里面，以下详解：$(&amp;amp;amp;amp;amp;quot;button&amp;amp;amp;amp;amp;quot;).click(function(event) { //event.offsetX鼠标相对于“button标签”左上角的横坐标 //event.clientX鼠标相对于“浏览器可见域”左上角的横坐标 //event.pageX鼠标相对于“html文档”左上角的横坐标

2018-08-02 01:29:20 256

原创关于canvas切图的小心得

明天写

2018-08-02 00:20:41 1813

原创图片预览方法

预览图片的形式： 1：通过服务器反馈的图片进行预览。这里不做详解，大致是前端请求图片，服务器反馈图片，前端呈现图片。 2：不通过服务器，前端自己预览待上传的图片。 a、需要一个input标签，作为接受图片的接口。 b、需要一个img标签，作为预览图片的标签。代码如下： $("input").change(function() { /...

2018-07-30 00:10:27 331

qq_36470086的博客