tomotoCoder-CSDN博客

原创 vue项目打包成dist后，如何部署到本地呢

关于webPack打包后本地启动服务器查看除了启动apache的方式启动本地服务器，这里介绍一种快捷方式1.安装http-server 启动mac终端，全局安装： # sudo cnpm install -g http-server2. 进入dist产出目录 # cd dist3.开启服务 #hs 运行成功后，访...

2019-05-30 17:18:20 2580

参考：https://g2.antv.vision/zh/docs/manual/concepts/data-and-scales#%E8%BF%9E%E7%BB%AD%E6%95%B0%E6%8D%AE%E5%BA%A6%E9%87%8F%E7%9A%84%E8%AE%A1%E7%AE%97直接上源码scale.tsconst snapArray = [0, 2, 5, 10]; //逼近值数组，保证能被2和5整除const getFactor = (tickInterval: numbe

2020-10-20 16:11:23 1851

原创 react-router-dom，react-router 在非组件内进行路由跳转

前言：在写项目时需要在非组件的js文件里进行路由跳转，比如axios里请求响应拦截后做路由跳转, 但是又不能获取到this.props.history，那怎么才能获取到history对象呢？1.创建一个 utils/history.jsimport { createBrowserHistory } from 'history';export default createBrowserHistory();2.主入口index.jsimport ReactDOM from 're.

2020-10-15 15:13:41 2365 5

原创在react项目中使用redux帮助（基础版）

参考文献https://www.redux.org.cn/什么是redux:redux是react中的全局状态管理体系，相当于vue中的vuex，是否需要：在开始使用前，你必须要明确项目是否真的需要它：1.项目中是否存在多组件共用一种状态的场景？2.组件之间的状态是否有关联？举例：添加购物车，显示和修改用户信息,都可以用redux共享全局状态怎么使用：（先来熟悉一下以下几个概念）1.action:action 就是一个JavaScript，当vi...

2020-10-15 14:18:01 865 1

原创 TypeScript基本用法和在vue中的使用

TypeScript基本用法1.声明let isDone: boolean = false;:后面跟数据类型string，number,boolean,object等等 = 后面跟对应值在函数定义中使用function add(x: number, y: number): number { return x + y;}2.接口interfa...

2019-08-22 20:35:10 747

原创 h5在移动端适配 px自动转rem

在项目中为了屏幕适配，经常会用到rem，postcss-px2rem就是为了让我们直接在将代码中px自动转化成对应的rem的一个插件如何使用：1.安装npm i postcss-px2rem --save -dev2.设置（以下总结了三种方式）1）.找到项目根目录下的.postcssrc文件module.exports = { "plugins": { ...

2019-08-13 19:54:30 7332

原创使用console.time打印代码运行时间

如果你想知道自己写的代码运行时间，你可以使用console自带的方法console.time和console.timeEnd，像这样 console.time('test'); var name = "我是测试"; console.timeEnd('test')；打印出的结果...

2019-06-21 19:10:08 5389

原创谈谈OKR

1.什么是OKROKR体系的全称是Objectives & Key Results，O表示目标，KR 即Key Results 可以理解为关键成果。合在一起就是“为确保达成企业目标的关键成果分解与实施”。OKR是一个针对企业目标简单高效的管理系统。2.如何确认目标(Objectives)目标，简单来说就是你想做什么，但是在制定目标的时候要注意以下几点1.目标要有挑战性...

2019-06-21 11:08:09 1941

转载（转）手写promise探究底层原理

2019-05-27 18:53:37 1146 1

原创 webstorm配置ftp并上传到服务器

1.新建工程 file>new>project2.设置ftpTools->Deployment->configruation单击左上角加号新增一个FTP服务连接然后配置FTP host,username,pwd等信息，配置好之后，可以Test FTP connection测试FTP是否连接成功。3.设置自动上传模式4. 显示扩展面板 ...

2019-05-22 16:43:08 1831

原创 js继承的几种方式

看了w3school 上的ECMAScript 继承机制实现讲的几种方式，感觉还是有点乱，所以还是想再详细理一下继承的几种方式，分享给大家1.构造函数继承 //构造函数继承 function Animal() { this.type = 'animal'; this.play = function () { console.log('play'...

2019-05-20 17:36:02 259

原创关于原型propotype的应用

1.什么是propotype 官方是这样解释propotype的：使你有能力向对象添加属性和方法为了更好理解我们直接用官方的例子来具体说明一下吧function employee(name,job,born) { this.name=name; this.job=job; this.born=born;}var bill = new ...

2019-05-18 23:16:59 445

原创关于js原型，原型链

在说明原型(原型对象)之前，我们还是先回顾一下对象的概念1.javascript对象：所谓万物皆对象，在javascript中，对象又可以分为普通对象和函数对象，看下面的例子 var obj1 = {name:'Leal'}; var obj2 =new Object(); //普通对象 var f1 = function () { ...

2019-05-17 16:44:54 164 1

tomotoCoder的博客