- 博客(38)
- 资源 (1)
- 收藏
- 关注
RSS订阅原创 MathJax的基本使用
MathJax引擎是一个开源的JavaScript库，它允许Web开发者在网页中嵌入高质量的数学公式。通过利用Web的最新技术，MathJax引擎可以解析LaTeX、MathML和AsciiMath等数学标记语言，并将其渲染为可视化的数学公式，这些公式可以在各种浏览器和操作系统上流畅地显示。使用MathJax引擎，网页作者可以轻松地编写包含数学内容的文档，而无需担心用户的浏览器或操作系统是否能够正确显示这些数学公式。
2024-04-11 14:05:09
1142
原创 软考＜信息系统项目管理＞ 挣值管理公式
计划值，又叫计划工作量的预算费用（BCWS，Budgeted Cost for Work Scheduled）。它表示在项目实施过程中某阶段计划要求完成的工作量所需的预算工时（或费用），即为计划工作分配的经批准的预算。
2024-03-30 15:41:37
992
原创 基于Axios封装请求---防止接口重复请求解决方案
重复发送请求可能导致页面长时间无响应或加载缓慢，从而影响用户的体验。特别是在网络不稳定或请求处理时间较长的情况下，这个问题尤为突出。：如果前端不限制重复请求，服务器可能会接收到大量的重复请求，这不仅增加了服务器的处理负担，还可能导致资源浪费。：对于某些操作，如表单提交，重复请求可能导致数据重复插入或更新，从而破坏数据的一致性。：在发送请求时，为请求设置一个唯一的标识符（如请求ID）。在请求处理过程中，可以通过检查该标识符来判断是否已存在相同的请求。如果存在，则取消或忽略重复请求。
2024-03-28 15:57:01
1132
原创 设计模式-----观察者模式
总结： 发布—订阅模式的优点非常明显，一为时间上的解耦，二为对象之间的解耦。创建订阅者本身要消耗一定的时间和内存， 而且当你订阅一个消息后，也许此消息最后都未发生，但这个订阅者会始终存在于内存中。另外，发 布—订阅模式虽然可以弱化对象之间的联系，但如果过度使用的话，对象和对象之间的必要联系也将被 深埋在背后，会导致程序难以跟踪维护和理解。(Observer)模式是行为模式之一，它的作用是当一个对象的状态发生变化时，能够自动通知其他关联对象，自动刷新对象状态。
2024-03-27 22:34:40
1226
原创 uniapp小程序中onShareAppMessage(OBJECT)实现带参数的分享功能
小程序中用户点击分享后，在 js 中定义 onShareAppMessage 处理函数（和 onLoad 等生命周期函数同级），设置该页面的分享信息。
2024-03-26 14:18:38
1314
3
原创 微前端架构
微前端的概念是由ThoughtWorks在2016年提出的，它借鉴了微服务的架构理念，核心在于将一个庞大的前端应用拆分成多个独立灵活的小型应用，每个应用都可以独立开发、独立运行、独立部署，再将这些小型应用融合为一个完整的应用，或者将原本运行已久、没有关联的几个应用融合为一个应用。微前端既可以将多个项目融合为一，又可以减少项目之间的耦合，提升项目扩展性，相比一整块的前端仓库，微前端架构下的前端仓库倾向于更小更灵活。
2024-03-21 18:32:45
1351
原创 Docker启动失败，报错Is the docker daemon running? Is the docker daemon running?
问题： docker没有正常启动。
2024-03-20 14:34:46
381
原创 nodejs 常用命令
安装完成后，你可以在命令行中运行 `node -v` 和 `npm -v` 来检查 Node.js 和 npm（Node.js 的包管理器）的版本。这会将包及其依赖项添加到项目的 `node_modules` 文件夹和 `package.json` 文件的 `dependencies` 部分。随着你对 Node.js 和其生态系统的深入了解，你会发现更多有用的命令和工具。或者，你可以更新 `package.json` 文件中的版本号，然后运行 `npm install` 来安装更新后的版本。
2024-03-20 10:35:24
294
原创 Vue3 中应该使用 Ref 还是 Reactive？
总的来说，reactive和ref都是强大的工具，它们能够帮助你在Vue 3中构建出灵活且响应式的用户界面。关键在于理解它们各自的特点和适用场景，然后根据你的具体需求来做出选择。
2024-03-20 09:44:55
1247
原创 Vite为什么比Webpack快
这些工具各有特点，适用于不同的项目需求。在选择前端构建工具时，需要根据项目的规模、复杂度以及团队的技术栈等因素进行综合考虑。vite和Webpack作为两个主流的前端构建工具，在近年来备受热议。本文章将深入讲解Vite为什么比Webpack更快的根本原因，并解析技术实现原理。
2024-03-15 13:57:34
1606
2
原创 微信小程序问题定位——sourcemap文件
此外，除了使用sourceMap进行问题定位外，还可以结合其他调试工具和方法，如查看用户反馈、分析性能数据、进行代码审查等，以更全面地了解小程序的问题并找到解决方案。需要注意的是，使用sourceMap进行问题定位时，需要确保sourceMap文件是最新的，并且与小程序源代码保持同步。否则，定位到的位置可能会存在偏差。总的来说，使用sourceMap是微信小程序线上问题定位的一种有效方式，它可以帮助开发者快速定位到源代码中的问题位置，提高问题解决的效率。sourceMap 匹配调试 | 微信开放文档。
2024-03-11 14:42:13
963
原创 Uniapp开发模板unibest
unibest是一个集成了多种工具和技术的uniapp开发模板，由uniappVue3TsVite4UnoCssuv-uiVSCode构建，模板具有代码提示、自动格式化、统一配置、代码片段等功能，并内置了许多常用的基本组件和基本功能，让你编写uniapp拥有best体验。
2024-03-10 16:21:30
997
原创 前端文件流、切片下载和上传
Blob对象和ArrayBuffer都是处理二进制数据的重要工具，但它们的使用场景和方式有所不同。Blob对象主要用于表示不可变的文件或二进制数据块，而ArrayBuffer则提供了一个原始二进制数据缓冲区，你可以通过类型数组或DataView对象来读写这个缓冲区的内容。在选择使用哪个工具时，应该根据你的具体需求来决定。
2024-03-10 12:08:50
1712
原创 Charles抓包工具使用
安装web抓包1，web 抓包Charles Web抓包非常简单，启动Charles会自动与浏览器设置成代理，不需要进行过多的设置，接下来我就就是通过浏览器发送网络请求，Charles就会直接抓取到这些信息和响应信息2,Web 抓取HTTPS协议虽然现在Charles能够直接抓包了，但是https协议的报我们是抓取不了的，需要安装SSL证书才可以Charles下配置。
2024-03-08 17:29:01
1359
原创 pnpm、npm、yarn 等包管理工具优劣对比
pnpm、npm、yarn 等工具都是用于管理JavaScript项目依赖的包管理工具，每个工具都有其独特的特点和适用场景。
2024-03-05 10:38:12
1299
原创 前端监控为什么采用GIF图片做埋点？
前端监控是开发人员用来跟踪和维护应用程序表现层的运行状况的过程和工具。它主要包括三种类型：数据监控、性能监控和异常监控。
2024-03-04 16:00:04
1247
原创 ChatGpt 使用fetch-event-source实现sse流式处理
是一个由微软提供的库，用于在客户端和服务器之间建立基于 EventSource 的连接。EventSource 是一种 HTTP 协议，允许服务器向客户端推送实时事件流。该库提供了对 EventSource 协议的封装，使得在前端 JavaScript 中使用 EventSource 变得更加方便。在中，主要使用函数来创建一个新的 EventSource 连接。这个函数接受一个 URL 参数，以及一个配置对象，其中可以包含一些选项，如请求方法、请求头、请求体等。当服务器向客户端推送事件时，可以通过。
2024-02-28 16:15:12
1561
原创 ChatGPT对话用Websocket和使用EventSource区别
对于简单的实时通信需求，如消息通知、事件推送等，fetch-event-source 是一个简单、轻量级的选择；而对于需要实现双向通信、低延迟等要求较高的场景，则应选择 WebSocket。fetch-event-source 更简单易用，适合于快速实现简单的实时通信功能；WebSocket 虽然稍显复杂，但提供了更多灵活性和功能扩展的可能性。WebSocket 相比 fetch-event-source 在延迟和效率上更有优势，特别是在需要大量实时数据传输的场景下，WebSocket 更能满足需求。
2024-02-21 16:18:34
1263
原创 初识alova请求策略库
alova 是一个轻量级的请求策略库，支持开发者使用声明式实现例如请求共享、分页请求、表单提交、断点续传等各种较复杂的请求，让开发者使用非常少量的代码就可以实现高可用性和高流畅性的请求功能，这意味着，你再也不需要自己绞尽脑汁编写请求优化代码，再也不需要自己维护请求数据和相关状态，你只需要选择并使用请求模块，设置参数后，alova 帮你搞定。从而提升开发效率、应用运行效率，还能降低服务端压力。
2024-02-20 16:21:45
1017
转载 研究学习工具汇聚平台----研学平台
知网研学平台（x.cnki.net）2024年1月发布的新版本中上线的【资源千汇】、【应用】两个模块，整理了各类学习资源和学术研究工具，提供一站式服务。
2024-02-19 23:07:23
30
原创 host快速管理工具SwitchHosts的使用
SwitchHosts是一个管理、快速切换Hosts小工具，开源软件，一键切换Hosts配置，非常实用，高效。开发Web过程成，部署有多套环境，网址域名都相同，部署在不同的服务器上，有开发环境、测试环境、预发布环境、生产环境。经常要切换Hosts来访问，测试以及验证bug，如果纯手工修改这会花掉不少时间。
2024-02-19 09:41:13
611
原创 货拉拉远程调试神器-PageSpy!
PageSpy是一款用来调试远程 Web 项目的工具。基于对原生 API 的封装，它将调用原生方法时的参数进行过滤、转化，整理成格式规范的消息供调试端消费；调试端收到消息数据，提供类控制台可交互式的功能界面将数据呈现出来。
2024-02-05 14:42:17
460
原创 基于Naive UI封装的loading自定义指令
template></div></n-spin></div></div>description: '加载中...' as any,})show?: string: string// 更新loading信息// false： 不显示 true、不传：显示默认?false!?top: 0;right: 0;bottom: 0;
2024-02-05 08:23:19
413
原创 基于WebOffice JSSDK开发Hook分装
WebOffice 即在线文档预览编辑服务，可为接入方提供专业的文档处理能力。支持文字、表格、演示和 PDF 四大主流文档类型。支持多人协作编辑，内容实时同步。
2024-02-04 17:15:32
354
原创 如何开发一个前端脚手架工具
本文从零到一搭建了一个能够下载代码模板的脚手架，并尽可能地优化了界面显示。如果你对如何创建一个命令行工具感兴趣或者想要快速生成一个代码模板，可以尝试手动编写一个属于自己的脚手架工具。相关代码已上传至github。
2024-02-04 15:43:20
913
原创 前端代码规范
使用， 连接符 例如： 使用命名 例如：文件命名： 组件命名： 使用，下划线拼接，例如：使用命名 动词+名词 形式尽量使用箭头函数例如： 构造函数使用函数方法常用的动词:六、类命名、类文件名1、类命名（api 接口参考）使用命名api 接口：store 以 use 开头 + 业务名称 + store eg : 2、interface 命名interface 以大写 I 开头 eg: 3、enum 命名enum 以 Enum 结尾 eg: 八、组件建议代码尽量控制在 500 以内
2024-02-04 15:37:22
965
原创 vue项目本地开启https访问模式
在实际开发中，我们除了以http的形式进行页面访问，还会以https形式进行页面访问，但是根据vue-cli的版本不同，配置方式也有所差异，以下分别从vue-cli3.x、vue-cli4.x和vue-cli2.x构建的项目分别进行配置开启https
2024-02-04 15:03:05
1991
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人