说明文
文章平均质量分 81
说明文
油墨香^_^
想要敲出漂亮的代码, 就要暴露在全世界的眼睛下!
展开
-
打造网关:改造企业 BFF 方案
首先,我们对 BFF 网关做一个定义。BFF 即BackendFor Frontend,翻译过来就是服务于前端的后端。这个概念最早在中提出,它不是一种技术,而是一种逻辑分层:在后端普遍采用微服务的技术背景下,作为适配层能够更好地为前端服务,而传统业务后端只需要关注自己的微服务即可。我们结合下图进行拆解:BFF 网关拆解图如图所示,我们把用户体验适配和 API 网关聚合层合称为广义的 BFF 层,在 BFF 层的上游是各种后端业务微服务,在 BFF 下游就是各端应用。原创 2024-09-12 14:40:24 · 1130 阅读 · 0 评论 -
展示如何在Vue 3应用中使用渐进增强和降级策略,确保在低性能设备和低带宽环境下的可用性
本文将通过详细的代码示例,演示如何在Vue 3应用中实现渐进增强和降级策略,从而确保在低性能设备和低带宽环境下的可用性。在这个示例中,我们检测 `navigator.connection.effectiveType` 判断网络状况,如果发现是2G网络,就将需要加载的数据量降到最少,确保低带宽环境下的可用性。降级策略(Graceful Degradation)与渐进增强相对,它是从构建具有完整功能的应用开始,然后在较差环境中降低功能和优化性能,确保应用在这些环境下仍然可用。## 什么是渐进增强与降级策略?转载 2024-08-20 17:05:32 · 45 阅读 · 0 评论 -
Chrome 居然提供了可以直接调用 LLM 的 API!
易于部署:在浏览器分发模型时,浏览器会考虑设备的功能并管理模型的更新。使用硬件加速:浏览器的 AI 运行时经过优化,可充分利用可用硬件,无论是 GPU、NPU 还是回退到 CPU。允许多种实现策略,包括设备上的或基于云的模型,同时将这些细节对开发者进行抽象。,表示设备或浏览器支持 prompt 语言模型,但需要下载后才能使用。,表示设备或浏览器支持提示语言模型,无需任何下载步骤即可使用。另外,我们也无需承担自行部署模型的成本,也无需担心使用其他。,你还可以用类似的思路,基于非常简单的代码构建非常强大的。转载 2024-08-20 17:03:30 · 52 阅读 · 0 评论 -
【前端自动化部署】,Devops,CI/CD
ding1.jpg3,定义机器人名字和关键字,创建完成后先将。转载 2024-08-20 17:02:16 · 53 阅读 · 0 评论 -
NextJs 14 从入门到精通(长文预警)
在 NextJS 中,中间件允许在请求完成之前(在缓存内容和路由匹配之前)运行代码,然后,根据传入的请求,可以通过重写、重定向、修改请求或响应标头或直接响应来修改响应因此,我们可以通过中间件进行 Log 日志记录,权限/登录校验等在项目跟目录,创建 middleware.ts 文件「注意:middleware.ts 必须与app目录保持在同级,否则不生效」,血泪史啊,差点把电脑都砸了「如果有 src 目录,则 src/middleware.ts」转载 2024-08-20 17:00:28 · 43 阅读 · 0 评论 -
前端性能监控
关注Vue 3的新特性: Vue 3引入了一些新特性,如Composition API、Teleport组件、Suspense组件等,这些新特性为性能优化提供了更多的可能性。监控渲染性能: Vue 3对虚拟DOM进行了重构和优化,但即便如此,随着应用规模的增大,渲染性能仍然可能成为问题。这些工具提供了更全面的性能监控功能,包括应用响应时间、用户行为追踪、错误监控等,有助于你更深入地了解应用的运行状态和性能表现。同时,关注Vue官方文档和社区动态,及时了解Vue的最新更新和最佳实践,以便更好地优化你的应用。原创 2024-08-07 08:58:45 · 192 阅读 · 0 评论 -
软件License授权原理
软件License授权不仅是保护知识产权的重要工具,也是维护市场秩序和促进软件行业健康发展的关键因素。随着技术的进步和法律的完善,我们有理由相信,未来的软件授权机制将更加智能、高效和安全,为用户和开发者带来更好的体验。我们做的商业软件需要进行售卖,为了收取费用,一般需要一个软件使用许可证,然后输入这个许可到软件里就能够使用软件(比如,一串序列码或者一个许可证文件)。如果签名有效,则说明软件是原始的、未被篡改的。:当软件开发者的权益得到充分保护时,他们更有动力投入研发,推出更多创新的产品和功能。转载 2024-08-06 13:50:33 · 148 阅读 · 0 评论 -
前端在本地开发还能用https?
这样一来,当浏览器访问 loft.example.com 时,Nginx 就会将请求转发到本地的服务上,而由于使用了 SSL 证书,通信就变得安全可靠。但由于我们项目的cookie除了设置了secure,还设置了domain,localhost/127.0.0.1 是拿不到这个cookie的,所以我必须要在本地成功使用 https://*.example.com 指向本地项目才行。首先,我们修改了本地的 hosts 文件,将一个虚拟的子域名指向了本地的 IP 地址。mkcert会默认把生成的证书文件放到。转载 2024-08-06 10:39:35 · 34 阅读 · 0 评论 -
前端生成二维码,三分钟搞定!
本文来分享 5 个用于生成二维码的 JavaScript 工具库,助你快速生成二维码!转载 2024-08-06 10:38:25 · 146 阅读 · 0 评论 -
数据架构设计
阅读的时候看到一篇非常不错的数据架构设计,分享给大家,做MDM或数据治理的朋友可以研究研究~(干货比较多,但是有的图不清晰。可以支撑大家看逻辑)转载 2024-08-01 14:25:09 · 25 阅读 · 0 评论 -
某集团公司——大数据治理体系方案
后台用户私信表达,希望多讲一些关于数据治理的课题。:数据治理更加关注数据的可靠性、完整性和可用性,而大数据治理更加关注数据的存储、管理和分析,以及如何从海量数据中提取有价值的信息;在数据治理和大数据治理中,都需要对数据进行采集、存储、管理和使用等方面的管理和控制,以确保数据的可靠性、完整性和可用性;:数据治理和大数据治理都是为了提高数据的质量、保护数据的安全和隐私,以及最大化数据的价值而进行的;数据治理和大数据治理都需要制定相关的政策和规范,以确保数据的合法使用和管理。转载 2024-07-31 09:09:08 · 24 阅读 · 0 评论 -
离散型制造企业的智能工厂总体解决方案
转载 2024-07-31 09:00:44 · 11 阅读 · 0 评论 -
央国企信创化与数字化转型解决方案
。转载 2024-07-31 08:56:26 · 15 阅读 · 0 评论 -
全网独家-万字长文入门前端全球化
产品设计和开发部署需要需要考虑国际化i18n多语言多布局,如阿拉伯语的RTL多货币全球多地区多机房部署(离用户越近服务体验越好,数据物理存储隔离符合各个国家数据安全要求)产品本地化L10N是国际化后的流程,需要引入转化和质量验收,再投入本地化市场本地化步骤是可选的,如英美产品UI,语言基本一致可互通,本地化投入少。转载 2024-07-31 08:54:09 · 160 阅读 · 0 评论 -
浏览器节能机制导致 Websocket 断连的巨坑!
浏览器的节能机制逐渐成为前端开发者需要关注的问题。特别是这些节能机制可能会对定时器的精度产生影响,这直接关系到前端应用的用户体验,在某些场景下甚至影响到用户的使用。为了减少电能消耗,提高电池续航能力,现代浏览器都引入了节能机制。这些机制包括但不限于降低空闲标签页的CPU使用率、减少后台JavaScript的执行频率、限制定时器的精确度等。虽然这些措施显著提高了设备的能效,但也给前端开发带来了一些挑战。转载 2024-07-18 08:58:26 · 131 阅读 · 0 评论 -
JavaScript 性能优化全家桶:6 个方面 9 点建议
高级 JavaScript 性能优化需要我们对 JavaScript 语言及其生态系统具备更深入的理解和应用。通过有效地管理内存、利用 Service Workers、使用 WebAssembly 执行计算任务、将工作转移给 Web Worker、优化 React 应用程序以及选择高效的数据结构,何愁能提供卓越用户体验的高性能 JavaScript 应用程序不能构建起来呢?转载 2024-07-18 08:55:30 · 20 阅读 · 0 评论 -
前端超进化-小公司不用自研也能搞基建(全开源工具版)
前端只有一个人,所谓的发版,就是直接本地打包,然后代码通过ftp工具扔到服务器上,代码能跑就行。转载 2024-07-18 08:54:34 · 22 阅读 · 0 评论 -
JavaScript 中5个重要的Observer函数,你知道几个?
observe用于开启对某个DOM的监听,一个MutationObserver可以通过多次调用observe监听多个DOM的变化。当变化发生时MutationObserver会将一个或多个mutation对象传给callback的第一个参数,mutation对象内包含本次变更的相关信息下面看一下mutation的结构addedNodes: [], //新增DOM时会包含被新增的DOMattributeName: "id", //本次变更的属性名。转载 2024-07-18 08:53:22 · 85 阅读 · 0 评论 -
前端请求如何避免明文传输?
使用 HTTPS 协议发送请求,所有的数据都会在传输过程中进行加密,从而保护数据不以明文形式传输。这样即使数据被截获,黑客也无法直接获取到数据的内容。在前端对敏感数据进行加密处理,然后再发送请求。可以使用一些加密算法,如 AES、RSA 等,将敏感数据进行加密后再发送到服务器。这样即使数据在传输过程中被截获,也无法直接获取其内容。在发送请求之前,前端对请求参数进行签名处理,并将签名结果和请求一起发送到服务器。服务器端根据事先约定的签名算法和密钥对请求参数进行验证,确保请求的完整性和可靠性。转载 2024-07-18 08:49:35 · 63 阅读 · 0 评论 -
浏览器面试
服务器发送带有 If-None-Match 和 If-Modified-Since 的请求;会带上 If-Modifed-Since,If-None-Match,这就意味着服务器会对。不会带上 If-Modifed-Since,If-None-Match,相当于之前从来没有。如果服务器收到的请求没有 Etag 值,则将 If-Modified-Since 和。s-maxage=:优先级高于 max-age=,仅适用于共享缓存(CDN),优先。原创 2024-07-17 15:40:22 · 545 阅读 · 0 评论 -
多系统集成分析——MES与ERP、SCM、WMS、APS、SCADA、PLM、QMS的关系
MES是一个技术、业务与管理要求非常高的方案,要做好一个项目不但需要优秀的软件架构设计与开发人员,更需要像工业工程、企业管理、流程专家及项目管理专家等专业人士的参与。:MES专注于制造过程的实时监控、作业调度和质量管理,而ERP系统更侧重于整体业务财务的管理和规划,包括财务、采购、销售、库存、生产等方面。MES提供实时的生产数据、要货信息、状态等,帮助SCM系统实现更准确的库存管理和交付时间估算。MES聚焦于制造过程和生产计划的实时监控,而WMS系统则专注于仓储和物流管理,包括库存管理、订单拣选等。转载 2024-06-24 09:07:52 · 134 阅读 · 0 评论 -
数据治理体系建设方案
转载 2024-06-24 09:07:01 · 20 阅读 · 0 评论 -
多系统集成分析(末篇)——以OA为中心的多系统关联解析(OA深度应用视角)
前面我们分析了以ERP为核心、以MES为核心、以PLM为核心、以WMS为核心、以APS为核心的多系统集成分析,分析的过程突然发现OA的场景化集成应用、存在之前很多没有思考到的场景。并不意味着OA是无所不能了,对于细分领域的业务全价值链深度管控、尤其涉及大量算法、数据逻辑、设计技术等方向的应用,还是需要在对应的软件平台上实现。⑥OA 不再是一个孤军奋战的平台,各类协同运营类平台均可以在该平台实现,比如人力资源管理、CRM管理、项目管理、合同管理、预算管理、供应商协同管理等。转载 2024-06-24 09:06:04 · 27 阅读 · 0 评论 -
多系统集成分析——APS与ERP、MES、PLM/PDM、SRM、WMS/TMS
但机械、注塑成型等行业,原料统一,品检主要由人工作业,不需要马上导入MES,生产排程复杂,人工作业困难,可以先导入APS优化生产计划。生产计划体系复杂、频繁换线、转产,需要通过柔性计划排程,实现计划高效、准确执行,减少换线浪费,提高生产效率。- APS系统会考虑运输时间、成本和路线,以优化配送计划。- SRM系统可以监控供应商的质量表现和合规性,并将这些信息反馈到APS系统,以便于生产计划的调整和质量管理。- SRM系统可以监控供应商的表现和潜在风险,并将这些信息反馈到APS系统,以便于生产计划的调整。转载 2024-06-24 09:05:05 · 235 阅读 · 0 评论 -
智慧园区平台的整体解决方案
转载 2024-06-24 08:55:46 · 28 阅读 · 0 评论 -
为什么建议PLM与MDM系统一起上?
PLM系统还提供了变更管理功能,可以追踪和管理设计变更对物料和BOM的影响,这些变更会首先在PLM系统中记录和批准,然后才能传播到其他系统。物料主数据的复杂性来自于其属性和场景的多样性,它涉及多个部门,如采购、生产、库存管理、销售和财务等,不同部门对物料数据的需求和视角可能不同,协调这些需求并确保数据的一致性是一个重大挑战。除此之外,MES系统使用制造BOM来指导车间的生产活动、SCM系统中BOM用于预测需求/管理供应商关系和协调跨企业的业务流程、CRM系统中销售BOM用于配置产品/生成报价和订单处理……转载 2024-06-24 08:53:59 · 80 阅读 · 0 评论 -
多系统集成分析——ERP与OA、PLM、MES、CRM、WMS、SRM、HR
多系统集成是一个复杂的过程,需要深入考虑详细的架构设计、数据映射和转换、性能和可扩展性、错误处理和容错机制、用户身份和权限管理、系统集成测试等事项,就像木桶原理,多系统集成的整体成效,取决的不是在最长板,而是最低板。2.基础数据同步集成:ERP系统中的员工信息、客户信息、供应商信息等,可以同步到OA系统中,确保两系统中的数据一致,避免重复输入和错误。客户信息共享:CRM系统中的客户信息、联系人、交易历史等,可以同步到ERP系统中,确保两系统中的数据一致,避免重复输入和错误。转载 2024-06-24 08:52:56 · 190 阅读 · 0 评论 -
多系统集成分析——以QMS为中心,与ERP、CRM、MES、SCM、LIMS、PM、OA、BI的关联
PM—>QMS:PM系统可以提供项目计划、项目进度/里程碑、资源分配(如人员、设备、资金)信息给QMS,以便QMS根据项目的具体需求制定相应的质量计划,并在关键的项目节点进行必要的质量检查和审核。ERP—>QMS:QMS可以从ERP系统中获取产品数据、物料清单(BOM)、物料库存信息、供应商信息、生产计划等,以确保质量管理与实际生产情况保持一致。CRM—>QMS:CRM系统中的销售数据、客户配置、个性化需求、市场数据和趋势分析可以提供给QMS,以便在产品设计和生产过程中考虑到客户要求。转载 2024-06-24 08:51:33 · 191 阅读 · 0 评论 -
多系统集成分析——以PLM为中心,与ERP、CRM、SRM、CAD、CAM、MES、QMS、OA的关联
PLM—>CRM:PLM系统可以将基于客户需求分析的产品改进和更新信息、新产品开发计划和产品淘汰信息反馈给CRM系统,以便销售和市场营销团队了解产品的最新动态。PLM—>CAD:PLM系统可以提供设计数据的检索、查看和下载服务给CAD系统,以便设计师和工程师可以轻松访问历史数据和最新版本。CRM—>PLM:CRM系统可以收集客户的反馈、需求和偏好,这些信息可以传递给PLM系统,以便在产品设计和开发过程中加以考虑。转载 2024-06-24 08:50:45 · 179 阅读 · 0 评论 -
【总结】2078- 总结 2024 年前端框架大更新
随着 JavaScript 框架的不断发展,它们开始在某些关键功能和架构上展现出趋同的态势。这些共性包括支持。这种融合证明了生态系统的成熟和发展,框架可以相互学习并采用最佳实践。为了帮助更好地理解这些趋势,下面来深入研究每一个框架。转载 2024-06-17 11:02:58 · 84 阅读 · 0 评论 -
JavaScript高级系列(二) - V8引擎的运行原理
当我们编写JavaScript代码时,它实际上是一种高级语言,这种语言并不是机器语言。高级语言是设计给开发人员使用的,它包括了更多的抽象和可读性。但是,计算机的CPU只能理解特定的机器语言,它不理解JavaScript语言。这意味着,在计算机上执行JavaScript代码之前,必须将其转换为机器语言。这就是JavaScript引擎的作用:事实上我们编写的JavaScript无论你交给浏览器或者Node执行,最后都是需要被CPU执行的;转载 2024-06-06 11:32:29 · 79 阅读 · 0 评论 -
H5页面拉起指定app或跳转到应用市场下载
如何通过H5跳转至应用商店下载指定app, 实现方式如下:// 跳转至oppo应用商店下载QQoppomarket://details?packagename=com.tencent.mobileqq注:url地址主要分为2部分 应用商店地址 + 应用包名目前国内主流应用商店地址如下华为应用商店:appmarket://details?id=com.xx.xx小米应用商店:mimarket://details?id=com.xx.xxOPPO应用商店:oppomarket://details?pa转载 2024-06-05 09:19:48 · 1362 阅读 · 0 评论 -
世界500强面试题 | 这个你一定要看!(二)
这不是强制性的,但我认为这样的着装体现了对打算雇用我的公司及面试过程的尊重。面试官所问的问题是不一样的,不过许多问题都与我过去的经验有关,有些还带有玩笑的性质,比如“你如何让Google从Linux操作系统转换为Windows操作系统?他们问了我一些问题,以确信我的经历与简历上描述的内容相符,同时也为了避免在之后时间较长的面试中出现令他们尴尬的事情。这时,你在判断问题出在哪里时,会依次采取怎样的做法?如果你应聘的是程序设计员的工作,那么他们会提一些逻辑性问题,并要求你能够在白色书写板上用编码的方式思考。原创 2024-06-05 09:13:29 · 271 阅读 · 0 评论 -
世界500强面试题 | 这个你一定要看!(一)
想方设法让你的回答能够拉近你与面试官之间的关系,并表明你作为这个职位的应聘者,有着自己的优势。★你有一袋糖,有红色的,蓝色的,绿色的。★如果你有两个桶,一个装的是红色的颜料,另一个装的是蓝色的颜料。通过算术的方式来证明这一点。它们可能非常有诱惑力,让你戒备心全无,从而中了面试官的圈套,展现出自己的方方面面,包括你原本不打算暴露出来的某些个性。假如这项工作要求你具有创新精神,那么你可以说:“是的,我会上去,去见见曾经在这个星球上走过的那些最具有创新精神的人,问问他们最喜欢用什么方式来让自己尽可能保持创造力。原创 2024-06-05 09:12:02 · 324 阅读 · 0 评论 -
免费申请HTTPS证书六大方法
ohttps.com提供了类似于acme.sh的功能,不过提供了友好的管理界面,可申请Let's Encrypt免费通配符类型证书,还提供了证书吊销、到期前提醒、自动更新、自动部署功能。acme.sh是一个知名的用于申请Let's Encrypt证书的开源项目,项目地址:https://github.com/acmesh-official/acme.sh,也是属于脚本类型,有比较详细的文档,支持自动化更新和自动化部署。• 免费通配符证书:支持Let's Encrypt的通配符类型证书。转载 2024-06-04 08:45:00 · 257 阅读 · 0 评论 -
压力测试工具Jmeter的下载与使用
3、根据不同系统下载相应版本的Jmeter压缩包,Linux系统下载tgz那个压缩包,Window系统下载zip压缩包(我这里用Window版来做示范)(2)填写线程组的名称,设置线程数(线程数就是并发的用户数量)、执行时间、执行次数,图里我设置了20000的并发数。(8)完成系统变量的配置后即可点击bin目录下的jmeter.bat脚本来启动Jmeter。(5)新建变量名为JMETER_HOME的系统变量,变量值为Jmeter的路径。(6)新建变量名为classpath的系统变量,变量值为。转载 2024-06-04 08:44:39 · 248 阅读 · 0 评论 -
Driver.js 轻量级、互动式的功能引导效果!
Driver.js 是一个强大的工具,用于创建互动式的用户引导,帮助用户快速了解和使用网页或应用的功能。通过简单的配置和灵活的步骤定义,开发者可以轻松地在项目中集成用户引导,提高用户体验和满意度。转载 2024-06-04 08:44:14 · 60 阅读 · 0 评论 -
PC端网站扫码登录是如何实现的
上面我们介绍了关于如何实现PC端扫码登录的功能,整体流程分为了四个步骤。第一步、二维码的生成(包括随机登录标识等情况);第二步、前端登录检查实现;第三步、移动端调用服务器进行用户状态调整;第四步:超时或者是异常处理。当然这些操作在单机状态下实现起来都没有问题,但是在分布式、高并发情况下需要考虑的内容就比较多了。希望读者可以有所区别。转载 2024-06-03 09:06:17 · 45 阅读 · 0 评论 -
监听网络状态
有些时候需要监听或者判断用户的网络状态,从而提醒用户,或者根据网络状态在业务中做一些其他的逻辑处理,比如提示用户网络状态或者提示用户等待时长等。具体请参考官方https://developer.mozilla.org/zh-CN/docs/Web/API/NetworkInformation。注意:有些NetworkInformation对象中的一些属性并不能代表用户的真实网络,但是还是具有一些参考价值的。转载 2024-06-03 09:05:32 · 39 阅读 · 0 评论 -
【无标题】
console占位符描述%cCSS样式占位符,值就是CSS样式,如下示例,可用来自定义log的样式%oor%O打印 JavaScript 对象。在审阅器点击对象名字可展开更多对象的信息。%dor%i打印整数。支持数字格式化。例如,console.log("Foo %.2d", 1.1) 会输出有先导 0 的两位有效数字:Foo 01。%s打印字符串。%f打印浮点数。支持格式化,比如 console.log("Foo %.2f", 1.1) 会输出两位小数:Foo 1.10image.png。转载 2024-06-03 08:56:23 · 20 阅读 · 0 评论