Tsing's Blog

在使用element-ui的upload组件时，由于业务逻辑复杂，我们有时需要使用自定义的http-request属性来覆盖组件默认的上传行为，在使用这个属性的时候，我发现：原本定义好的各种钩子函数（除了on-exceed,on-remove）都没有被执行。导致了文件上传进度被无视，以及也无法处理上传错误，那么使用自定义上传http-request属性后，如何设置钩子函数呢，我进行了一番研究🤔。可以看到官方文档中并没有给到这个http-request的可选值和默认函数，这就得自己去摸索搜... 阅读全文…

在访问GitHub的时候，我们常常有这样的困扰，访问某个仓库查看其Readme时，里面的图片无法显示：内容中图片无法显示期初我以为是仓库的文档图片本身的问题，但是有时候我发现连自己的头像都无法显示，我眉头一皱，发现事情没辣么简单了🙁：git-avatar-error为了解决了这个问题，做做了一番探索：新标签页打开Readme中无法显示的图片，会发现竟然是找不到对应的IP地址：raw-host--error我使用ping命令确认了一下IP地址，发现目前的dns的确没有给我解析到正确的IP地... 阅读全文…

最近，我在按照微信小程序官方文档来使用video组件时，在低端机上遇到MP4视频只有声音，图像一直黑屏的问题，在此记录一下解决的过程。查阅了官方社区论坛，得到的信息不多。从其他渠道大概了解到是视频编码格式为H264，其在低端机不被支持的问题。为了解决这个问题，我们需要下载视频转编码的工具。最常用的便是格式工厂啦。点击格式工厂的mp4，弹出如下对话框。gsgc01点击输出配置，在视频编码一栏选择Xvid选项gsgc02如此导出后，视频就可以放到小程序上使用了。Tips: 在使用导出的视频时，... 阅读全文…

最近在学习使用webpack4.0自己搭建vue脚手架，在搭建过程中，踩了许多坑，使用file-loader打包图片文件时就遇到了以下的问题。这是我的webpack 处理打包图片相关配置项：123456789101112131415161718192021...module: { rules: [ ... { test: /\.(jpe?g|png|gif|svg)$/i, use: [ { loader: 'url-loader', options: { limit: 10000, name: '[name].[ext]', outputPath: 'imgs/' } } ] }, ... ]}... 阅读全文…

我们都知道，在nodejs环境下使用普通的console.log,console.error,console.info输出都是不会有颜色的，如果你不知道，那你现在知道啦😏。在这种情况下，如果我们需要彩色输出，则通常通过chalk这个node模块来实现，chalk使用方法基本用法12const chalk = require('chalk')console.log(chalk.red.bold.bgWhite('Leo\'s Blog'))上面代码执行的结果如下，Leo's Blog 加粗... 阅读全文…

在很多情况下，我们需要通过后端提供的接口来获取动态生成的文件，而我们请求接口的时候，往往后端返回的是二进制数据流。这时我们该如何将后端返回的二进制数据流转换为我们需要的文件呢？接下来我将以我们常用的axios请求为例来演示。 阅读全文…

在优化和维护Windows系统时，组策略可以说十分重要。但一般情况下Windows家庭版中并不包含组策略，对于使用家庭版Windows的朋友来说，就没办法使用组策略了么？我整合了一下网上的资料，在本文里介绍如何在家庭版Windows中加入组策略。曾在Windows 7中使用Windows Anytime Upgrade升级的朋友一定知道，即使是最入门级版本的Windows也可以离线升级高级版本。实际上入门版本的Windows，也包含最高版本的功能文件。我们只需要把它们找出来并启用就行了。 阅读全文…

优化原由最近访问我的博客网站的时候，我发现经常会出现打不开的情况，我的博客是搭载在coding的coding pages服务上的，仔细检查了coding服务上的代码，发现没什么毛病，应该就是coding pages的服务器不稳定造成的，由于最近在投递简历，这个情况也给我造成了一定的困扰，考虑到要给招聘者良好的浏览体验，我决定要优化一下自己的博客网站运行环境了。 阅读全文…

我们经常会在GitHub上fork别人的项目，我也这样弄过几个仓库，最近遇到了这样的问题，我发现原仓库近期有了好多更新，但是自己fork的项目并没有去同步它们，这个时候我需要将原仓库的更新同步到我fork过的仓库中。但是GitHub上也没有指导这样做的方法。 阅读全文…

在使用Webpack自定义构建项目的脚手架的时候，我们常常会使用到mini-css-extract-plugin这个插件来将css代码提取出来构建成单独的一个css文件。 阅读全文…