目录一、bus模式简介一、bus模式简介bus模式是一种借助事件实现任意两组件交互的解决方案。通常来说，在不借助bus模式的情况下，事件的触发只会发生在父子组件之间，并且只能由子组件向父组件触发事件。它的大致实现模式如下：parent.vue<template><child@tick="handleTick"></child></template>&

在使用element-ui框架时，我们经常会用到el-tree组件。该组件支持在树上任意拖拽节点，但默认不支持将节点拖拽到树的外部，如一个外部div内，或另一棵el-tree上。关于如何将树上的节点拖拽到一个外部容器内（如一个设置了draggable="draggable"的div），我在 HTML5之原生拖拽 这篇博客的最后面已经给出了实现方案，感兴趣的可以参考，这里不再赘述。本文我们要探讨的是

目录一、什么是Symbol？二、Symbol的作用三、Symbol的语法规范1. 基本语法2. Symbol属性的遍历3. Symbol.for()，Symbol.keyFor()四、内置的Symbol值1. Symbol.hasInstance2. Symbol.isConcatSpreadable3. Symbol.species4.Symbol.match/replace/search/..

codemirror是目前最流行的在线编辑器，本文主要是罗列codemirror提供的所有主题效果，如果你需要使用codemirror制作一个在线编辑器，可以参考本文选择一个喜欢的主题。本文使用的目标对象是vue，其他语言或框架也是类似的。为了减小纵向篇幅，这里使用了三个codemirror，分别展示template、script和style的效果。1. 3024-day2. 3024-night

目录一、fs模块简介一、fs模块简介fs（file system）模块是nodejs提供的用于访问主机文件系统的功能模块，它使得运行于nodejs环境下的JavaScript具备直接读写本地文件的能力。fs模块是nodejs的核心模块之一，只要安装了nodejs，就可以直接使用fs模块，不需要单独安装。引入fs模块非常简单：let fs = require('fs');接下来就可以调用fs模块的相

在使用element-ui框架时，我们经常会用到el-tree组件。该组件支持在树上任意拖拽节点，但默认不支持将节点拖拽到树的外部，如一个外部div内，或另一棵el-tree上。关于如何将树上的节点拖拽到一个外部容器内（如一个设置了draggable="draggable"的div），我在 HTML5之原生拖拽 这篇博客的最后面已经给出了实现方案，感兴趣的可以参考，这里不再赘述。本文我们要探讨的是

Git相关概念Git与Github、GitLab作为目前最流行的分布式版本管理工具，git从诞生伊始就备受关注。虽然这与它的作者Linus（大名鼎鼎的Linux操作系统的作者）的个人影响力有一定的关系，但更重要的是，git无论是在设计理念、性能、安全性还是易用性等方面都有着传统的版本管理工具无可比拟的优势。除此之外，它还是完全开源和免费的。很多对Git完全不了解的同学可能会误以为Git和Gi...

目录前言一、自动爬取所有文章的链接地址二、字数统计总结前言在csdn写博客也已经一年多了，经常忍不住想知道自己总共写了多少字。可是目前官方只能统计单篇文章的总字数，却没有提供所有文章的字数统计数据（希望官方以后增加这个统计数据）。一篇一篇地统计虽说数据量也不是很大，但是作为一个前端，能用脚本搞定的事干嘛要自己去数呢？于是我就抽空自己写了一段简单的脚本，对自己目前的67篇文章进行了一次字数统计，最后

目录一、什么是Flex布局？二、Flex的基本概念三、Flex的语法规则1. Flex容器属性(1). flex-direction本文所述内容主要参考自阮一峰的Flex 布局教程：语法篇和Flex 布局教程：实例篇，并对其进行一定的梳理和归纳，感兴趣的可以点击链接阅读原文。一、什么是Flex布局？Flex布局是 Flexible box（弹性盒子）的缩写，因此常被称作“弹性布局”，它是对传统盒模

在使用element-ui框架时，我们经常会用到el-tree组件。该组件支持在树上任意拖拽节点，但默认不支持将节点拖拽到树的外部，如一个外部div内，或另一棵el-tree上。关于如何将树上的节点拖拽到一个外部容器内（如一个设置了draggable="draggable"的div），我在 HTML5之原生拖拽 这篇博客的最后面已经给出了实现方案，感兴趣的可以参考，这里不再赘述。本文我们要探讨的是