前端
关注
分享
扫一扫
文章平均质量分 67
随风九天
这个作者很懒，什么都没留下…
展开
-
Web Workers 技术解析与应用
Web Workers 是一种在后台线程中运行 JavaScript 的机制，允许网页在不阻塞用户界面的情况下执行复杂计算或数据处理任务。原创 2025-04-04 10:18:59 · 824 阅读 · 0 评论 -
Vue3 与 Bpmn-js：打造现代化 BPMN 流程设计器
随着业务流程的复杂化，流程设计器成为企业级应用中不可或缺的一部分。BPMN（Business Process Model and Notation）是一种标准的业务流程建模语言，广泛应用于业务流程管理。本文将介绍如何使用 Vue3 和 Bpmn-js 打造一个现代化的 BPMN 流程设计器。原创 2025-03-28 23:33:10 · 683 阅读 · 0 评论 -
服务器发送事件（Server-Sent Events，SSE）详解
服务器发送事件（SSE）是一种简单且有效的技术，适用于需要从服务器向客户端推送实时更新的场景。通过本文的介绍，读者可以了解 SSE 的工作原理、使用场景、实现方法以及实际应用案例，从而更好地利用 SSE 提升应用的实时性和用户体验。原创 2025-03-17 07:55:25 · 1010 阅读 · 0 评论 -
使用 Nginx 进行前端灰度发布的策略与实践
灰度发布是一种有效的软件发布策略，可以帮助开发者在降低风险的同时，逐步推出新版本。Nginx 提供了强大的配置功能，使得实现前端灰度发布变得简单而高效。原创 2025-03-15 21:53:25 · 867 阅读 · 0 评论 -
利用NestJS构建高效的RESTful API接口
NestJS是一个用于构建高效、可扩展的Node.js服务器端应用程序的框架。它结合了OOP（面向对象编程）、FP（函数式编程）和FRP（函数式响应编程）的优点，提供了强大的工具和特性。REST（Representational State Transfer）是一种基于HTTP协议的架构风格，它通过标准的HTTP方法来操作资源。统一接口：使用标准的HTTP方法和状态码。无状态性：每个请求都包含所有必要的信息，服务器不存储客户端状态。可缓存性：响应可以被缓存，提高性能。分层系统。原创 2025-02-08 18:55:26 · 1049 阅读 · 0 评论 -
Vue 3 部分新特性解析
Vue 3 引入了许多新特性和改进，使得开发更加高效和灵活。本文将深入探讨 Vue 3 的高阶部分，包括 Composition API、自定义指令、插件开发、状态管理和性能优化。原创 2025-02-08 14:19:42 · 516 阅读 · 0 评论 -
chrome调试必知必会
学习掌握chrome调试，对于分析前端问题，以及分析后端接口返回内容，都极有帮助。熟练掌握和应用快捷键，可以提升研发效率。原创 2024-02-19 21:23:01 · 812 阅读 · 0 评论 -
使用Nginx或者Fiddler快速代理调试
fiddler比较轻量，对于简单的前端js，推荐使用该方式，但是有多个文件要替换时候，需要逐一新增规则，比较累。nginx代理替换比较强大，但需要本地起个nginx，并且要懂得编写匹配规则。nginx不仅可以代理前端，还可以代理后端。而且对于压缩打包的js，可以代理为源代码模式，优势大。原创 2024-02-19 13:11:44 · 468 阅读 · 0 评论 -
puppeteer在linux使用
1 chrome下载https://dl.google.com/linux/direct/google-chrome-stable_current_x86_64.rpmyum localinstall2 puppeteer 配置puppeteer 是可以使用 chrome 的, 需要指定路径 ; args 参数是传递给浏览器 。 在root用户下需要指定 --no-sandbox...原创 2020-04-07 23:28:36 · 1965 阅读 · 0 评论 -
高效书页滚动切换 “图形”
1 描述在项目中，需要把很多的图，像Word一样支持一页一页滚动显示，并且页数很多。而显示图的组件相对比较重，不利于一页一个组件，否则将加载缓慢，甚至因内存消耗巨大而崩溃。2 思路只需使用三到四个图形组件，可以理解为一个组件池，池中没有资源时创建。图形滚动消失时，图形组件归还给组件池，留给下次使用。每次从组件池获取未使用的组件，然后移动显示在指定位置。3 代码实现片段处理哪个区域需要显...原创 2019-11-13 21:31:33 · 209 阅读 · 0 评论 -
nodejs ( vue) 远程下载js
1 问题描述使用 nodejs + vue 开发前端应用时，期望可以动态加载远程服务端js。2 修改 requirejs引入requirejs， 转换为 export 导出。window.define = define;window.requirejs = requirejs;export { requirejs}3 应用 requirejs.config({ ...原创 2019-11-09 21:33:56 · 321 阅读 · 0 评论 -
打印html页面或者截图
1 总体1.1 问题描述通过 html 和 svg 构建的页面或图形，需要下载或者导出。html转打印不易处理，伴随出现一些问题，如模糊，不一致，错乱等。急需有一个方案解决，可以清晰的打印html。1.2 截图使用截图转换为图片，然后再打印，可以很清晰。目前的截图都需要人工敲击快捷键，才执行截图操作，无法自动执行。1.3 引入开源组件通过分析研究，可以引入开源组件puppeteer，...原创 2019-10-27 14:00:46 · 727 阅读 · 0 评论 -
css交叉圆
1 说明使用交叉圆来表达两个表的连接关系：左连接，右连接，内连接，全连接。并且可以点击图形切换连接方式。2 html<div class="imgDiv"> <div class="leftCircle" :class="{'select':leftSelect}" :style="leftStyle" v-on:click="selectLeft"> &l...原创 2019-09-26 04:15:29 · 1186 阅读 · 0 评论 -
工作日志——行为流程
一 单据和流程在本产品的关系有如下几点： 1 菜单链接，调用流程js，流程走行为框架打开单据。 2 单据保存的时候，把流程的参数传递到服务端行为。 3 流程在单据保存后事件，处理流程的发起。 虽然流程和单据，通过行为分离了耦合，但是单据保存事件中还是有依赖于流程信息。 如何做到单据保存的时候，没有流程信息，或者该原创 2016-05-23 21:13:32 · 439 阅读 · 0 评论 -
Promise 笔记
1 理论概念1.1 背景在前端开发过程中，使用异步编程方式，避免不了使用回调函数（callback）， 多嵌套的callback函数将导致代码阅读性差，不利于后期维护。 甚至有个形象名称“回调地狱”。为了解决该问题，提出了 Promise 解决方案。1.2 回调地狱当业务逻辑复杂的时候，回调的嵌套过多，代码复杂度增加，可读性降低，维护起来也复杂，调试也复杂，这就是回调地狱。...原创 2018-02-14 10:56:03 · 246 阅读 · 0 评论 -
JS循环等待检测
/** * 轮询等待条件满足后处理 */ function waitFinished(fun) { if (!fun) { return; } if (fun.checkFinished()) { fun.finishedDo(); return; } var waitTime = fun.waitTime ? fun.waitTime : 10; var strTim...原创 2016-07-25 21:43:23 · 4885 阅读 · 0 评论 -
open flash chart
<br /><html><head><mce:script type="text/javascript" src="../js/json/json2.js" mce_src="js/json/json2.js"></mce:script><mce:script type="text/javascript" src="js/swfobject.js原创 2010-09-18 20:52:00 · 909 阅读 · 1 评论 -
MxGraph上下文按钮实现
1 介绍mxGraph是一个强大的JavaScript流程图前端库，可以快速创建交互式图表和图表应用程序，国内外著名的ProcessOne和draw.io都是使用该库创建的强大的在线流程图绘制网站.1.1 编写顶点事件function mxVertexToolHandler(state) { mxVertexHandler.apply(this, arguments);};mxVer...原创 2019-03-17 09:02:10 · 587 阅读 · 0 评论 -
selenium 切换窗口页签
面对有一些点击，弹出新页签窗口， 那么可以通过 driver.switchTo().window(string) 切换页签，而后处理完毕， 再切回来，如下： String windowHandle = driver.getWindowHandle(); switchWindow(driver, windowHandle); // doDetail(item, driver);...原创 2019-06-17 07:04:59 · 970 阅读 · 0 评论 -
vue和vue-element-admin开发
1 安装环境1.1 安装nodejs下载地址 https://nodejs.org/en/， nodejs比较容易安装，下载后按安装步骤安装。查看版本： node --version1.2 安装 Vue CLIVue CLI 是Vue.js 开发的标准工具。地址为 https://cli.vuejs.org/zh/在命令行输入命名:npm install -g @vue/cli...原创 2019-08-10 09:02:26 · 1935 阅读 · 0 评论 -
vue-devtools浏览器插件安装
1 下载使用git 下载 vue-devtoolsgit clone https://github.com/vuejs/vue-devtools.git原创 2019-08-11 20:51:28 · 4277 阅读 · 0 评论 -
vue拖动事件简单绑定
1 完整div<div v-bind:class="{'selected': col.selected}" :draggable="data.enabled" @dragstart="drag($event,data,col)" @dragover.prevent @drop="drop($event,data,col)">{{col.name}}</div>2 ...原创 2019-09-26 04:01:20 · 6994 阅读 · 0 评论 -
CSS
几乎所有HTML 元素的display 属性值要么为block，要么为inline。最明显的一个例外是table 元素，它有自己特殊的display 属性值。块级元素（比如标题和段落）会相互堆叠在一起沿页面向下排列，每个元素分别占一行。而行内元素（比如链接和图片）则会相互并列，只有在空间不足以并列的情况下才会折到下一行显示。原创 2014-04-23 08:45:45 · 441 阅读 · 0 评论