- 博客(19)
- 收藏
- 关注
原创 将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关注的人