随笔- 108  文章- 0  评论- 178 
  2020年1月13日
摘要:前言 最近本着新年新气象的想法,想换套新的博客园皮肤。 之前自己做了一套制作皮肤的解决方案,这是当时分享皮肤以及解决方案的博客: "分享一款博客园皮肤及其解决方案" 。 不过在制作新的皮肤过程中,使用这个解决方案时还是遇到了很多问题。 而为了更方便地制作新皮肤,就升级了原先的解决方案,搭建了这套博客 阅读全文
posted @ 2020-01-13 00:39 韩子卢 阅读 (1006) 评论 (10) 编辑
  2018年5月7日
摘要:前言 不论是做一些2d的小游戏,或者制作小图标,或者抠图都需要用到这个功能,对图片的背景进行透明化,是我们经常需要用到的一个功能。 通常情况下我们都会去下载PS或者美图秀秀这样的软件去制作。 但是我真的不想仅仅为了做个透明图像就去下载这些软件,这些软件不仅体积大,要下载个半天,放在电脑上也占空间。 阅读全文
posted @ 2018-05-07 23:28 韩子卢 阅读 (4364) 评论 (9) 编辑
  2018年3月30日
摘要:前言 想给自己的一些图片加上水印,于是就捣腾了这么个东西。 此功能没有考虑兼容性(太懒了),只在Chrome下测试通过,如果您在什么IE火狐下测试不通过就不要吐槽了。 因为应用了download属性,所以IE什么的就不用指望了,如果您是火狐浏览器的话,自己改一下兼容性应该是没问题的。 代码什么的开了 阅读全文
posted @ 2018-03-30 03:06 韩子卢 阅读 (2731) 评论 (16) 编辑
  2020年2月27日
摘要:前言 工欲善其事,必先利其器。 在前端工作中,我们常常使用到Chrome开发者工具去做各种各样的事情。 但是您真的了解这些开发者工具吗? 官方文档还是挺详细的: "chrome devtools文档" 。 但是文档中仍然会有一些功能没有描述到或者被一笔带过。 而我的这篇指南,会略过那些一目了然的功能 阅读全文
posted @ 2020-02-27 01:58 韩子卢 阅读 (2538) 评论 (9) 编辑
  2020年2月18日
摘要:前言 一直身在武汉,基于众所周知的疫情原因,这个春节只能宅着。 不过其实这个春节是这些年来过得最爽的一个了。 没有鞭炮,不用四处跑,安安心心呆在家里玩玩游戏看看书写写代码,其实日子过得还是挺悠闲的。 废话少说,这段时间买了《古剑奇谭3》,全成就拿齐了之后,就抽了点时间来分享在玩游戏的过程中自制的一个 阅读全文
posted @ 2020-02-18 22:13 韩子卢 阅读 (466) 评论 (0) 编辑
  2020年1月13日
摘要:前言 最近本着新年新气象的想法,想换套新的博客园皮肤。 之前自己做了一套制作皮肤的解决方案,这是当时分享皮肤以及解决方案的博客: "分享一款博客园皮肤及其解决方案" 。 不过在制作新的皮肤过程中,使用这个解决方案时还是遇到了很多问题。 而为了更方便地制作新皮肤,就升级了原先的解决方案,搭建了这套博客 阅读全文
posted @ 2020-01-13 00:39 韩子卢 阅读 (1006) 评论 (10) 编辑
  2020年1月7日
摘要:前言 对源码的解读有利于搞清楚Hooks到底做了什么,如果您觉得useEffect很“魔法”,这篇文章也许对您有些帮助。 本篇博客篇幅有限,只看useEffect,力求简单明了,带您到React Hooks的深处看看 按图索骥找到Hook相关源码(可以直接跳) 首先我们从Github上得到react 阅读全文
posted @ 2020-01-07 21:37 韩子卢 阅读 (314) 评论 (0) 编辑
  2019年12月27日
摘要:前言 关于Hook的定义官方文档是这么说的: Hook 是 React 16.8 的新增特性。它可以让你在不编写 class 的情况下使用 state 以及其他的 React 特性。 简单来说,就是在使用函数式组件时能用上state,还有一些生命周期函数等其他的特性。 如果想了解Hook怎么用, " 阅读全文
posted @ 2019-12-27 10:46 韩子卢 阅读 (355) 评论 (4) 编辑
  2019年12月18日
摘要:前言 之前写过一篇旧React项目安装并使用TypeScript的文章: "在React旧项目中安装并使用TypeScript的实践" 。 博客里使用awesome typescript loader对Typescript代码进行检测和转换。 而这几天又修改了一下自己的脚手架,使用@babel/pr 阅读全文
posted @ 2019-12-18 01:44 韩子卢 阅读 (832) 评论 (2) 编辑
  2019年12月13日
摘要:前言 最近在给自己的脚手架项目转到TypeScript时,遇到了一些麻烦。 项目之前采用的是react + react redux + redux thunk + redux actions +redux promise的体系。 当项目转TypeScript时,react和react redux这种 阅读全文
posted @ 2019-12-13 19:58 韩子卢 阅读 (328) 评论 (3) 编辑
  2019年11月28日
摘要:前言 本篇文章默认您大概了解什么是TypeScript,主要讲解如何在React旧项目中安装并使用TypeScript。 写这个的目的主要是网上关于TypeScript这块的讲解虽然很多,但都是一些语法概念或者简单例子,真正改造一个React旧项目使用TypeScript的文章很少。 所以在这里记录 阅读全文
posted @ 2019-11-28 08:41 韩子卢 阅读 (782) 评论 (3) 编辑
  2019年11月14日
摘要:前言 之前看到一篇推荐 "Magi" 这个搜索引擎的新闻,对于这个搜索引擎是否好用咱们不予置评,但是我在这个搜索引擎上面发现了一个好玩的前端功能。 如上图,将鼠标浮动到学习来源上时,会展示一堆指引线。 本博客的右侧文章目录也集成了这个功能,诸位可以玩一玩。 当时觉得这个功能很好玩,而且前端领域其实这 阅读全文
posted @ 2019-11-14 09:50 韩子卢 阅读 (1764) 评论 (7) 编辑
  2019年8月2日
摘要:问题场景 所谓悬浮窗就是图中微信图标的按钮,采用fixed定位,可拖动和点击。 这算是一个比较常见的实现场景了。 为什么要用cover view做悬浮窗?原生组件出来背锅了~ 最初我做悬浮窗用的不是cover view,而是view。 这是简化的代码结构: index.wxml: 一大段test,占 阅读全文
posted @ 2019-08-02 12:14 韩子卢 阅读 (3652) 评论 (0) 编辑