分类 代码如诗 下的文章

MyTrack 是一个为 Typecho 博客系统开发的足迹记录插件,允许用户在地图上标记自己的旅行足迹,并关联相关的文章和图片。插件基于高德地图 API,提供了直观的地图展示和便捷的管理功能。

插件目前开启售卖,价格定为 10 元,收入款全部捐给韩红基金会,并在文章底部公布捐款情况,购买请移步到文末,购买后请把订单截图通过邮件发送到我邮件 hi@wangdaodao.com,我会在当天处理邮件,把插件捐款情况回复在邮件中。购买前如果有疑问,也可以发邮件与我沟通,避免引起误会。

捐款后会生成捐款证书,证书样式可参考文章底部捐款列表中的链接,所以邮件中最好能附带姓名,我可以按照姓名来捐款。

我相信,购买插件的都是有爱心的朋友,所以还希望大家使用后帮忙宣传一下。

- 阅读剩余部分 -

最近在给组件底层脚手架升级,同时也把webpack4升级到了webpack5,但是发现升级后打包会生成LICENSE文件:

生成的LICENSE文件

查阅官网资料,找到了解决办法:

https://webpack.docschina.org/plugins/terser-webpack-plugin/#extractcomments

webpack.config.js中修改配置:

const TerserPlugin = require("terser-webpack-plugin")
module.exports = {
    optimization: {
        minimize: true,
        minimizer: [new TerserPlugin({
           extractComments: false, //不将注释提取到单独的文件中
        })],
    },
}

修改之前,再次打包即可。

饿了么表格性能一直是有些问题的,特别是使用了固定列,表格会把固定列克隆出来一份,这样会导致渲染很多冗余DOM,随着数据量的增加,冗余DOM也会变多,如果固定列再使用插槽,里面嵌套复杂的组件,性能会下降更多。

最近在做表格的性能优化,发现如果不考虑IE浏览器的情况,可以使用 position: sticky 来实现固定列。

- 阅读剩余部分 -

Moment.js是一个轻量级的js时间处理类库,其使用简单,方便了日常开发中对时间的操作,提高了开发效率。虽然大家经常用,但是我这次在项目中使用了一次,出现了严重的bug,下面就简单的把bug描述一下!

- 阅读剩余部分 -

根据官方文档可以这么配置:

import Vue from 'vue';
import Element from 'element-gui';
import 'element-gui/lib/theme-chalk/index.css';
Vue.use(Element, { size: 'small', zIndex: 3000 , duration: 5000 });

但是实际项目中,可能需要针对某个组件进行一些属性的全局配置,这时候就可以使用下面的方法:

import Vue from 'vue';
import Element from 'element-gui';
import 'element-gui/lib/theme-chalk/index.css';

ElementUI.Tabs.props.type = { type: String, default: 'border-card' }
Vue.use(ElementUI);

但是某些情况,上面方法可能不太适应,例如给所有 el-input 添加 placeholder

在说Electron进程通信的时候,先说一下Electron中的两种进程:主进程和渲染进程。

主进程通过创建 BrowserWindow 实例来创建网页。 每一个 BrowserWindow 实例在其渲染过程中运行网页,当一个BrowserWindow 实例被销毁时,对应的渲染过程也会被终止。简单来说,一个客户端就是一个主进程。

渲染进程只能管理相应的网页,一个渲染进程的崩溃不会影响其他渲染进程。渲染进程通过 IPC 与主进程通信在网在页上执行 GUI 操作。 出于安全和可能的资源泄漏考虑,直接从渲染器进程中调用与本地 GUI 有关的 API 受到限制。简单来说,一个页面就是一个渲染进程。

注意:主进程管理所有网页及其对应的渲染进程

- 阅读剩余部分 -