摘要: 一、index.js的书写步骤: //引入react核心库 import React from ‘react’ //引入ReactDOM import ReactDOM from ‘react-dom’ // 引入路由 import {BrowserRouter} from 'react-route 阅读全文
posted @ 2021-05-19 16:52 闯入码途的水产人 阅读(45) 评论(0) 推荐(0) 编辑
摘要: 依赖注入(DI)是一种让代码管理其依赖关系的设计模式,目的是为了解耦。 举个例子:假设我们定义了一个方法,在方法里面需要一个对象,我们在此方法内部声明该对象,那么这个对象就和这个方法是永远绑定状态。 用上面的例子来说其实就是在方法内部把对需要的对象的【依赖】控制交给第三方了,第三方负责依赖的创建和存 阅读全文
posted @ 2021-03-17 17:24 闯入码途的水产人 阅读(127) 评论(0) 推荐(0) 编辑
摘要: 可以通过setSelectionRange来实现 inputDOM元素.setSelectionRange(pos1, pos2);pos1为起始位置,pos2为结束位置。 该方法的兼容性如下图: 阅读全文
posted @ 2021-03-15 11:45 闯入码途的水产人 阅读(2200) 评论(0) 推荐(0) 编辑
摘要: 问题:采用ES6语法编写的模块,通过export导出,webpack打包转换成ES5,然后发布npm。再使用的时候通过import方式引入的时候会是个空对象。 原因:因为webpack配置的时候忘了参数libraryTarget: 'commonjs2'。需要加上该参数就可以了,如图: 解析: 我们 阅读全文
posted @ 2021-01-11 18:31 闯入码途的水产人 阅读(484) 评论(0) 推荐(0) 编辑
摘要: 插件名称:k2-logger。可在npm官网搜索查看。 插件地址:https://www.npmjs.com/package/k2-logger。 插件相关配置参数: autoSaveDate: 自动保存日志的间隔时间,默认值5分钟自动保存一次 saveToLocalstorage: 是否开启自动保 阅读全文
posted @ 2021-01-07 11:27 闯入码途的水产人 阅读(663) 评论(2) 推荐(0) 编辑
摘要: 随着前端越来越向模块化发展,单元测试对于前端开发来说也越来越重要。废话不多说,直奔主题: 1、前端单元测试框架有很多,我主要用的是jest框架。选择这个框架原因是因为一下几点: a、该框架已经集成断言库,不需要我们再额外安装第三方的断言库,很方便。 b、安装配置简单,非常容易上手,几乎是零配置的,通 阅读全文
posted @ 2020-12-28 11:15 闯入码途的水产人 阅读(243) 评论(0) 推荐(0) 编辑
摘要: 使用方式: window.onbeforeunload = function(e) { e = e || window.event; // 兼容IE8和Firefox 4之前的版本 if (e) { e.returnValue = '关闭提示'; } // Chrome, Safari, Firef 阅读全文
posted @ 2020-11-23 16:27 闯入码途的水产人 阅读(181) 评论(0) 推荐(0) 编辑
摘要: 最近公司要自己搭建一套前端日志监控系统,主要是为了方便移动端调查问题。 网上查阅了相关资料,个人有些总结如下: 总体的流程大致可分为:前端收集日志、日志上报、日志存储及日志显示界面(是否需要图形化界面可以根据己方的业务需求)。 一、关于前端日志的收集方式: 1、try...catch 这种方式适合捕 阅读全文
posted @ 2020-11-20 11:02 闯入码途的水产人 阅读(921) 评论(0) 推荐(0) 编辑
摘要: 1、多语言的配置,正常安装@ngx-translate/core和@ngx-translate/http-loader,注意@ngx-translate/core和@ngx-translate/http-loader的版本和当前使用的Angular版本有关,可以参考下图: 也可参考官方文档:http 阅读全文
posted @ 2020-09-07 17:46 闯入码途的水产人 阅读(329) 评论(0) 推荐(0) 编辑
摘要: const data = { test: '123', info: { name: 'bruce', age: 20, test: { a: 1, b: 2 } } } // const handler = { get(target, key, recevier) { return Reflect. 阅读全文
posted @ 2020-08-28 15:03 闯入码途的水产人 阅读(1135) 评论(0) 推荐(0) 编辑