组件
很甜的西瓜
技术交流,技术研究。做自己想做的,做好自己想做的.
展开
-
一个在线的NodeJS环境和终端运行界面
StackBlitz 经典编辑器、Codeflow、官方 SvelteKit 教程和 Cloudflare Wrangler 工作人员等。最常见的用例包括生产级 IDE、编程教程、下一代文档、人工智能应用程序或员工入职平台。,右边放一个iframe预览。这是不是就是一个在线的vscode了.想体验自己去搜索。以前需要云虚拟机来执行用户代码的应用程序,在 WebContainers 中可以完全在客户端运行。根据官方文档可以轻松搭建一个在线可以运行NODE的环境。比如在左边创建一个文件树,中间放一个。原创 2024-04-02 19:44:50 · 1042 阅读 · 0 评论 -
图片剪切器
效果图图片剪切功能剪切选择框剪切区域实时预览剪切图片剪切选择框创建一个选择框(如效果图中的白色虚线组成的框)选择框具有拖拽移动、边界检测(不能超出所在容器)、改变大小(我实现的是可以通过八个点改变大小)、可以反向拖动(就是在你右边的点拖动时,当前X坐标小于你选择框的X时,进行反向计算)选择框有最小宽高限制、最大宽高限制、固定宽高限制所选区域坐标换算代原创 2018-01-08 16:08:54 · 284 阅读 · 0 评论 -
图片涂鸦
效果:功能涂鸦工具栏(画笔、旋转、字体、颜色、历史后退)代码css: /***图片涂鸦旋转start*/ .dx-graffiti-tools { margin-bottom: 15px; position: relative; padding-left:原创 2018-01-08 16:48:45 · 625 阅读 · 0 评论 -
用jquery写的一个PC端桌面应用管理界面
支持拖拽移动,桌面文件夹管理(拖拽应用到另一个应用上面,会自动生成文件夹),桌面任务栏管理,桌面应用管理,桌面菜单栏.(资源下载地址在最下面) $.fn.extend({ animateCss: function (animationName, callback) { var animationEnd = (function (el...原创 2018-08-30 11:54:04 · 1533 阅读 · 0 评论 -
搭建代码编辑器
ACE ,Code Mirror, monaco 三款代码编辑器,整体引用都差不多,monaco 是微软出品vscode也是采用的这个.它的智能提示会很方便,如果在nodejs环境下可以添加其它 type.d.ts 文件可以直接智能提示.下面我是用vue搭的,有三种不同的模式,初始化直接设置就会自动加载,但是编辑器的资源需要你自己事先引入到页面中<!DOCTYPE html>...原创 2019-07-11 19:25:32 · 1014 阅读 · 1 评论