目录第一章前言第二章准备工作2.1项目打包理解2.1.1打包命令2.1.2理解npmrunserve/dev和npmrunbuild命令2.2nginx参数配置理解2.2.1nginx常用基本命令2.2.2默认配置2.2.3 搭建不同网站的站点2.2.4禁止访问的目录以及一键申请SSL证书验证目录相关设置2.2.5根据文件类型设置过期时间2.2.6 禁止文件缓存2.2.7跨域问题第三章配置参考第一章前言在我们前端开发中也经常需要把前端的静态资源放到服务器中看效果，那么我们就需要用到nginx来配置！！该文章主要以npm为例，当然还有yarn、pnpm，但是知识是相通的！！！第二章准备工作2.1
目录🌟Echarts配置项🌟Echarts配置项之`title组件`🌟Echarts配置项之`legend组件`🌟Echarts配置项之`tooltip组件`🌟Echarts配置项之`toolbox组件`🌟写在最后🌟Echarts配置项ECharts开源来自百度商业前端数据可视化团队，基于html5Canvas，是一个纯Javascript图表库，提供直观，生动，可交互，可个性化定制的数据可视化图表。创新的拖拽重计算、数据视图、值域漫游等特性大大增强了用户体验，赋予了用户对数据进行挖掘、整合的能力。想让ECharts展示出我们预期的效果，就要在myChart.setOption()方法中传入一
本文包含10个Github存储库的列表，这些存储库对所有经验水平的Javascript开发人员都很有用。在本文中，我们将介绍10个公开可用的Github存储库，它们将把你的Javascript技能提升到一个新的水平!无论您是该语言的完全初学者还是已经使用Javascript开发一段时间，这里都有适合每个人的东西。事不宜迟，让我们开始吧。1、每个JavaScript开发人员都应该知道的33个概念顾名思义，这个存储库包含每个优秀Javascript开发人员都应该知道的33个Javascript概念的列表。每个概念也有一堆学习资源来了解更多信息，并且通过共享的各种文章和视频，很难不学好它。图片2、J
一、安装Node.js以及配置环境变量1、Node获取地址https://nodejs.org/en/download一直默认选项安装，安装好了之后，在环境变量中会自动配置Node的地址，可以在cmd中使用node-v/npm-v命令验证是否下载成功2、设置Node的配置内容（1）在安装目录下新建两个文件夹命名为node_cache，和node_global：其中node_cache是作为缓存目录来使用的，node_global就是全局下载文件的目录；（2）以管理员身份打开cmd,输入以下2条命令npmconfigsetprefix"xxx\Node\node_global"npmconfig
实现需求用户上传视频并压缩，并且可以选择压缩程度，搜索遍各大网站，最终选择了ffmpeg进行操作。本文包含具体如何实现加上过程中遇到的各种坑 ffmpeg视频压缩转码ffmpeg视频压缩代码使用很简单，上代码html部分视频前端压缩 js部分//引入ffmpeg.min.js const{createFFmpeg,fetchFile}=FFmpeg; constmessage=document.getElementById('message'); constffmpeg=createFFmpeg({ log:true, progress:({ratio})=>{ messa
1、前言在很多的出行程序中，都会使用到地图这一个功能，在实际的开发中我们也不会去开发一个自己的地图模型。如果自己开发一个地图模型，那么需要投入的成本、人力都是非常巨大的。所以我们很多网站和APP中使用的都是第三方的接口和JS，在案例中我们使用百度地图作为第三方。2、工具准备1、我们既然要使用第三方的功能，所以我们需要在百度中有一个账号。点击这里，可以跳转到百度注册页面2、其次呢，我们需要在百度地图开放平台申请开通开发者功能。点击这里，可以跳转到百度地图开放平台3、进入控制台后，进入应用管理->我的应用->创建应用，申请一个AK，这个AK很重要，是访问百度相关API的密钥（用户标识）。4、申请A
1.导入webSocket依赖org.springframework.bootspring-boot-starter-websocket2.编写webSocket类packagecom.skyable.device.config.webSocket;importlombok.extern.slf4j.Slf4j;importorg.springframework.stereotype.Component;importjavax.websocket.OnClose;importjavax.websocket.OnError;importjavax.websocket.OnOpen;importj
问题：后端在返回文件流时，将文件类型放在了响应头中，需要前端获取filename后手动添加文件名后缀。代码：前端：downloadFile(response,fileName){ constheaders=response.headers; constcontentType=headers['content-type']; constblob=newBlob([response.data],{type:contentType}); consttemp=response.headers['content-disposition']; letfilenameRegex=/filename[^;=\
前端将file文件传给后台，后台将文件传给前台（包含上传下载）在开发过程中，经常会遇见对文件的处理。例如：在上传、下载文件时，需要在前端选完文件传到后台传到服务器；或者文件从后台，经过特定需求的处理在返回给前台。中间处理过程各种各样，但有两个过程是固定的前端传给后台后台返回给前端经常用到的上传就是对应第一步，下载对应第二部。会在文章最后总结。下面是示例代码前台传给后台界面采用el-upload组件，在选择文件时，将文件传给后台选取文档选择完文件会走changeFile(file)方法，其中默认入参为选中的文件，如下图，真正的文件类型是File类型的raw变量不能直接将File类型变量传输，要把
前言目前市面上有很多付费的数据可视化平台，作为一个代码编程人员，为啥不自己搞一套呢，不仅自己可以增加自己的技能，也可以减少开发成本，何乐而不为呢？写这篇文章，一方面工作有需求要实现数据可视化大屏，另一方面当然现在也有很多场景都用到数据可视化大屏，如报告总结、数据跟踪等等，在此总结分享给大家，写的不好的地方欢迎指出批评，谢谢。什么是数据可视化的大屏众所周知，未来的数据可视化趋势已成为了必然性，越来越多的企业、政府等的应用场景应用都会普及，销售、教育、医疗、贸易等行业领域也涉及广泛，根据实时的监控数据，把最新的数据展现在大屏幕上，清楚地看到自己想要看到的数据，同时根据这些数据做出决策的调整。数据可
