慢腾腾的急性子-CSDN博客

原创数组去重

使用indexOf判断一个空数组里面是否有这个数，如果没有这个数，就添加到新数组里面，达到去重的效果。 var arr = [1, 2, 3, 4, 2, 3, 4, 5, 4, 5, 4, 7, 8, 9, 6, 5, 4, 5, 67, 2, 4, 6, 10]; function unique(arr){ var newArr = []; for (var i = 0...

2018-11-27 15:06:37 282

原创 ### 点击侧边栏，刷新当前路由

应用场景：点击侧边栏，来重新刷新当前的页面目前情况：用vue/vue-router创建的spa(单页面开发)项目，用户点击当前高亮的路由并不会刷新view，因为vue-router会拦截你的路由，他判断你的url没有任何变化，所以他不会触发任何钩子或是view变化。强制刷新页面方法：这些方法目前只适用在使用点击触发路由变化的情况下this.$router.push()加时间戳，注意：此方...

2018-11-21 18:56:09 1239

原创 `echarts`实现关系图拖拽

echarts目标：echarts实现关系图拖拽效果：当所有的节点都处在高亮的状态时，可以拖拽任何节点。当点击其中一个节点与之有直接联系的节点高亮，其他的置灰。并且高亮的节点均可拖拽。点击空白处时恢复原来的状态，才能继续点击下一个节点高亮。官网例子：echarts自定义拖拽demo：例子：提取码:f4x8页面中引入ecahrts.js文件html代码 &lt;div id=...

2018-11-08 14:53:30 7125 6

原创动态渲染NavMenu导航（vue-router）

这里是根据vue-router和element-ui中的NavMenu进行组合。根据路由配置动态的渲染NavMenu注意:// 获取到所有的路由routes=this.$router.options.routes通常将这个路由分开，分为父组件和子组件父组件：<el-menu :default-active="$route.path" router> <menuI...

2018-10-29 11:00:32 7471 1

原创原生发送`AJAX`请求

###原生发送AJAX请求1.XMLHttpRequest对象是ajax的基础,XMLHttpRequest 用于与服务器交换数据。2.ajax请求过程：创建XMLHttpRequest对象、连接服务器、发送请求、接受相响应数据。#####测试get类型的Ajax请求// 1.创建一个XMLHttpRequest对象var xml = new XMLHttpRequest();// 2...

2018-10-16 19:31:00 186

原创 ###基于`vue-cli`对`axios`的封装及使用

1 引入axios文件 import axios from 'axios';2.创建axios的实例对象 const request = axios.create({ baseURl: process.env.BASE_API, // config文件下的prod.env.js中文路径 timeout: 15000, // 请求的超时时间 }...

2018-09-13 11:11:50 147

原创自己对Promise的简单理解

js是单线程的，就是指一次只能完成一件任务。如果有多个任务时就必须排队。前面一个任务完成，在执行后面一个任务，以此类推。同步模式：就是排队执行任务，后一个任务等待前一个任务完成后，再继续向下执行。异步模式：每一个任务有一个或是多个回调函数，前一个任务结束后，不是执行后一个任务，而是执行回调函数，后一个任务则是不等前一个任务结束就执行。所以，程序的执行顺序与任务的排列顺序是不一致的、异步的。...

2018-08-24 15:27:32 283

原创 webstorm 破解的方法

打开网址：IntelliJ IDEA 注册码再打开的网址中，下载“破解补丁无需使用注册码的jar包”将下载的补丁文件jar包复制到安装目录的bin目录下修改同目录bin下的WebStorm.exe.vmoptions和WebStorm64.exe.vmoptions这两个文件，一个是32位的，一个是64位的。用文本编辑器打开后，在文件的最上面加一行代码。 -javaagent:W...

2018-08-16 14:24:08 1118 3

原创 table导出成excel表格

table导出成excel表格1.需要安装三个依赖npm install file-saver xlsx --savenpm install script-loader --dev2.在项目的src目录下新建一个文件夹（vendor–名字任意取），在里面放置两个文件Blog.js和Export2Excel.js 下载导出这两个文件的链接密码：f3ys 3.绑定点击的事件，写...

2018-08-16 11:27:37 386

原创 ##ECMAScript6知识点

ECMAScript6知识点let关键字作用：与var类似，用于声明一个变量特点：在块作用域内有效在同一个块级作用域中，不能重复声明不会预处理，不存在变量提升应用循环遍历加监听在*ECMAScript5*为按钮循环绑定事件的时候，会出现先循环绑定完成之后，再触发事件，这时触发的事件总是绑定的最后一个//获取所有的按钮事件var btn=document.getEelement

2017-08-18 09:56:27 390

原创 ##Angular

Angular基础：AngularJS是什么? Google开源的前端JS 结构化框架动态展示页面数据, 并与用户进行交互AngularJS特性(优点) 双向数据绑定声明式依赖注入解耦应用逻辑, 数据模型和视图完善的页面指令定制表单验证Ajax封装基本写法导入angular.js, 并在页面中引入在<html><body>中ng-app指令定义ng-model=’x

2017-08-17 12:15:13 748

原创 ##ECMAScript5补充

ECMAScript5补充304 表示重定向到浏览器缓存中301，302，303 表示重定向到服务器理解: 除了正常运行模式(混杂模式)，ES5添加了第二种运行模式：”严格模式”（strict mode）。顾名思义，这种模式使得Javascript在更严格的语法条件下运行目的/作用消除Javascript语法的一些不合理、不严谨之处，减少一些怪异行为消除代码运行的一些不安全之处，

2017-08-17 12:12:34 196

原创 JSON

JSON（JavaScript对象表示法）概念：是一种轻量级数据（交换）格式特点：易于开发者阅读和编写；易于计算机解析和生成，主要用来存储数据的JSON文件扩展名为 .jsonJSON语法结构：对象格式 - 键/值对 ‘{ “key” : “value”, “key” : “value”, … }’ （主要用来将属性值进行存储，方法就不能存储）数组结构 ‘[

2017-08-10 15:51:46 297

原创函数&作用域&闭包

函数 function- 函数也是一个对象，普通对象能做的函数都能做，在函数中可以保存可执行的JS代码，并且在需要的时候对这些代码进行调用- 创建函数的方式一：函数声明： function 函数名(形参1,形参2,...形参N){ 语句... } 例如： f

2017-08-10 15:50:18 286

原创对象&原型对象&原型链

对象(属性或方法)- 属性：用于描述当前对象的信息方法：用于描述当前对象的行为- 分类：内置对象 – JavaScript本身提供好的对象宿主对象 – 主要以浏览器提供的一些系列对象为主、自定义对象：程序员自己定义的对象基本数据类型他们都是一个一个单一的值,值与值之间没有任何的联系，也就是说我们不能使用基本数据类型来表示一些复杂的数据

2017-08-10 15:41:54 265

原创 css样式的过渡问题

有时我们在设置css样式时，浏览器会渲染不上去，产生这些的原因为： 1. 变换函数的个数顺序不一致的情况下，很有可能会使过渡失效transfrom:translateX(10px) rorate(60deg)； //前面设置的样式transfrom:rorate(360deg) translateX(100px)； //后面设置的样式//css中的样式会被后面的样式覆盖掉，这两个设

2017-08-10 15:36:31 564

原创 this

this(函数的上下文对象)函数在执行时，浏览器每次都会传递进两个隐含的参数this 和 arguments,这个参数是函数的上下文对象，我们可以通过this来使用该对象。this 本身不具有含义 - 根据函数调用方式的不同，this的值也不同 1.以函数的形式调用时，this永远都是window 2.以方法的形式调

2017-08-10 15:33:25 177

原创 jQuery和zepto基础知识点

概念 $() 等价于 jQuery()JavaScript(ECMA/DOM/BOM) -> 在实际开发中，使用比较麻烦,浏览器的兼容问题- JavaScript类库(JS库) - 目的 - 就是为了简化JavaScript的开发 - 实现 - 使用JavaScript中的函数和对象进行封装 * 我们只需要掌握如何使用，而不需要了解如何实现

2017-08-09 18:41:54 940

原创 css基础笔记总结

-- CSS层叠样式表，负责页面的表现- CSS的编写位置：1.内联样式(不推荐使用)我是一个段落>2.内部样式表（推荐使用）>p{color:red;font-size:20px;}>3.外部样式表（开发中最常用的）>-可以将CSS样式编写到元素的style属性中1--

2017-08-09 18:36:15 299

原创元素的垂直水平居中的三种方法

使用padding来挤当父元素，子元素的盒子大小已经确定了。可以通过计算来，设置padding的值来填充，使子元素居中。如果是正常盒子，那么增加paddig会改变盒子的大小如果是怪异盒子，那么增加padding会向里面挤，不会改变盒子的大小。使用定位来设置可以将子元素垂直水平居中 position: absolute; left:0; right: 0; t

2017-08-09 18:34:52 352

原创 flex布局

CSS3 弹性盒子(Flexible Box 或 Flexbox)是一种用于在页面上布置元素的布局模式，使得当页面布局必须适应不同的屏幕尺寸和不同的显示设备时，元素可预测地运行/列。对于许多应用程序，弹性盒子模型提供了对块模型的改进，因为它不使用浮动，flex容器的边缘也不会与其内容的边缘折叠。弹性盒模型，分老版与新版。老版本的我们通常称之为box，新版本的我们通常称之为flex 容器与项目

2017-08-09 18:32:45 239

原创原型（补充）

对象有隐式原型proto 函数有显示原型 prototype,也有隐式原型proto;一个实例对象的proto，指向他对应的构造函数的prototype函数的prototype一般情况下都是一个{},自定义函数都是{}(空对象),内置函数都是他自己对应的实例对象。共同点：他们的proto共同指向Object.prototype，所以从一定意义上来说，函数的prototype一般情况都是

2017-08-09 16:20:28 185

原创左查询&右查询

左查询和右查询怎么区分函数声明和函数表达式：函数声明：以function开头的具有函数的代码片段函数表达式：不以function开头的具有函数的代码片段 - 伪数组：具有length属性的对象都叫做伪数组 - 作用域应该是“集合”右查询：对等号非左边变量的查询在整个作用域链中，如果没有找到变量的声明，直接抛ReferenceError错误。左查询：对等号左边变量的查询在整条作用域链中，

2017-08-09 16:06:32 4392

原创属性的设置和获取

属性描述符(元属性)含义：对象的属性的属性（可读，可写，可更改），也可以称之为对象的属性的属性描述符。 - 属性描述符：Object.getOwnPropertyDescriptor(obj,"name");第一个参数：对应的对象第二个参数：对应对象的属性返回得到的值，为这个对象属性的属性状态 writable，enumberable，configurable，value - writ

2017-08-09 16:02:48 275

原创 DOM（文档对象模型）

DOM将HTML网页解析为一个文档DOM的组成部分： DOM Core – 提供DOM中的基本内容 DOM HTML – 提供支队HTML页面的内容 DOM CSS – 针对提供CSS的内容 DOM XML判断节点类型 nodeName nodeType nodeValue文档节点 #document 9

2017-08-09 13:21:18 285

原创 javascript基础知识点

JavaScript编写的位置：<1>- 将js代码编写到script标签中 <script type="text/javascript"> ...... (alert("hello");) </script><2>- 将js代码编写到外部的js文件中 , 然后使用script标签来引入外部文件,注意script一旦用于引入外部文件，则不能再编写js代

2017-08-09 12:27:19 342

转载 DOM细节

两种绑定方式(DOM0)1.obj.onclick = fn; (DOM2)2. ie:obj.attachEvent(事件名称，事件函数); 1.没有捕获(非标准的ie 标准的ie底下有 ie6到10) 2.事件名称有on 3.事件函数执行的顺序：标准ie-》正序非标准ie-》倒序 4.this指向window 标准:obj.addEve

2017-08-09 09:20:41 247

原创 HTML笔记

一个基本网页的格式<!doctype html><html> <head> <meta charset="UTF-8" /> <title>网页标题</title> </head> <body> <h1>网页的内容</h1> </body></html><!doctype html><!-- html是网页

2017-08-09 00:56:48 551

转载 less简单笔记

lessless是一种动态样式语言，属于css预处理器的范畴，它扩展了 CSS 语言，增加了变量、Mixin、函数等特性，使 CSS 更易维护和扩展less的中文官网：http://lesscss.cn/ bootstrap中关于less的介绍Less编译工具koala 官网:www.koala-app.com less中的注释以//开头的注释，不会被编译到css文件中以/**/包裹的注释会

2017-08-09 00:43:53 284

慢腾腾的急性子