起风了9527-优快云博客

原创 Vue非父子组件间的通信（bus中央事件总线）

Main.js首先在Main.js中创建中央事件总线busVue.prototype.bus = new Vue()父组件<template> <child1></child1> <child2></child2></tempalte><script> import chil...

2019-06-17 11:39:13 464

原创 Vue —— 父子组件间的（通信）传值

父组件向子组件传值利用v-bind的来传值父组件<template> <div id="app"> <child-component v-bind:dataOfChild="dataOfParent"></child-component> </div></template><script&gt...

2019-06-17 10:41:10 198

原创 Vue学习（一）过滤器

过滤器私有过滤器全局过滤器因初学,Vue使用CDN引入的形式1.私有过滤器先来初始化一个Vue实例const vm = new Vue({ el:"#app", data:{ ctime:new Date() }})我们将data中的ctime渲染到页面上 <table class="table table-hover t...

2019-03-01 08:56:08 183

转载自边城，原文章链接理解 JavaScript 的 async/await随着 Node 7 的发布，越来越多的人开始研究据说是异步编程终级解决方案的 async/await。我第一次看到这组关键字并不是在 JavaScript 语言里，而是在 c# 5.0 的语法中。C# 的 async/await 需要在 .NET Framework 4.5 以上的版本中使用，因此我还很悲伤了一阵——为...

2019-02-19 17:29:12 710

原创 JS中的继承

JS中的继承继承原型链继承我们通过一个图来说明上述代码确定原型和实例的关系借用构造函数实现继承借用构造函数实现继承出现的问题组合继承原型继承寄生式继承寄生组合式继承继承JS中的继承主要依靠原型链来实现，那么原型对象，构造函数和实例之间的关系原型链继承JS中的继承主要依靠原型链来实现，来回顾下原型对象，构造函数和实例的关系，每个构造函数都有一个原型对象，每个原型对象都有一个指向构造函数的指针...

2018-12-29 15:44:37 132

原创 JS中的原型

原型模式原型模式理解原型对象下面我们画张图来理解构造函数，实例和原型对象之间的关系（以构造函数EDG为例）isPrototypeOf()方法如果实例重新定义了属性或者方法呢？那么我们怎么删除实例的属性，可以使用delete删除实例属性。判断一个属性是否存在于实例中——hasOwnProperty()原型模式我们所创建的每个对象都有一个原型属性（prototype），该属性可以做到方法和属性。来...

2018-12-29 13:38:53 279

原创 WebGIS学习之路——ArcGIS For JavaScript(一) 地图的显示和地图控件的使用

1.什么是WebGIS？基于地图开发的web应用程序都可以称之为WebGIS；国土管理、城市规划、交通运输等几乎所有领域都有应用GIS功能，当然百度地图、高德地图、腾讯地图等都是典型代表。WebGIS的功能:(⑴)地理信息的可视化展示(⑵)地理信息的空间查询、检索(⑶)地理信息空间分析(⑷)互联网上资源的共享1.1 ArcGIS For JavaScript的简介ESR...

2018-11-29 19:51:44 5985

原创 In关键字

1.判断属性是否存在于对象中语法：属性名 in 对象返回值为boolean数据var EDG=｛ADC:"Deft",Mid:"Pawn"｝var ADCarry = "ADC";//注意：使用in关键字时，属性名属于字符串类型数据，需要用"".var isExSit = ADCarry in EDG;console.log(isExsit);//打印结果为true;2.在for in

2017-12-13 23:07:33 1956 1

原创 JS中的数据结构

基本数据类型number String boolean 复杂数据类型function Object Array Data RegExp（正则） String number Boolean 如何获取一个数据的数据类型使用关键字type of var str = "我是一个字符串"; console.log(typeof(str));//打

2017-12-13 22:41:03 545

原创 Js中的上下文调用，apply与call

认识上下文调用模式上下文调用模式就是改变context的执行方式，也就是修改函数的调用方式，也就是修改this的值来看个具体的例子 var name = "里奥梅西"; function sayHello(a, b) { console.log(this.name + "进了"+ (a * b) + "个球"); }

2017-12-12 22:20:17 359

原创 JQuery中缓存实现的分析

cache对象中以键值对的形式存储我们的缓存数据function createCache(){//cache对象中以键值对的形式存储我们的缓存数据 var cache = {};//index数组中存储该键，这个键是有顺序，可以方便我们做超出容量的处理 var index = [];return function(key,value){

2017-12-05 22:11:30 1199

原创 Js中的缓存容器解决斐波那契数列的和

斐波那契数列的认识先来看看什么是斐波那契数列。斐波那契数列指的是这样一个数列 0, 1, 1, 2, 3, 5, 8, 13, 21, 34, 55, 89, 144, 233，377，610，987，1597，2584，4181，6765，10946，17711，28657，46368[1]特别指出：第0项是0，第1项是第一个1。这个数列从第3项开始，每一项都等于前两项之和。传统的递归方法解决会造

2017-12-05 21:52:50 998

原创 JavaScript中的闭包

闭包是什么？一个具有封闭的不对外公开的包裹或空间。Js中的闭包与其原理js中的闭包就是函数，原理就是函数的作用域访问原则，上级作用域无法访问下级作用域中的变量。具体代码如下： function f1(){ var num = 123; function f2(){ console.log(num);

2017-11-27 21:00:04 274

原创变量的提升是分作用域的，变量的搜索原则

先来看下变量的提升规则1.JavaScript代码在预解析阶段，会对以var声明的变量名，和function开头的语句块，进行提升操作 2.变量和函数同名在提升的时候，如果有变量和函数同名，会忽略掉变量，只提升函数 3. 函数同名，如何提升预处理的时候，会将两个函数全部提升，但是后面的函数会覆盖掉前面函数如下代码 console.log(a);//undefined

2017-11-26 18:39:43 262

原创 JS代码的执行步骤与变量和函数的提升

Js代码分为两个执行步骤1.预解析提升（hoisting）JavaScript代码在预解析阶段，会对以var声明的变量名，和function开头的语句块，进行提升操作2.执行变量的提升 alert(a); var a = 1;提升后的代码模拟var a;alert(a);a=1;函数同名，如何提升?在预处理阶段会将两个函数同时提升，但后来的会覆盖前面的 func1(); //

2017-11-26 18:04:03 303

原创 JavaScript中的作用域

JavaScript中的作用域作用域:代码起作用的范围变量起作用的范围是变量作用域1.块级作用域任何一对花括号（｛和｝）中的语句集都属于一个块，在这之中定义的所有变量在代码块外都是不可见的，我们称之为块级作用域。函数作用域就好理解了，定义在函数中的参数和变量在函数外部是不可见的。javascript中没有块级作用域。在C语言等语言中有块级作用域/C语言 #include <stdio.h>

2017-11-26 17:49:56 220

转载 innerHTML与innerText区别

[转载地址](http://blog.youkuaiyun.com/magi1201/article/details/44131361) document 对象中有innerHTML和innerText 两个属性，这两个属性都是获取document对象的文本内容的，这两个属性间有哪些区别呢？通过几个例子来看一下。示例1[html] view plain copy print?<html>

2017-08-04 11:04:38 371

原创 DOM节点访问关系与操作示例

一.DOM 访问关系（节点的获得）节点的访问关系，是以属性的方式存在的。 DOM的节点并不是孤立的，因此可以通过DOM节点之间的相对关系对它们进行访问。父节点（ parentNode ）调用者就是节点。一个节点只有一个父节点。调用方式就是节点.parentNode. //box1是box的父节点 var box2 = document.getElementsByClassName(

2017-08-03 20:53:15 530

原创事件案例体验

初级案例：关闭京东广告栏需求：点击x号，隐藏盒子。思路：点击a链接，让top-banner这个盒子隐藏起来（加隐藏类名）。步骤：1.获取事件源和相关元素2.绑定事件3.书写事件驱动程序<!DOCTYPE html><html><head lang="en"> <meta charset="UTF-8"> <title></title> <style> *

2017-08-03 20:17:10 265

原创 onload事件

触发时间与条件：页面加载（文本和图片）完毕的时候。使用原因：js的加载时和html同步加载的。（如果使用元素在定义元素之间，容易报错。）用途：window.onload可以预防使用标签在定义标签之前。 window.onload = function () { var aaa = document.getElementById("box"); console.l

2017-08-03 18:29:50 954

原创 DOM事件初步

一.关于事件（类比android监听器）事件源（引发后续事件的标签）事件（js已经定义好，直接使用）事件驱动程序（对样式和html的操作）（DOM操作）二.需求：点击盒子出现弹窗alert（1）；步骤：1.获取事件源（document.getElementById(“box”)）2.绑定事件（事件源.事件 = function(){ 事件驱动程序 }）3.书写事件驱动程序。 //1.获取事件

2017-08-03 18:24:36 208

原创数组方法小练习

将一个字符串数组输出为|分割的形式，比如“刘备|张飞|关羽”。使用两种方式实现。方法一：自定义数组方法。 var arr = ["景天","龙阳","龙葵"]; var str = "|"; var newarr = arr[0]; for(i=0;i<arr.length;i++){ newarr=newarr+str+arr[i]; } cons

2017-08-03 10:49:52 991

原创数组的迭代遍历

数组的迭代遍历格式数组/boolean/无 = 数组.every/filter/forEach/map/some( function(element,index,arr){ 程序和返回值； });eve

2017-08-02 19:53:28 792

原创 Array的内置方法api

Array的内置方法api判断数组与转换数组Instanceof：是一个关键字用来判断A类型是否是B类型返回值类型：boolean var arr1 = [1,2,3]; var arr2 = new Array(); var str1 = "s"; var str2 = new String("s"); alert(arr1 instanceof Array );/

2017-08-02 17:46:10 508

原创 javaScript的数据转换

一. 转换为字符类型的函数1.toString()示例代码与运行结果2.Strin()函数示例代码var num=18；var char= String(num);alert (typeof char);3.使用拼接字符示例代码var age = 18;var str = age + "岁";console.log(str);二.转换为数值类

2017-07-28 16:41:31 276

起风了