![](https://img-blog.csdnimg.cn/20201014180756925.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
Javascript
往后余生cq
我就是我
展开
-
十进制转二进制,十进制转任意进制
实现栈,后进先出(LIFO) 包括往后面添加(push),返回第一个并删除(pop),返回最后一个(peek),是否为空(isEmpty),大小(size),清空(clear)class Stack { constructor(){ this.item = [] } push (data) { this.item.push(data) ...原创 2018-06-12 15:02:33 · 445 阅读 · 0 评论 -
vue-cli 3.0使用指南
安装环境npm install -g @vue/cli创建项目1、vue create demo2、选择手动选择功能 Manually select features3、配置项目 我个人除了 test外的话,都安装了,注意的是,是否选中是空格键(space)除了PWA的话,应该其他都比较熟悉,至于什么是PWA,简单的说,就是提升APP性能的一种途径,兼具w...原创 2018-07-06 09:54:33 · 5702 阅读 · 2 评论 -
echarts使用,一次实例的心得
<template> <div> <div class="charts" ref="charts" :style="{'height': height}"></div> </div></template><script type="te原创 2018-08-01 10:12:28 · 2504 阅读 · 0 评论 -
axios实现原理
axios 原理还是属于 XMLHttpRequest, 因此需要实现一个ajax。 还需要但会一个promise对象来对结果进行处理。以get请求为例,实现一个axios实现ajax的get请求var Ajax={ get: function(url, fn) { // XMLHttpRequest对象用于在后台与服务器交换数据 ...原创 2018-08-01 14:09:03 · 17114 阅读 · 0 评论 -
vue项目中配置stylelint
stylelint 是css的代码检查工具, 方便规范css带啊吗规范依赖包npm i stylelint stylelint-webpack-plugin stylelint-config-standard --save-dev配置文件webpack.dev.conf.jsconst StyleLintPlugin = require('stylelint-webpack...原创 2018-12-01 14:16:57 · 7646 阅读 · 0 评论 -
vue项目中配置eslint
eslint是 js的代码检查工具, 规范常用的js代码规范eslint 配置项root 限定配置文件的使用范围parser 指定eslint的解析器parserOptions 设置解析器选项extends 指定eslint规范plugins 引用第三方的插件env 指定代码运行的宿主环境rules 启用额外的规则或覆盖默认的规则globals 声明在代码中的自定义全局变量...原创 2018-12-01 14:17:51 · 2085 阅读 · 0 评论 -
.editorconfig 配置文件说明
背景团队开发同一个项目, 使用不同的编译器, 导致编码风格不一致。规范如下root = true[*]charset = utf-8indent_style = spaceindent_size = 4end_of_line = crlfinsert_final_newline = truetrim_trailing_whitespace = truecharse...原创 2018-12-01 14:19:19 · 2712 阅读 · 0 评论 -
npm私有库之verdaccio,sinopia
sinopia 和 verdaccio 差不多。 sinopia现在作者没有维护了,verdaccio是再 sinopia的基础上维护的, 推荐verdaccio npm install -g sinopia sinopianpm install -g verdaccioverdaccionpm i -g nrm nrm add knpm http://127.0.0...原创 2019-01-14 20:00:15 · 1163 阅读 · 0 评论 -
npm私有库之cnpmjs.org + mysql
依赖安装npm i -g cnpmjs.org修改node_modules/cnpmjs.org/config/index.js 文件把下面的copy一下,替换到index.js钟'use strict';var mkdirp = require('mkdirp');var copy = require('copy-to');var path = require('path')...原创 2019-01-14 20:03:37 · 1545 阅读 · 0 评论 -
rem.js
代码如下:(function (doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recalc = function () { v...原创 2018-06-29 10:32:33 · 2894 阅读 · 0 评论 -
js快速排序
快速排序步骤其实是在冒泡的基础上实现: (1)找基准值 (2)左边放比基准值大的(小),右边放比基准值小的(大)代码如下:function quickSort(arr) { if(arr.length <= 1) { return arr } // 找基准值,我取中间 let midIndex = Math.floor(arr.length / 2...原创 2018-07-17 10:30:15 · 219 阅读 · 0 评论 -
函数节流
/*** 频率控制 返回函数连续调用时,action 执行频率限定为 次 / delay* @param delay {number} 延迟时间,单位毫秒* @param action {function} 请求关联函数,实际应用需要调用的函数* @return {function} 返回客户调用函数*var throttle = function(delay, acti...原创 2018-06-13 14:44:47 · 222 阅读 · 0 评论 -
js 斐波那契数列
1. 打印斐波那契列表,使用es6的generator函数实现function* fib(max) { let start = 0, prev = 0, current = 1 while(start < max) { yield current let flag = prev prev = current...原创 2018-06-14 17:57:49 · 531 阅读 · 0 评论 -
nvm管理node版本
犹豫node版本更新比较快,想使用最新的node版本的话,每次都卸载,重新安装,实在是一件很痛苦的事。于是我使用nvm来管理node版本第一步:我是window系统,下载nvm-setup.zip, linux的话,下载最后一个就是了第二部:点击安装,需要注意的是,我在C盘建了一个nvm文件夹然后就是默认的下一步下一步就是了,最后的话,就是 root是nvm的安装路径, path是 上一步node...原创 2018-06-29 16:36:01 · 2694 阅读 · 2 评论 -
js 垃圾回收机制
Garbage collection(GC垃圾回收)C#、Java、JavaScript有自动垃圾回收机制,但c++和c就没有垃圾回收机制,也许是因为垃圾回收机制必须由一种平台来实现。在JS中,JS的执行环境会负责管理代码执行过程中使用的内存 Js具有自动垃圾回收机制。垃圾收集器会按照固定的时间间隔周期性的执行。JS垃圾回收方式Javascript采用标记-清除为主(高版本浏览器),引用计数为辅...原创 2018-06-26 10:12:20 · 2167 阅读 · 0 评论 -
vue-cli mock数据
在根目录建mock文件夹 在apiroutes.js中代码如下var express = require('express')var apiRoutes = express.Router();var home = require('./mockdata/home.json');var daily = require('./mockdata/daily.json');;apiRoute...原创 2018-06-26 11:30:54 · 473 阅读 · 0 评论 -
react配置之绝对路径
绝对路径不多bb,简单的说就是,我们不再使用 ../ ../../之类的来表示路径位置了直接上代码我用的是react-crate-app脚手架 npm install react-create-app -g react-create-app my-react cd my-react npm install npm run ejecj 得到想要的了 再config 中的...原创 2018-07-02 15:31:16 · 13623 阅读 · 6 评论 -
理解 redux 思想 (一)
首先创建一个,store这个是必须的import { createStore } from 'redux';import reducer from './reducer'const store = createStore(reducer);reducer为一个函数,是我们定义的一些规则,而这些规则可以改变 state 的一个函数,和vuex的mutations 是一个道理,它接...原创 2018-07-02 19:24:33 · 519 阅读 · 0 评论 -
vue 设计模式之观察者模式(自定义事件)
vue 中 观察者模式,用于子组件向父组件传递参数,即子组件 emit自定义一个事件名称,及其参数,父组件用事件接受即可,事件第一个参数为自定义事件名称,第二个参数为回调函数子组件代码为<template> <div> <input type="text" v-model="inputVal" @change="sendParams"...原创 2018-07-10 16:16:58 · 3739 阅读 · 0 评论 -
前端脚手架(cli)实现
背景 整合前端团队代码规范, 以及统一整体架构使用库本文借鉴vue-cli思路,用到的库有:commander.js,可以自动的解析命令和参数,用于处理用户输入的命令。download-git-repo,下载并提取 git 仓库,用于下载项目模板。inquirer.js,通用的命令行用户界面集合,用于和用户进行交互。handlebars.js,模板引擎,将用户提交的信息动态填...原创 2019-06-08 08:24:30 · 6898 阅读 · 3 评论