首页
AI Coding
NEW
沸点
课程
直播
活动
AI刷题
APP
插件
搜索历史
清空
创作者中心
写文章
发沸点
写笔记
写代码
草稿箱
创作灵感
查看更多
会员
登录
注册
shadowzy
掘友等级
获得徽章 0
动态
文章
专栏
沸点
收藏集
关注
作品
赞
180
文章 180
沸点 0
赞
180
返回
|
搜索文章
shadowzy
关注了
小满zs
shadowzy
赞了这篇文章
前端君
前端
·
2年前
关注
实现数据驱动的表单引擎
表单在前端开发场景中是非常常见的一个功能,在很多需要用户输入的地方都要用到,而通常大多数简单的表单手写时又有较多重复的工作,因此这里我们写一个简单好用体积小的表单引擎,用来...
30
7
分享
shadowzy
关注了
程序员小灰
shadowzy
赞了这篇文章
前端君
前端
·
1年前
关注
通俗易懂的理解 IoC 控制反转、依赖倒置
控制反转和依赖倒置原则特别适用于需要提高代码灵活性、可维护性和可测试性的场景,如大型应用程序和框架开发。合理使用可以降低耦合度,提高代码可维护性、可测试性和可扩展性,促进模...
6
3
分享
shadowzy
关注了
魔术师卡颂
shadowzy
赞了这篇文章
前端君
前端
·
2年前
关注
svg实现图形编辑器系列十:工具栏&配置面板
工具栏拥有以下能力:填充色、边框色、边框粗细、边框类型(虚线、实线等) 另外还加入了一些便捷操作,如撤销、回退、添加各种精灵形状等...
32
17
分享
shadowzy
赞了这篇文章
前端君
前端
·
3年前
关注
实现超好用的React颜色选择器组件
色选择器组件提供一个简洁美观的面板,很方便的选择常用的颜色,具有推荐颜色、最近使用颜色、拾色器、自定义颜色等功能。...
14
32
分享
shadowzy
赞了这篇文章
前端君
前端
·
3年前
关注
纯js实现高度可扩展的关键词高亮方案
实现`高度可扩展`的多关键词高亮方案,多个关键词`同时高亮`,关键词支持`正则匹配`,支持自定义渲染...
78
17
分享
shadowzy
赞了这篇文章
前端君
前端
·
2年前
关注
借助babel在html中写react代码
> 记录在一下借助babel在html中写react代码能力 <script name="app" type="text/babel">...
3
评论
分享
shadowzy
赞了这篇文章
前端君
前端
·
2年前
关注
svg实现图形编辑器系列五:辅助编辑锚点
本文介绍锚点功能,对圆角矩形、线段、扇形、折线、自由多边形等等形状都需要这样的辅助编辑点的能力;如圆角矩形调整圆角大小的锚点、扇形调整扇形角度的锚点等。...
54
21
分享
shadowzy
赞了这篇文章
前端君
前端
·
2年前
关注
svg实现图形编辑器系列八:多选、组合、解组
在之前的系列文章中,我们介绍了图形编辑器基础的 `移动`、`缩放`、`旋转` 等基础编辑能力,以及很多辅助编辑的能力。本文将继续介绍提升编辑效率的功能:多选、组合、解组,以...
25
15
分享
shadowzy
赞了这篇文章
前端君
前端
·
2年前
关注
svg实现图形编辑器系列九:精灵的编辑态和开发常用精灵
当精灵想要某些独特的编辑能力,例如图片精灵想显示配置图片链接地址的输入框。 所以我们定义精灵存在`渲染模式` 和 `编辑模式`,默认情况下精灵为渲染态,当 `双击精灵` 时...
68
9
分享
shadowzy
赞了这篇文章
前端君
前端
·
2年前
关注
svg实现图形编辑器系列七:右键菜单、快捷键、撤销回退
本文介绍了编辑器常用的三种提效功能:右键菜单、快捷键、历史记录,可以使我们编辑操作的效率得到大大的提升,优化体验,并且每个功能都做了分层抽象,可以形成解决方案,在别的业务中...
61
3
分享
shadowzy
赞了这篇文章
前端君
前端
·
2年前
关注
svg实现图形编辑器系列六:连接线、连接桩
思维导图、流程图等都有连接线的功能,连接线可以在形状发生变化时自动跟随。本文会介绍连接线功能如何实现。...
74
13
分享
shadowzy
赞了这篇文章
前端君
前端
·
2年前
关注
svg实现图形编辑器系列四:吸附&辅助线
svg实现图形编辑器系本文会继续丰富以下编辑能力: - 移动靠近其他精灵时吸附上去,并显示辅助线 - 缩放靠近其他精灵时吸附上去,并显示辅助线 - 画布上显示网格,精灵在画...
62
13
分享
shadowzy
赞了这篇文章
前端君
前端
·
2年前
关注
svg实现图形编辑器系列三:移动、缩放、旋转
本文介绍了图形编辑器基础的 `移动`、`缩放`、`旋转` 等编辑能力,做到了三个操作代码隔离,并且在旋转后缩放修复了位置偏移问题。 完成基本的编辑能力后,我们的图形编辑器已...
36
19
分享
shadowzy
赞了这篇文章
前端君
前端
·
2年前
关注
svg实现图形编辑器系列二:精灵的开发和注册
介绍如何开发一个精灵,并使用依赖反转思想,精灵与舞台解耦,实现精灵注册机制。 本文对 图形编辑器的最小demo 进行重构,将精灵和舞台进行了解耦,提升了图形编辑器的可维护性...
39
4
分享
shadowzy
赞了这篇文章
前端君
前端
·
2年前
关注
svg实现图形编辑器系列一:精灵系统
一个类似PPT功能的图形编辑器框架,可以用于快速搭建图形编辑应用。 这是一个系列文章介绍如何基于 svg 逐步实现一个图形编辑器,内容较多将分为系列文章,逐步讲解实现步骤,...
99
24
分享
shadowzy
赞了这篇文章
前端君
前端
·
2年前
关注
前端通用右键菜单解决方案(文末贴了源码)
前端经常有用到右键菜单扩展交互能力的需求,不同场景下菜单功能不同,且通常需要根据右键目标的不同显示不同的菜单操作,本文就记录了一种通用的右键菜单解决方案。...
30
2
分享
shadowzy
赞了这篇文章
前端君
前端
·
3年前
关注
javascript几何计算常用工具函数
几何计算方法列表 判断两个浮点数是否相等 计算两个点的中点 计算两个点组成直线的斜率 弧度转化为角度 角度转化为弧度 计算两点组成的方程 y = kx + b等...
24
1
分享
下一页
个人成就
文章被点赞
3
文章被阅读
1,993
掘力值
113
关注了
33
关注者
4
收藏集
17
关注标签
14
加入于
2018-03-17