_Delete的博客

原创 基于vue + echart中国地图，省市地图，区县地图

背景项目需求：做一个项目分布图，需要具体到全国、某省或某市的图由于echarts改版后不直接支持到市级以下的地图下面说说如何操作准备工作使用v-charts(echarts vue版本，更方便使用echarts) 文档地址：https://v-charts.js.org/#/start下载地图包 github 地址https://github.com/lyingying/echarts-mapJson把下载好的图片包到放静态文件夹注意：cli3和cli2的区别：1. 静态.

原创 vue-cli安装步骤

原创 vue实现微信分享朋友圈和朋友功能

vue实现微信分享朋友圈和朋友功能需要认证的公众号，在其后台添加一个安全域名，安全域名用于微信的验证，登录后可在“开发者中心”查看对应的接口权限。开发文档：https://developers.weixin.qq.com/doc/offiaccount/OA_Web_Apps/JS-SDK.html具体使用步骤一、引用JSSDK1.在需要调用JS接口的页面引入如下JS文件，（支持ht...

原创 vue 使用element ui form表单自定义验证规则

HTML ） <el-form :rules="rules" :model="formData" label-width="120px"> <el-form-item label="手机号码：" prop="phone" required> <el-input v-model="formData.phone" placeholder="请输入手...

原创 vue roture路由拦截遇到的问题

vue roture路由拦截使用钩子函数beforeEach一开始想想个测试的拦截router.beforeEach((to, from, next) => { if (to.path === '/') { next() } else { if (!store.state.userName || store.state.userName === '') { // ...

转载 生动形象解释forEach、filter、map、some、every、find、findIndex、reduce间的区别

前言从最开始学的for循环遍历方法，到后来层出不穷的各种遍历方法，其实最大的区别就是应用场景的不同。我们最需要记住的就是，什么情况下用哪一种方法比较合适。从挑土豆开始这里有一堆土豆，如果换成代码，可以表示如下：var potatos = [{ id: '1001', weight: 50 },{ id: '1002', weight: 80 },{ id: '1003', weig...

原创 关于JS闭包

闭包的概念闭包的概念念：闭包就是能够读取其他函数内部变量的函数，简单理解为：定义在一个函数内部的函数，所以，在本质上，闭包是将函数内部和函数外部连接起来的桥梁。闭包的用途可以读取函数内部的变量变量的值始终保持在内存中，不会在调用后被自动清除function objt() { this.a = 1; this.getNum = function () { ret...

转载 ES6常用特性

1.let,constlet新增了块级作用域。用它所声明的变量，只在let命令所在的代码块内有效。const也用来声明变量，但是声明的是常量。一旦声明，常量的值就不能改变2.class, extends, superClass之间可以通过extends关键字实现继承super关键字，它指代父类的实例（即父类的this对象）。子类必须在constructor方法中调用super方法，否则新...

原创 VUE基础知识

VUE双向绑定原理VUE实现双向数据绑定的原理就是利用了 Object.defineProperty()这个方法重新定义了对象获取属性值(get)和设置属性值(set)的操作来实现的，它接收三个参数，要操作的对象，要定义或修改的对象属性名，属性描述符。重点就是最后的属性描述符。属性描述符是一个对象，主要有两种形式：数据描述符和存取描述符。这两种对象只能选择一种使用，不能混合两种描述符的属性同时...

原创 JS几种常见排序方法

冒泡排序比较相邻的前后二个数据，如果前面数据大于后面的数据，就将二个 数据交换。function bubbleSort(arr) { var len = arr.length var temp = "" for(var i = 0; i < len-1; i++) { for(var j = 0; j < len-1-i; j++) { ...

原创 ES6 map()、filter()

Mapmap则可以改变当前循环的值，返回一个新的被改变过值之后的数组（map需return）,一般用来处理需要修改某一个数组的值。var arr=[1,2,3,4];console.log( arr.map((n)=&gt;n*n) );//[1, 4, 9, 16]let arr1 = [1,2,3];let arr2 = arr1.map((value,key,arr) =&gt;...

转载 关于JS浅拷贝与深拷贝

在 JS 中有一些基本类型像是Number、String、Boolean，而对象就是像这样的东西{ name: 'Larry', skill: 'Node.js' }，对象跟基本类型最大的不同就在于他们的传值方式。 var a = 25;var b = a;b = 18;console.log(a);//25console.log(b);//18基本类型是按值传递，...

原创 总结原型、原型链、原型继承

原型原型是一个对象，其他对象可以通过它实现属性继承。对象中都会包含一些预定义的属性。其中每个函数对象都有一个prototype 属性，这个属性指向函数的原型对象。原型链  JavaScript 只有一种结构：对象。每个实例对象（object ）都有一个私有属性（称之为__proto__）指向它的原型对象（prototype）。该原型对象也有一个自己的原型对象(__proto__) ...

转载 影响浏览器重绘和重排

1.简述重排的概念浏览器下载完页面中的所有组件（HTML、JavaScript、CSS、图片）之后会解析生成两个内部数据结构（DOM树和渲染树），DOM树表示页面结构，渲染树表示DOM节点如何显示。重排是DOM元素的几何属性变化，DOM树的结构变化，渲染树需要重新计算。2.简述重绘的概念重绘是一个元素外观的改变所触发的浏览器行为，例如改变visibility、outline、背景色等属性。浏览...

原创 原生JS手风琴下拉(修改)

上一篇写的原生JS手风琴。有朋友说在同一页面上不能同时new两个方法。不然就会被覆盖。确实是这样。因为写法的问题所以怎么new都是引用的是一个对象；其他的会被覆盖掉.所以针对这事件，做了修改javascript:var hao_nav =function() { this.NumDown=0;// 该值为点击获取的值 this.NumUp=null;// 该值为上次点击的值

原创 原生JS带动画手风琴下拉

JS代码：hao_nav = { NumDown:0,// 该值为点击获取的值 NumUp:null,// 该值为上次点击的值 NumSame:null,// //该值为点击时该容器高度等于传就来的值 timerDown:null,// 向下滑动定时器 timerUp:null,// 向上滑动定时器 timerSame:null,// 当点击时

原创 重构的小技巧

1. CSS3对话框 .talk{width: 100px; height: 30px; background: #ffffff; border-radius: 5px; position: absolute; left: 100px; top: 100px;} .talk:after{content: ""; border-width:10px 20px; border-style:d

原创 上下滚动轮播条

源码 ：hao_slide = { id:null, speed:30, timer:null, Num:0, oLiH:0, aLiH:0, mouseOn:false, json:null, // 初始化 init:function(obj){ this.json = {};