shadowzy

前端经常有用到右键菜单扩展交互能力的需求，不同场景下菜单功能不同，且通常需要根据右键目标的不同显示不同的菜单操作，本文就记录了一种通用的右键菜单解决方案。...

几何计算方法列表 判断两个浮点数是否相等 计算两个点的中点 计算两个点组成直线的斜率 弧度转化为角度 角度转化为弧度 计算两点组成的方程 y = kx + b等...

日常开发中常用到颜色的相互转换，这里提供了丰富的解析、转换颜色的方法。 - 解析16进制颜色字符串 - 解析rgba颜色字符串 - 16进制颜色字符串 - 16进制颜色字符...

hooks诞生的原因 组件之间的状态复用困难 类组件理解成本较高，业务逻辑分散在生命周期中 class和this的特性较为复杂 解决函数组件无状态只能用于简单组件的痛点，使...

图片裁剪在前端交互中是很常见的功能，本文实现了通用的图片裁剪工具，可使用于react、vue、angular以及无框架的前端页面中。...

记录常见svg绘图姿势，包括可拖动的锚点、画圆角、画角度圆弧、画可以显示角度的三角形、自由多边形等等。...

网页拾色器（颜色吸管工具）可以吸取网页上每个像素的颜色值。 1.网页截图 2.绘制&获取像素点颜色 3.附上完整源码...

积累记录常用js工具方法。 例如：复制字符串、下载base64为文件、非递归搜索和处理树的节点、格式化时间、计算文本的高宽 等等。...

富文本编辑器在很多场景都有应用，那么实现的原理是什么呢？本文用100行代码实现一个简易的富文本编辑器，并介绍原理。...

js实现封装历史记录功能，支持撤回、重做、清空等操作，可在其他任何需要历史记录的系统中使用。 本文实现了class版，以及避免历史栈被外部直接修改导致出错的构造函数版。...

上周刚在公司进行了一次 React 运行时优化方案的分享，以下是分享的文字版，文章比较长，干货也很多，相信你看完后会对 React 有不一样的理解。...

介绍前端学习路线和资源。html、css、javas 三剑客 - 最基础也最重要 框架 nodejs等...

函数式编程是一种编程范式。 面向对象的编程思维方式：把现实世界中的事物抽象成程序世界的类和对象，通过封装、继承和多态来掩饰事物的联系 面向函数式编程的思维方式：把现实世界中...

Diff算法 Diff算法即差异查找算法。 Vue的diff策略 传统的计算两颗树的差异时间复杂度为O(n^3),显然成本比较高（老树的每一个节点都去遍历新树的节点，直到找...

对有频繁切换电脑写代码的同学，网页版vscode无疑是绝佳的选择，使用姿势和桌面版基本无差别，无需安装环境，任何电脑只要打开网页登录即可开始写代码。必要时一头钻进网吧，即可...

记录linux常用命令，持续更新。 查看文件 创建 & 修改文件 解压 查看 & 杀死进程 下载文件 nginx常用操作等...

记录如何将网站升级https，免费获取证书。 直接部署再服务器的网站通常默- 认是明文的 http 协议的，也就是说你所有的请求都是很容易被别人监控、窃取和修改的，基本等于...

缓存在前端和后端日常开发场景中使用的非常多，使用得当可以减少不必要的重复计算。 但是在某些数据量很大或者运行时间长的场景下，滥用缓存可能导致内存占用过大，程序运行卡顿等问题...

整理常见javascript面试题，进行深入的刨析，并且用通俗易懂的方式表述出来，非常容易理解和记忆。...