从零构建Sentry v10 进行异常上报

 w候人兮猗
简介 Sentry 是一个开源的实时错误追踪系统,可以帮助开发者实时监控并修复异常问题。它主要专注于持续集成、提高效率并且提升用户体验。 下面是Sentry官网支持的产品 使用官网服务 作为大多数个人开发者和中小企业,可以直接使用Sentry官网)提供的云服务,你 ...

遇到 Loading chunk {n} failed问题不要慌

 w候人兮猗
前言 最近在写个vue的demo,调试过程中出现个问题,vconsole中提示 [vue-router] Failed to resolve async component default: Error:Loading chunk 10 failed. 大致意思就是路由异步加载组件的时候报错了 报错来自于webpack进行code spilt之后某些bundle文件laz ...

使用useSelector useDispatch 替代connect

 w候人兮猗
前言 随着react hooks越来越火,react-redux也紧随其后发布了7.1(https://react-redux.js.org/api/hooks#using-hooks-in-a-react-redux-app)版本 首先是几个API useSelector() const result : any = useSelector(selector : Function, equalityFn? : Function ...

自定义mixin.less并全局注入至项目中

 w候人兮猗
前言 有的时候写项目,需要一些通用的css样式来实现一些功能,比如居中、渐变、单行溢出省略号、多行溢出省略号等. 项目使用的less预处理器,所以整理了一些常见的mixin函数 实现 新建mixin.less文件,整理了一些笔者常用的几个,其他的可以自行添加 具体less如 ...

React的生命周期v16.4

 w候人兮猗
加载阶段(Mounting) constructor() 组件刚加载的时候调用,在这里初始化state static getDerivedStateFromProps(props, state) 组件每次被rerender的时候,包括在组件构建之后(虚拟dom之后,实际dom挂载之前),每次获取新的props或state之后;每次接收新的props ...

基于Vue-cli3一些常见的优化

 w候人兮猗
1、配置某些包使用CDN 主要借助的是html-webpack-plugin这个插件以及webpack externals这个属性 修改vue.config.js // 对应的版本可以看package.json const cdnMap = { css: [], js: [ 'https://cdn.bootcss.com/vue/2.6.10/vue.min.js', ...