丸子酱

es6 扩展运算符 三个点（…）看了阮大大的文章，发现很多都有运算符【暂且叫运算符】三个点点。 于是查了一下。其实看起来这样用也很6 干货如下表面意思： 扩展运算符（spread）是三个点（…）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。该运算符主要用于函数调用。function push(array, ...items) { array.push(...item

//写cookiesfunction setCookie(name,value) { var Days = 30; var exp = new Date(); exp.setTime(exp.getTime() + Days*24*60*60*1000); document.cookie = name + "="+ escape (value) + ";expir...

最近做一个后台系统，后台系统其实是有很多图表。但因为运营大佬想让图表可以实现导出成excel等格式。但后端不太愿意配合，发现原来highcharts可以来导出。就用highcharts。但源生的比较复杂。图表的比较多。所以丸子就把一些常用的图表封装了封装的代码<template> <div class="highcharts-container" style="heigh...

websocket通信 vuex 全局封装最近公司要用weboscket，但是要全局用，因为我们是想把导航上加上小红点，所以相对来讲比较简单，本人属于socket研究阶段// import Cookies from 'js-cookie'//后端给的端口号const wsuri = ‘ws:/xxxxxxxx’const websocket = { state: { webs...

element tree点击动态请求数据用element 做树结构的时候发现如果要一次性加载所有数据 会很卡，所以就想点击一级菜单加载，我们的最多只有二级，所以我判断是只有二级。如果需要子节点，一定要让后端传children哦template <el-tree node-key="id" :data="dataList" icon-class="el-icon-arrow-rig...

很多时候列表页跳内页啥的，跳来返回都需要把前一页的数据缓存了我们之前用的文案是keep-alive但keep-alive有个问题是，三级菜单就会有奇奇怪怪的问题清除也没办法后面用了一个插件navigation。<navigation> <router-view></router-view> </navigati...

下载插件 npm install -S file-saver xlsx npm install -D script-loader建立文件夹 vendor 在src里面放置两个文件Blob.js/* eslint-disable *//* Blob.js * A Blob implementation. * 2014-05-27 * * By Eli Grey, h...

目录编译es6Node event模块命令行的扩展创建文件buffer 读取字节、缓冲普通的不行。在编译的时候要加开启支持–experimental-modules.mjs 后缀exporthttp://www.ecma-international.org/ecma-262/#table-42importhttp://www.ecma-international.o...

文件系统fs写入//同步const fs = require('fs');//write//写入数据//output/input i/o操作 =》流 二进制//fs.writeFile(file, data[, options], callback)//'./1.txt E/cc/1.txt'//数据（字符串，音频，视频，二进制）=》buffer=>stream/...

commander开发方向GUI - Graphical User Interface ： 图形用户界面office、vscode、浏览器、播放器……CLI - Command-Line Interface：命令行界面，也称为 CUI，字符用户界面虽然没有GUI操作直观，但是CLI更加节省计算机资源（所以一般用于服务器环境）babel、tsc / webpack / vue-cli...

1.打开页面。点击2.新建项目 3这个时候回到首页就可以添加到购物车了一般需要自己一个一个点如果你想添加所有，请在控制台输入代码var icons = document.querySelectorAll('.icon-gouwuche1');var auto_click = function(i) { if (i < icons.length) { setTimeo...

手把手教你写第一个vue-element-admin页面# 克隆项目git clone https://github.com/PanJiaChen/vue-element-admin.git# 安装依赖npm install# 建议不要用cnpm安装 会有各种诡异的bug 可以通过如下操作解决 npm 下载速度慢的问题npm install --registry=https:...

很多面试题都是数组去重，给大家安利一下第一种方法<script>var arr=[1,2,3,4,4,5,6,7,6,5,0] for(var i=0;i<arr.length;i++){ for(var j=i+1;j<arr.length;j++){ if(arr[i]==arr[j]){ arr.splice(j

箭头函数基本用法var f = v => v;上面的箭头函数等同于：var f = function(v) { return v;};如果箭头函数不需要参数或需要多个参数，就使用一个圆括号代表参数部分。var f = () => 5;// 等同于var f = function () { return 5 };var sum = (num1, num2) => num1 + num2;/

SetES6 提供了新的数据结构 Set。它类似于数组，但是成员的值都是唯一的，没有重复的值。Set 本身是一个构造函数，用来生成 Set 数据结构。const s = new Set();[2, 3, 5, 4, 5, 2, 2].forEach(x => s.add(x));for (let i of s) { console.log(i);}// 2 3 5 4上面代码通过add方法向

Class基本语法JavaScript语言的传统方法是通过构造函数，定义并生成新对象。下面是一个例子。function Point(x, y) { this.x = x; this.y = y;}Point.prototype.toString = function () { return '(' + this.x + ', ' + this.y + ')';};var p = ne

本Markdown编辑器使用[StackEdit][6]修改而来，用它写博客，将会带来全新的体验哦： 分享es3去重+找出重复个数跟es6的Array.prototype.unique3 = function(){ var res = []; var json = {}; for(var i = 0;i&lt;this.length;i++){ ...

分享一些promise的应用es3/es5 以往异步调用写法【图片只是个demo】function loadImg(src,callback,fail){ var img=document.createElement('img'); img.onload=function(){ console.log(img) callback(img) } img.one...

es3,es5原型function Animal(){ this.name=function(){ alert('Aaa') }}function Dag(){ this.bark=function(){ alert('Ha shiqi') }}Dag.prototype=new Animal()var hashiqi=new Dag()hash...

最近公司要坐后台系统–原本一直用react，但技术大大决定要用vue，所以就用了这个框架，讲讲我的这个框架的理解吧，帮助新手可以快速上手先看代码吧~~官方文档：https://github.com/PanJiaChen/vue-element-admin/blob/master/README.zh-CN.md git下载 # 克隆项目git clone https://...

koaKoa 是一个新的 web 框架，由 Express 幕后的原班人马打造， 致力于成为 web 应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石。 通过利用 async 函数，Koa 帮你丢弃回调函数，并有力地增强错误处理。 Koa 并没有捆绑任何中间件， 而是提供了一套优雅的方法，帮助您快速而愉快地编写服务端应用程序。//类似于http。包装过的http对象con...