一、背景业务背景得物效率前端所在的效率工程为提升企业协作效率而生，面临大量的PC侧的中后台应用场景。在之前的微信公众号《得物效率前端微应用推进过程与思考》中详细介绍了效率前端推进微应用落地的思路和部分效果。这篇文章将着重介绍得物效率前端微应用推进中，微前端的研发效率遇到的挑战和解决方案。名词解释微应用「微应用」是得物效率前端内部称谓，是一个基于“monorepo&微前端&基座与业务分离”的、包括“文档&工具”的一套体系化降低研发成本和提升用户体验的技术产品。微前端「微前端」是得物效率前端微应用推进的重要一环，尤其是父子应用技术栈不同时，利用 iframe/qiankun/wujie/micro
文章目录前言一、Blob是什么？二、生成Blob对象三、请求处理1、请求封装2、根据后端接口配置四、工具函数五、项目中实际使用六、优化下载前言本文主要介绍了如何使用Blob对象在前端实现文件下载的功能。文中首先介绍了什么是Blob对象，它表示一个二进制大型对象，可以用来表示文件或二进制数据。然后详细讲解了几种生成Blob对象的方式，以及如何通过createObjectURL方法生成一个对象URL，设置到a标签的href属性实现文件下载。文末还提到了一些优化下载体验的方法,比如设置download属性、使用click方法触发下载等。掌握Blob的使用可以实现强大的前端文件下载、上传、二进制数据处
env.js（env的初始化以及服务的加载）路径：addons\web\static\src\env.js这个文件的作用就是初始化env，主要是加载所有的服务。如orm,title,dialog等。1、env.js的加载时机前文我们讲过前端的启动函数，start.js,其中有这么两句，这里有两个函数makeEnv和startServices，都在同级目录的env.js里constenv=makeEnv();awaitstartServices(env);2、makeEnv()exportfunctionmakeEnv(){return{bus:newEventBus(),services:{}
前言本篇主要介绍如何自动化部署前端vue项目其中，有两种方案：第一种是利用nginx进行静态资源转发；第二种方案是利用nodejs进行启动访问；各个组件版本如下：Docker最新版本；Jenkins2.387.3nginx最新版本nodejs12.13.0nginx转发部署目录结构如下：nginx.confusernginx;worker_processes1;error_log/var/log/nginx/error.logwarn;pid/var/run/nginx.pid;events{worker_connections1024;}http{include/etc/nginx/mime
先来说一下我的情况：后台提供了一个get请求的接口直接返回，只能通过服务器http请求返回视频流（类似：http://127.0.0.1:8181/file?name=movie.mp4），然后我就直接把这个字符串放到video标签的src属性中，出现了两个问题：1.在Chrome浏览器不能再次播放（我尝试了FireFox浏览器是正常的，而这个需求只在Chrome浏览器内核上实现所以没有尝试其他浏览器。）；2.在Chrome浏览器上不能拖动滚动条。一下是我的解决办法。1.在chrome浏览器不能再次播放查询ChatGPT之后得到了结果，使用video标签播放数据流视频，但是播放一次之后重新播放
面试是每一个前端人在求职过程中都需要面对的事情。在面试过程中，面试官没有办法通过实践操作去了解应聘者的技能水平，所以他们更多地会通过“八股文”的考察来判断你是否符合公司的招聘要求。所以作为一个前端人，在掌握好前端技能的同时，也需要掌握好一些基础理论知识，这样才能在面试中脱颖而出，拿到自己心仪的offer。 那么，下面小职就整理了一些在前端面试过程中比较常见的JS面试题，有需要的朋友可以看一下哦~一、JS数据类型JS数据类型通常分为基本数据类型和引用数据类型两种。基本数据类型：Number、String、Boolean、Null、Undefined、Symbol、bigInt七种，引用数据类型：
准备：官网：http://www.utovr.comWeb包git下载地址：https://github.com/u10k/utovr.gitUtoVRPlayer介绍：UtoVRPlayer是一款全景视频播放器。它支持360度空间全景视频的播放。观看者通过与播放器的交互，可以体验到身临其境的视觉效果。UtoVRPlayerSDK可以帮助你在自己的应用中，快速实现全景视频的播放效果。功能：1，支持视频格式：h264编码的mp4等视频文件；2，支持播放普通全景视频（2：1）；3，支持2K高清、4K超高清的全景视频播放；4，支持点播（mp4）、直播（RTMP格式）播放全景视频；5，支持PC端的鼠标
先看效果 纯前端基础导出的Excel表格 纯前端多级表头导出的Excel表格基础导出下面赋源代码1、安装依赖npminstallvue-json-excel2、在项目的入口main.js 引入importJsonExcelfrom'vue-json-excel'//引入导出ExcelVue.component('downloadExcel',JsonExcel)3、直接使用 导出 配置项json_fields:{//导出对应表格头部以及数据 "id":'id', "名字":'name', "颜色":'amount1', "字段1":'amount2', "字段2":'amount3',},4、
🤨博主：小猫娃来啦🤨文章核心：WebSocket：实现实时双向数据传输的Web通信协议文章目录前言WebSocket原理如何使用WebSocket建立WebSocket连接:数据传输:WebSocket的真实使用场景即时通讯:多人协作:实时数据更新:WebSocket的优势与局限性结论前言在当今互联网时代，实时通信已成为很多应用的需求。为了满足这种需求，WebSocket协议被设计出来。WebSocket是一种基于TCP议的全双工通信协议，通过WebSocket，Web应用程序可以与服务器建立持久的连接，实现实时双向数据输，提供极低的延迟和高效的数据传输。WebSocket原理HTTP请求-响
前端技术日新月异，最初的静态网站逐渐被由服务端生成的网站所取代，后来又逐渐向客户端渲染的应用转变。不过客户端渲染也存在一些问题，如加载时间变长和搜索引擎优化难度等。Astro这个新的前端框架结合了服务端渲染和客户端渲染的优点，可以更好地解决这些问题。本文就来介绍一下这两年爆火的前端框架Astro，它在两年的时间新增了30k+star:这个前端框架，有点不一样。Astro基本概念Astro是一个开源的JavaScript框架，用于在流行的UI框架（如React、Preact、Vue或Svelte）之上生成Web应用。Astro的页面由多个独立的组件组成。为了提高加载速度，Astro会在服务端对页
