![](https://img-blog.csdnimg.cn/20201014180756780.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
前端开发
文章平均质量分 85
空谷
浙大硕士,是一名独立产品人。我致力于创造温暖人心的产品,帮助人们更好地生活和工作。目前的作品是多译(duoyi.io),欢迎和我多多交流。
展开
-
图片占位符 lqip-loader 简介与使用
图片占位符 lqip-loader 简介与使用![image.png](https://img-blog.csdnimg.cn/img_convert/b402d368c32cb839b87b271756e819dd.png#align=left&display=inline&height=226&margin=[object Object]&name=image.png&originHeight=226&originWidth=506&size=7原创 2021-01-20 15:59:52 · 985 阅读 · 0 评论 -
umi 使用 less 变量定义主题色
umi 提供了主题变量替换的能力,只需要在配置文件中按照键值对形式进行替换,即可一键替换主题色。但是,直接使用 js 来书写变量并不方便,且没有提示,因此使用lesss书写,并转为 js 文件1. 书写 less@primary-color: #78eaff;2. 转换 less 为 js在 src/theme文件夹下创建 variables.ts 文件。用 less-vars-to-js 包将 less 变量转为 js对象import lessToJs from 'less-vars-to-原创 2020-06-08 22:34:01 · 5180 阅读 · 1 评论 -
Webpack console 与 debug 体验提升配置教程
Webpack 进行默认编译时会有很多无用的信息,需要进行清理,只显示少量信息,并便于排错。Console 清理使用 FriendlyErrorsWebpackPlugin 插件,可以帮助清理 console 的信息。安装插件npm i -D friendly-errors-webpack-plugin配置插件// webpack.config.js co...原创 2018-02-12 18:34:11 · 4330 阅读 · 1 评论 -
react dva subscriptions 使用教程指南
dva中我们可以在 Model 中实现事件监听, model 中的 subscriptions 相当于一个监听器,可以监听路由变化,鼠标,键盘变化,服务器连接变化,状态变化等,这样在其中就可以根据不同的变化做出相应的处理,在这个 subsriptions 中的方法名是随意定的,每次变化都会一次去调用里面的所有方法,所以一边会加相应的判断。通过 在model 中添加一个 subscriptions...原创 2019-05-07 05:27:36 · 12060 阅读 · 0 评论 -
React 的装载过程图示
React 的装载过程如下图所示。原创 2018-01-11 15:54:01 · 322 阅读 · 0 评论 -
robotjs 踩坑记——Robotjs 安装使用教程指南
想在 Electron 上实现跨应用复制文本,发现目前可能唯一能实现的是 robotjs。中途踩了不少坑,写下这篇安装教程指南记录。1. 安装 robotjsnpm i robotjs安装到了项目中,然后require('robotjs');2. 报错情况很不幸,翻车了,报错提示<project>/node_modules/robotjs/build/Releas...原创 2019-05-08 01:52:12 · 12104 阅读 · 0 评论 -
解决Typescript 中 TS2339 报错:Property does not exist on type 'Global'”
在用 TS 进行 electron 开发时,我需要在 main 端将一些方法数据挂在在 global 对象上。比如我需要将 windows 对象挂在到 global 上,但是一写则报 TS2339 这个错误:Property 'windows' does not exist on type 'Global'.网上找了很多办法,比如定义全局 type 文件等等,最后的结局方法如下。最终解决方...原创 2019-07-11 18:22:53 · 38887 阅读 · 4 评论 -
Mac 安装electron缓慢的3种解决方案
1. 通过 npm 命令配置首先需要将npm的包下载地址改为淘宝镜像地址:全局设置淘宝镜像源:npm config set registry https://registry.npm.taobao.org/然后将electron包下载地址注册位淘宝的镜像:npm config set ELECTRON_MIRROR https://npm.taobao.org/mirrors/elec...原创 2019-07-12 10:52:53 · 6338 阅读 · 4 评论