- 博客(14)
- 收藏
- 关注
RSS订阅原创 基于 Fabric.js 的 Vue 标注绘图组件开发实践
本文介绍了使用Fabric.js开发前端标注功能的经验。针对传统Canvas开发绘图功能时面临的复杂性和交互难题，Fabric.js提供了封装良好的API，支持多种图形对象和交互操作。文章详细说明了技术选型背景、功能特性（多工具支持、样式调整、历史记录等）以及组件架构设计，并提供了Vue组件实现示例代码。该方案有效简化了绘图开发流程，适合需要实现标注功能的项目。
2025-09-01 16:14:16
1046
1
原创 浏览器代理调试工具Whistle使用详解
本文介绍了使用Whistle代理工具搭配Proxy SwitchOmega浏览器插件实现灵活代理配置的方法。主要内容包括：1）Whistle的安装与常用命令（启动、端口设置等）；2）Whistle的基本配置步骤（证书安装等）；3）Proxy SwitchOmega插件的安装和代理规则设置。这套方案可实现浏览器级别的代理管理，无需修改hosts文件，适合前端开发调试需求，具有灵活性和便捷性优势。
2025-08-28 10:26:16
860
原创 vscode 终端不能使用yarn指令
解决：vscode在设置中输入terminal，找到功能下的终端，在划到Terminal › Integrated › Default Profile: Windows这项，选中command prompt，重新打开终端就搞定了。问题：在vscode输入yarn命令会出现报错，但是再cmd窗口中正常。（记录工作中遇到的问题）
2023-03-29 10:45:03
797
原创 angular.js递归树组件
新建一个html文件，将代码粘贴进去，打开浏览器就能看到效果<!DOCTYPE html><html> <head> <meta name="description"> <link href="http://netdna.bootstrapcdn.com/font-awesome/4.0.3/css/font-awesome.min.css" rel="stylesheet" type="text/css" /> <link
2021-11-29 15:43:43
796
原创 混合开发（ionic+cordova+angular）
相关网址：ionic、cordova、angular三者的关系：https://blog.youkuaiyun.com/xiaolinlife/article/details/73548938ionic官网：https://ionicframework.comionic中文网：http://www.ionic.wangcordova中文官网：http://cordova.axuer.com/#getstarted配置环境：先列一下我的项目所用到的环境和各版本号：名称版本号node10
2021-11-24 10:22:05
3071
原创 原生js递归树组件
新建一个html文件，将代码粘贴进去，打开浏览器就能看到效果<!DOCTYPE html><html> <head> <meta charset="utf-8"> <meta name="viewport" content="initial-scale=1, maximum-scale=1, user-scalable=no, width=device-width"> <meta http-equiv="Content-Se
2021-11-15 14:51:47
1402
1
原创 WebSocket介绍、例子、开发遇到的问题记录
WebSocket知识分享前提简介什么是WebSocketwebSocket是一种网络通讯协议，与Htpp协议的区别是，Htpp通信只能由客户端发起，服务端响应的这种单向通信；而webSocket最大的特点就是，服务器可以主动向客户端推送信息，客户端也可以主动向服务器发送信息，实现客户端与服务端的双向通讯。WebSocket APIWebSocket.onopen 连接成功的回调WebSocket.onclose 连接关闭后的回调WebSocket.onerror 连接失败后的回调W
2021-09-02 14:50:30
440
原创 掌握Console高级调试技巧：从基础到实战
你在开发中最常用的Console技巧是什么？欢迎评论区分享你的调试经验！：打开浏览器控制台(F12)，复制以上代码片段体验不同效果！
2021-01-13 00:13:01
299
1
转载 前端缓存那些事
前端存储哪些事转载文章文章讲的很详细，但是我只会说牛逼https://segmentfault.com/a/1190000005927232
2020-10-27 11:52:12
126
原创 前端实现页面全屏效果
前端实现页面全屏效果代码写的比较烂，大哥们别骂我//全屏按钮function fullScreen() { var width = window.screen.width; var height = window.screen.height; //vue获取元素并给元素赋值 var video = this.$refs.backVideo; //vue用ref获取元素 video.style.width = width video.style.height = h
2020-10-27 11:41:28
3914
原创 将网页保存为图片的实现方案
本文介绍了两种将网页保存为图片的实现方案。第一种使用dom-to-image插件，通过获取DOM元素转换为JPEG图片并显示保存选项；第二种采用html2canvas插件，将指定区域转换为Canvas后生成PNG格式图片并自动下载。两种方案均能实现网页转图片功能，其中dom-to-image更简洁易用，而html2canvas提供更丰富的配置选项，适合复杂场景。开发者可根据项目需求选择合适方案，两者都能满足H5页面截图保存的基本需求。
2020-10-27 11:34:51
3744
原创 页面分步引导组件Driver.js
页面分步引导组件Driver.js（这里仅做简单的介绍，关注博客，后续补充使用方法）最近在做项目的时候，发现了一个页面分步引导组件 Driver.js，先看张图片就知道这个组件是做什么的了大家看完效果后，觉得自己手写一个也可以，但是我觉得使用插件的话ui效果、兼容等可能会更好一点吧，Driver.js是一个轻量级（约4kb gzip），并且无任何依赖，可以提高用户对页面的关注度，也可以创建强大的分部引导介绍功能，号召性用语组件，焦点移位器等，支持所有的主流浏览器使用方式：1、script标签引入
2020-10-27 11:19:40
606
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人