代码风格与代码检测冲突我们经常使用prettier与eslint进行代码格式化与代码检测，但是经常遇见格式化之后依然存在代码检测的异常，这主要是因为eslint的配置没有与prettier的规则设置为相同。我查看了网上给的设置都比较过时了，prettier官方提供了一个新的方法例子通过prettier格式化之后，报错设置方法首先在vscode的setting.json中添加prettier的设置"

问题描述由于使用的是dialog的slot，需要在dialog显示一个table但是在IE 11上遇到了一个问题在第一次打开的时候，table的宽度并不能正确的获取正常：问题分析element-ui设计是比较趋于完善的了，dialog的solt使用懒加载是处于性能优化的原因，官方也提供了回调事件去解决这个问题，比如需要在dialog获取到refDialog 的内容是懒渲染的，...

前提这里做下笔记，记录下项目中的typescript的类型写法，也分享给大家。使用ref调用element组件方法推荐使用断言，element-ui提供了类型文件，使用断言就可以解决这个问题案例：如使用组件form的validate的方法import { Form } from 'element-ui';export default class App extends Vue {(this.$re

前言目前出现了一个需求，需要父页面打开新的子页面，子页面提交表单之后，关闭子页面，然后把数据返回给父页面。本来考虑使用sharedWorker，但是由于兼容性太差了，就弃用了。看到网上的介绍可以使用localStorage来实现，我就尝试了下。下面是一些具体的细节。开始整体流程如图所示：需求分析子页面需要知道自己的父页面对应的是谁，所以父页面打开子页面的时候需要传输一个父页面的KEY值由于表单是使

富文本这里使用的是vue-quill-editor组件作为富文本功能。在VUE中使用vue-quill-editor非常方便，引入组件就可以马上使用，但是通常情况下，我们都需要进行一些自定义的功能，所以需要自己进行二次封装。初始化```javascript<template><quillEditorclass="ql-toolbar"v-model="content"ref="q

描述在移动端没有hover事件，所以触发echart的高亮事件只有点击事件，这个时候如果有页面滚动事件的时候，滚动的时候并不能隐藏tooltip。这个时候页面滚动是不会隐藏的。除此之外，如果页面同时多个图表，这个时候会出现多个tooltip，这个产品认为可能体验会比较不好，希望能够一个页面只高亮一个图表。方案需要做到跨图表状态管理，很明显选择使用vuex来存储状态是比较方便。所以这里使用vuex来

worker多线程可以让网页进行大量数据处理的时候，避免UI渲染阻塞。我这次使用woker来进行数据的预先获取数据并且处理由于数据预计会比较多，如果一次性获取的话，UI渲染就会阻塞，导致用户体验下降。案例MDN上介绍以及非常详细由于woker不支持file路径，所以一般都是讲文件布置到服务器生成一个url，但是在开发过程中这样太不方便了，所以webpack上有一个loader:work...

错误提示如下Syntax Error: TypeError: this.getOptions is not a function@ ./node_modules/vue-style-loader??ref--10-oneOf-1-0!./node_modules/@vue/cli-service/node_modules/css-loader/dist/cjs.js??ref--10-oneOf-

问题描述安装electron项目的时候，在下载包的时候报错错误描述主要是错误1：socket hang uperror E:\theia\node_modules\electron: Command failed.Exit code: 1Command: node install.jsArguments:Directory: E:\theia\node_modules\electronOutput

主进程与渲染进程Electron 运行 package.json 的 main 脚本的进程被称为主进程。每个 Electron 中的 web 页面运行在它的叫渲染进程的进程中。区别主进程会通过BrowserWindow创建页面，每个BrowserWindow都有自己的渲染进程运行页面。主进程管理所有web页面和他们对应的渲染进程，每一个渲染进程都是独立。不允许操作GUI的原生API，如果需要的话，