- 博客(19)
- 收藏
- 关注
RSS订阅原创 将React项目代码转成Vue3时最容易踩坑的地方
前段时间将我的开源项目visualization-collection进行了重构，该项目目前有2.6k的star数，对着之前React版本的重新开发并发布了一个Vue版本的。
2023-07-13 18:51:41
832
1
原创 手把手带你使用AutoIt3开发一个完整项目
这篇文章我将手把手地带领大家一步步地来开发一个完整项目—项目助手，该项目是一款非常实用的小工具，它可以让我们一键启动或打包我们工作中（或生活中，如果你足够努力的话）开发的项目。
2023-04-21 16:28:00
2320
原创 前端实现图片处理的原理及问题解决方案
前段时间完成了自己的图片处理工具，纯前端实现，不借助第三方图片处理库，收获颇多。在开发的过程中也是遇到了各种问题，所以想通过这篇文章进行一个技术总结和分享。
2023-03-28 18:40:30
895
原创 给所有前端使用的图片处理工具
经过一个多月断断续续的开发，终于将这个图片处理工具的所有功能都开发完了，包括有基础操作、矩形裁剪、圆角裁剪、修改尺寸、修改亮度、修改透明度、添加水印、打马赛克和图片压缩这九大模块，几乎是包含了图片处理的所有功能。
2023-02-01 15:10:48
543
原创 开源：各种前端设计和动效，这个项目里一应俱全
今天就向大家隆重介绍这个开源项目：visualization-collectio，一个专注于前端视觉效果的集合应用，里面有大量的前端设计和丰富的动效案例，包括有Html视觉、CSS动效、Canvas动效、图片处理工具，Echarts交互和Three.js3D这六大模块。
2022-12-16 10:29:00
789
原创 Canvas实现球体碰撞交互效果(一)
提到Canvas相信做前端开发的同学都不陌生，它是一个用于绘制图形的容器，我们会在一些特殊场景时需要用到Canvas，比如我们要在页面上显示一个流程图，这个流程图需要根据后端返回的数据动态显示时，就可以使用Canvas进行绘制，它可以实时的根据数据进行计算，再比如，我们要做一个动画效果，特别是需要有交互的动画效果时，我们就可以使用Canvas去实现。
2022-10-31 19:08:47
600
2
原创 项目中调试本地组件库的实践方案
每个公司都有可能有自己的组件库，我们在开发组件库时，一般都要将组件库里的组件应用在自己的项目上，项目与组件库在本地进行调试就需要一套很好的解决方案。下面我们就对比几个常见的方案，以及它们存在的问题。
2022-10-31 19:04:15
943
原创 基于manifest v3+react开发的Chrome插件demo
现在全网写的chrome插件基本都还是原生的html、css加js那一套，相比于使用react开发非常的不方便，而且大多都还是manifest v2版本。
2022-10-26 19:44:28
580
2
原创 一款将打包后的Chrome插件自动化加载到浏览器的webpack插件
今天向大家介绍一款可以将build打包后的chrome扩展程序自动化加载到chrome浏览器中的webpack插件，该webpack插件已经发布到了npm上。
2022-10-26 19:37:25
1318
4
原创 十分钟带你入门Chrome插件开发
chrome插件是一个用Web技术开发、用来增强浏览器功能的软件，它其实就是一个由HTML、CSS、JS、图片等资源组成的一个.crx后缀的文件。
2022-10-25 18:45:13
13943
3
原创 彻底搞懂盒子模型
CSS盒模型本质上是一个盒子，封装周围的HTML元素，它包括：Margin外边距，Border边框，Padding内边距，和Content实际内容。
2022-10-25 18:39:23
130
原创 全网最全AutoIt3基础教程及实战案例
AutoIt 目前最新是v3版本，这是一个使用类似BASIC脚本语言的免费软件，它设计用于Windows GUI(图形用户界面)中进行自动化操作。
2022-10-24 21:55:10
16444
6
原创 requestAnimationFrame和requestIdleCallback是宏任务还是微任务
要搞清楚requestAnimationFrame和requestIdleCallback是宏任务还是微任务就必须要搞清楚下面几个问题：1. 浏览器在每一轮Event Loop事件循环中都会去渲染屏幕吗？2. requestAnimationFrame在哪个阶段执行，是在渲染前还是渲染后？是在微任务执行前还是执行后？3. requestIdleCallback在哪个阶段执行，是在渲染前还是渲染后？ 是在微任务执行前还是执行后？
2022-10-24 21:34:13
1730
1
原创 面试秘籍之手写系列
手写call函数 、手写bind函数 、手写实现new功能的函数 、手写reduce函数 、手写防抖函数 、手写节流函数 、手写Promise类、手写XMLHttpRequest、手写深拷贝、手写继承
2022-10-23 21:35:11
152
原创 hashHistory和browserHistory的区别
HashHistory和BrowserHistory都是history库中定义的类，可以通过history库中的createHashHistory和createBrowserHistory方法分别创建hashHistory和browserHistory对象，且都是单例对象。这两者都是通过对window.history对象和window.location对象的封装，衍生出更多丰富的功能，使我们能更好的操作浏览器的历史记录，比如使用history库可以实现阻止跳转，以及定义跳转提示
2022-10-21 10:18:46
405
原创 实现球体碰撞，使用这个库就够了
今天我就和大家分享一个非常好用的库，一个专门用于在Canvas上实现球体碰撞场景的库--sphere-collision，通过简单配置便可快速实现碰撞效果，而且还提供了钩子函数，扩展性极强，让你实现想要的效果。
2022-10-21 10:09:49
1214
原创 深入理解Event Loop的运行机制
Event Loop即事件循环，是指浏览器或Node.js的一种解决javaScript单线程运行时不会阻塞的一种机制，也就是我们经常使用异步的原理。Event Loop是一个执行模型，在不同的地方有不同的实现，浏览器和Node.js基于不同的技术实现了各自的Event Loop。
2022-10-20 22:08:47
521
原创 两个跨域页面进行跳转传参的终极方案
本文约定：A页面：跳转前的原来页面，假设为http://a.comB页面：将要跳转的目标页面，假设为http://b.com
2022-10-20 21:47:58
930
2
项目助手-一键启动/打包项目的小工具
2022-10-09
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人