自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(13)
  • 收藏
  • 关注

原创 IntersectionObserver实例

/ 停止观察这个元素。// 开始观察所有目标元素。// 生成交叉观察器。

2025-06-27 18:25:01 220

原创 nginx配置转发,接口无法获取cookies的问题

前端分离之后通过nginx进行转发到接口,但是接口无法获取到cookies。这个是因为后端创建的cookie和前端的地址不一致。而浏览器限制了,如果cookies的path与当前页面的地址不一致,会无法生效。解决方式:在nginx中配置proxy_cookie_path对cookies的path进行修改。

2023-05-26 15:04:20 4066

原创 前端预览-Word(.docx)

使用这两个插件处理,mammoth插件是讲内容转为html,效果不太好,不推荐。docx-preview是目前前端用的最多的预览插件,具体用法可以百度一下。提供服务的方式是后端提供预览服务,前端单独调用,类似于自己搭建第三方平台。如果网站不是规模不是特别大,还是考虑转为pdf的方案或者使用第三方服务。转为pdf是后端利用插件将word文档转为pdf文件,再交给前端预览。优势:可以处理doc、docx、xls等所有office相关的文档。1.使用微软、永中等第三方提供的服务进行预览。优势:安全、可自定义。

2022-12-13 16:18:33 4275

原创 ECharts图表SVG渲染模式下导出PNG图片的解决方案

解决的原理是:自定义导出按钮,单独加个不可见的div,在导出时按照option重新渲染一个canvas的图表。有一个注意的点是如果用户在svg的图表中添加了操作,比如隐藏了图例,那么需要记下用户的操作,并且同步到canvas的模式下,可以通过echarts提供的action和event处理。echarts支持多种canvas和svg的两种方式渲染图表,常用的几乎都是canvas,但是canvas渲染有个问题,在放大的情况下会失真模糊,而svg因为矢量的,无法如何放大都不会模糊。

2022-11-30 15:42:07 1725

原创 解决elementUI table表格错位问题

原因:因为存在滚动条时,固定列的底下没有留出高度,导致滚动条不显示。加上一个padding-bottom即可。在使用elementui的表格时,当存在固定列、横向和竖向滚动条时,滚动到最后一条会出现表格错位的问题。全局加上以下样式即可。

2022-09-02 11:22:57 5533 3

原创 nginx配置https转到http的websocket,并传递参数

系统内因为需要调用第三方服务的websocket,系统是https,而第三方服务是ws的,只能通过nginx配置地址强行跳转到wss。proxy_set_headerUpgrade$http_upgrade;##此处Upgrade注意大小写。

2022-08-02 10:07:52 1502 1

原创 HTML5-语义化标签

HTML5发布新增了多个语义化标签,所谓语义化标签的意思就是使用含有具体意义的词语作为标签。 从网页的布局来说,一般会分成几个区域,如头部、地图、标题等等,在HTML5之前都是使用div、span添加不同的样式来区分。HTML5之后就对这块做了优化,使用了含有具体意义的词语来表示对应的布局模块。 语义化标签包括: 1.header 网页头部 2.nav 网页导航 3.footer 网页底部 4.

2022-07-10 14:32:35 2017

原创 HTML5-基础

2004年一些浏览器厂商联合成立了WHATWG工作组,开始创立HTML5规范。直到2014年,W3C正式确定HTML5是html最新的标准。 HTML5提供了很多新的标签和技术,并且支持跨平台,顺应了移动端发展的趋势。新增的标签包括:内容元素:header、nav、section、article、footer 语义化标签,让html更加合理化。表单控件:calendar、date、time、email、url、search绘画:canvas 彻底淘汰了flash和s

2022-07-09 22:22:57 165

原创 HTML-iframe

iframe标签是定义一个内联的框架,可以嵌入其他网页或资源。基本使用方法如下:src是嵌入的网页,其他是定义框架的宽高。嵌入的网页必须是符合同源策略的,否则浏览器会显示网页打开。iframe对搜索引擎很不友好,所以如果网页重视SEO,尽量不要使用。另外一些老式浏览器不支持iframe,不过这个基本可以不用考虑了,现在很难遇到那么古老的浏览器了。目前iframe主要是用在一些老式的后台网站中。常用属性:1.frameborder:是否显示边框,1(yes),0(no)2.height:框架作为一个普

2022-07-09 22:05:36 245

原创 HTML-头部标签

HTML头部就是放在head中的内容,主要是定义一些元数据和引入的资源;元素局是提供给浏览器和搜索引擎。这块数据非常重要。下面详细说说各个标签:1.Titletitle是定义网页的标题,每个html只能有一个title,且必须放在head中。标题必须精炼,一般不超30个字。title的作用主要有以下几点:1.在浏览器标题栏中显示2.网页被收藏时,作为书签中的标题;3.提供给搜索引擎,在搜索结果中显示title;2.basebase标签用于给网页中所有链接提供一个基本链接。比如有个a标签,写了是相对目录,那么

2022-07-09 21:55:44 3256

原创 HTML-基础

html是一切web开发的基础,所有的网页渲染出来的都是HTML标签。 html全称是hyper Text Markup Language(超文本标记语言)。 先理解一下这名字,首先html是一种开发语言,然后解释一下什么是超文本。文本可以分为三种:纯文本、富文本、超文本 1.纯文本 只有文字,没有颜色、图片等任何其他格式和资源。我们平时用的记事本就是纯文本内容。所有其他内容其实都可以看做是一种纯文本,只是里面含有一些标记,通过一些工具软件可以解析成其他内容。基本上

2022-07-09 21:02:57 1621

原创 cnpm更新异常

cnpm更新异常

2022-06-23 21:13:11 787

原创 CSS基础教程学习

css基础学习

2022-06-13 10:51:51 109

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除