- 博客(26)
- 资源 (2)
- 收藏
- 关注
RSS订阅原创 PDFObject 预览文件---PDFObject并不是一个PDF渲染工具，它也是通过＜ embed ＞标签实现PDF预览
然后通过 import PDFObject from 'pdfobject';将 PDFObject 导入到页面。下面是一个使用例子。在 Vue 项目中首先通过 npm 安装 PDFObject 插件。不安装包也可以直接引用 PDFObject 的源码。
2024-04-18 17:10:28
451
原创 2024年面试题目汇总
git undo通过删除和替换提交来撤销更改，而git revert则通过添加新的相反更改的提交来撤销特定的提交。会改变项目的历史记录，因为它实际上是在删除最近的提交，并用新的提交（可能包含相同的更改，但提交信息不同）来替代。revert操作是创建一个新的提交，这个新提交的更改与要撤销的提交完全相反，从而“撤销”了原始提交的效果。方式发送内容，不加密，攻击者可截取浏览器和网站服务器间的传输报文，因此HTTP协议不适合传输一些敏感信息，比如信用卡号、密码等。撤销某个特定的提交，但保留该提交的历史记录。
2024-04-10 10:59:50
471
原创 VScode配置ESLint检测语法
eslint失效：导致两种效果：1.格式错误不报红，列如：代码前多空格。2.no quick fix，缺少eslint fix 指令，快速寻找并解决问题。在根目录下的.vscode下的settings.jsonCtrl + Shift + P”打开命令面板选择“中加入如下代码可以解决.eslintrc.js配置.eslintignore配置。
2024-03-14 17:45:20
837
原创 前端优化：开启Gzip压缩
Gzip是一种文件压缩算法，减少文件大小，节省带宽从而提减少网络传输时间，网站会更快地加载。请求头中设置属性accept-encoding：gzip使用gzip策略去解压。
2024-02-19 17:11:57
1696
原创 查看浏览器接口是否开启了gzip压缩的具体方法
看到多了一列Content-Encoding，显示为gzip表示开启了gzip压缩，但具体是网页哪些类型的文件开启了gzip压缩就不一定了，下图 示网页上的js文件都开启了gzip压缩。点击左侧的文件名，在右侧Headers下面找到Response Headers里面 Content-encoding是否为gzip。即可，如果没有看到，点击“>>”，在弹出窗口选 “network”。快捷键F12，调出审查工具或者开发者工具以后，下图箭头所指的框选部位的任意位置，在弹出的对话框中移动到，
2024-02-19 11:51:08
1041
原创 Blob URL 打印预览---后端返回pdf文件地址不在浏览器直接打开预览，进行下载，则可以通过设置请求头来实现
【代码】Blob URL 打印预览---后端返回pdf文件地址不在浏览器直接打开预览，进行下载，则可以通过设置请求头来实现。
2024-02-02 17:06:03
528
原创 iframe之间的通信方式的实际应用---在Vue框架下获取数据、处理文件上传和跨窗口通信
window.top--- 获取顶层页面window对象---只能用于同源下，否则获取不到外层页面的信息。window.parent--------获取父页面window对象，如果没有父页面将返回自身。如果是跨域的页面，需要拿到消息接收页面的 contentWindow 才可以发送。实现html主页面嵌套html子页面，父子页面间的传值有以下两种方式。
2023-12-06 09:33:36
1679
1
原创 vue中的watch和$watch的用法实际场景和区别
3，watch_WX_DialogVisible这方法使用了 $watch，作用是监听 dialogVisible 属性。，使用 $watch 可以解决。过度使用 $watch 可能会导致性能问题，，在这种情况下，你可能需要考虑其他解决方案，比如使用计算属性或者只对特定的数据使用 $watch。2，关于为什么 watch_WX_DialogVisible方法没有写在 watch: 里，而是使用 $watch？1.Vue 中，$watch 是一个用于深度观察一个对象或者一个 Vue 实例属性的方法。
2023-10-30 16:57:21
1005
1
原创 webSocket打印
（注：需要先在电脑上手动连接上打印机，成功后，在通过 webSocket 连接服务端，获取本地打印机列表。// 一进页面连接服务。
2023-09-26 17:57:00
539
原创 项目中接入 micro-app---微前端基座应用和子应用之间的数据通信(详细）
如果在基座下运行，则会添加一个数据监听器，监听基座下发的数据变化。micro-app 会向子应用注入名称为 microApp 的全局对象，子应用通过这个对象和基座应用进行数据交互。手动发送数据需要通过 name 指定接受数据的子应用，此值和 元素中的 name 一致。全局数据通信会向基座应用和所有子应用发送数据，在跨应用通信的场景中适用。二、子应用获取来自基座应用的数据。四、基座应用获取来自子应用的数据。一、 基座应用向子应用发送数据。三、子应用向基座应用发送数据。
2023-09-20 17:29:29
1738
1
原创 2023实际面试题2
C公司一面1自我介绍2Js单线程还是多线程?事件循环机制?浏览器执行异步事件时线程却并不会被阻塞，那这是JS之间循环机制的功能，它是一种解决JS单线程运行时不会阻塞的一种机制。那为什么又叫循环机制？那这就跟代码的执行顺序有关的。那我们先要知道以下几个重要的点，那就是执行在同步任务和任务队列。那任务队列又分为红任务，队列和微任务队列。我们知道代码的执行顺序是从上往下执行的，当遇到同步任务的时候，就会将这个同步任务直接推入执行站进行执行。
2023-04-26 12:01:47
116
原创 2023前端实际面试问题
A公司一面1盒模型2.块级元素水平垂直居中的方法3.js基本数据类型null空值,undefined未定义String Number，Object4.原型链?_proto 和prototype的区别?5，闭包6.事件循环，（宿主环境）node、浏览器的事件循环的区别7.为什么要用ts?类型的定义，和编译器的代码校验，可使js代码更加规范，更具可读性，更容易排查错误TS是JS的超集和延伸，TS可使用JS的库和代码TS兼容性强，支持ES6788webpack常用优化手段。
2023-04-11 17:51:45
334
原创 前端八股文最新--中级
autocomplete属性的有效值只有on和off，默认值是on，如果autocomplete的属性是除on和off外的值，那么就是个无效值，那么浏览器就会放弃对该属性的执行。例如，在引用内容是对象的情况下，这意味着可以改变对象的内容（例如，其参数）。例如，在引用内容是对象的情况下，这意味着可以改变对象的内容（例如，其参数）。，hash 的值为 #/hello。Proxy返回的是一个新对象，我们可以只操作新的对象达到目的，而Object.defineProperty只能遍历对象属性直接修改;
2023-03-29 13:13:01
91
原创 React + Dva + Antd + umi（类似vuex）的数据流转
记录一下最近项目所用到的技术React + Dva + Antd + umi ，以免忘记。之前没有用过它们其中一个，也是慢慢摸索，了解数据整个流程。先了解下概念DvaAntd 官网umi 是涵括 antd，打包工具 roadhog，路由 react-router，状态管理器 dva，官网在dva中主要分3层，models,services,components,models是放各种数据与数据交互services是请求后台API接口方法。
2023-03-07 09:39:34
308
原创 前端聚合码支付（详细代码）
聚合支付：也称“融合支付”，是指只从事“支付、结算、清算”服务之外的“支付服务”，依托银行、非银机构或清算组织，借助银行、非银机构或清算组织的支付通道与清结算能力，利用自身的技术与服务集成能力，将一个以上的银行、非银机构或清算组织的支付服务，整合到一起，为商户提供支付服务。2获取跳转路径、参数及二维码路径在该页面进行渲然二维码进行扫码。1调接口--跳转到特定页面。
2023-03-03 11:19:53
827
原创 Markdown编辑笔记
你好！ 这是你第一次使用 Markdown编辑器 所展示的欢迎页。如果你想学习如何使用Markdown编辑器, 可以仔细阅读这篇文章，了解一下Markdown的基本语法知识。我们对Markdown编辑器进行了一些功能拓展与语法支持，除了标准的Markdown编辑器功能，我们增加了如下几点新功能，帮助你用它写博客：撤销：Ctrl/Command + Z重做：Ctrl/Command + Y加粗：Ctrl/Command + B斜体：Ctrl/Command + I标题：Ctrl/Command + S
2023-02-02 16:29:59
42
原创 smartchart开发相关注意事项及流程
利用smartchart 通用数据集，懒加载接口，此时接口都是同步请求，前端采用普通前端分离开发，最终打包后放打包后文件上去smartchart, 需要本地mock 数据，提高效率，否则，每次打包再测试效率极低。统一使用通用数据集，懒加载（不会自动刷新，刷新时间设置为-1,组-2），仪表盘中可管理当前项目所有数据集，调整序号，de_refresh(num) 中的num，接口功能说明文案有助于管理和查找数据集。（1）开发中，如何mock 测试接口。（2）开发接口传参编写。
2023-02-02 16:27:31
527
原创 Webpack打包解决浏览器缓存+ 基础入门手册
Webpack 是一种前端资源构建工具，静态模块打包器 ( module bundler )。在 Webpack 看来，前端的所有资源文件 ( js / json / css / img / less / … ) 都会作为模块处理。它将根据模块的依赖关系进行静态分析，打包生成对应的静态资源 ( module )。1.6.7-自定义JSON模块parser_哔哩哔哩_bilibili。
2023-01-17 22:28:09
1523
原创 前端第三方授权登陆--飞书授权登陆
2.a.引导用户点击按钮跳转至第三方指定网址（构造授权登录页面链接，b.确认授权之后会产生一个授权码（code），c.1.查看第三方文档获取AppID 和 AppSecret。携带至开发者的服务器(请求后端接口)。
2023-01-17 21:39:07
3584
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人