- 博客(126)
- 收藏
- 关注
RSS订阅
转载 彻底理解浏览器的缓存机制
一、概述浏览器的缓存机制也就是我们说的HTTP缓存机制，其机制是根据HTTP报文的缓存标识进行的，所以在分析浏览器缓存机制之前，我们先使用图文简单介绍一下HTTP报文，HTTP报文分为两种：1、HTTP请求(Request)报文，报文格式为：请求行 – HTTP头(通用信息头，请求头，实体头) – 请求报文主体(只有POST才有报文主体)，如下图HTTP响应(Response)报文，报文格式为：状态行 – HTTP头(通用信息头，响应头，实体头) – 响应报文主体，如下图注：通用信息头指的
2021-01-20 14:01:37
229
1
转载 JavaScript：ES2020 新特性
这几年，Ecma TC39 一年一次更新 ECMAScript 规范标准，截止目前，以下特性已进入 finished 状态。现在带大家体验种草 ES2020 新特性。一：Promise.allSettledPromise.all 缺陷都知道 Promise.all 具有并发执行异步任务的能力。但它的最大问题就是如果其中某个任务出现异常(reject)，所有任务都会挂掉，Promise 直接进入 reject 状态。想象这个场景：你的页面有三个区域，分别对应三个独立的接口数据，使用 Promise.
2020-07-30 10:58:01
653
翻译 JavaScript：ES2019 的新特性
作为最流行的编程语言和最重要的 Web 开发语言之一，JavaScript 不断演变，每次迭代都会得到一些新的内部更新。让我们来看看 ES2019 有哪些新的特性，并加入到我们日常开发中:Array.prototype.flat()Array.prototype.flat()递归地将嵌套数组拼合到指定深度。默认值为 1，如果要全深度则使用Infinity。此方法不会修改原始数组...
2019-12-31 15:46:53
160
原创 vue iview-admin 如何兼容IE浏览器（通用）
1. 安装babel-polyfill `yarn add babel-polyfill --save`2. src/main.js 引入babel-polyfill `import '@babel/polyfill`3. 在根目录增加babel.config.js文件 ``` module.exports = { presets: [ ['@v...
2018-12-29 11:26:43
4502
2
原创 iviewUI Checkbox 多选框 多组全选或者全不选的问题
1.需求：点击类别，可以全选或者全部取消；选中当全选下面的子选项，父类型要跟着选中2.应用场景：一般常用于权限列表多层勾选3.解决思路 ：单独封装一个多组全选的组件，这样就解决了其他类别同时被选中的问题父组件：<Modal width="900" v-model="modalAuthority" title="权限列表" ...
2018-11-29 14:18:49
9103
13
原创 前端调用浏览器录音功能且生成文件(vue)
Web Audio API和WebSocket在不同浏览器上的实现可能会有所不同，确保在目标浏览器上测试。停止录音，并调用 createDownloadLink 方法生成下载链接。将存储的音频数据块创建为一个 Blob 对象，并生成一个下载链接。将 PCM 数据块添加到 audioChunks 数组中。确保WebSocket服务器可以处理PCM数据。存储生成的下载链接，供用户下载录音文件。存储录音过程中的 PCM 数据块。
2024-05-21 18:02:38
620
原创 6.electron之上下文隔离，预加载JS脚本
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 Electron 将 Chromium 和Node.js 嵌入到了一个二进制文件中，因此它允许你仅需一个代码仓库，就可以撰写支持 Windows、macOS 和 Linux的跨平台应用。
2024-02-06 17:57:25
1370
原创 7.electron之渲染线程发送事件，主进程监听事件
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。Node.js 嵌入到了一个二进制文件中，因此它允许你仅需一个代码仓库，就可以撰写支持 Windows、macOS 和 Linux。
2024-02-06 17:40:27
1457
原创 5.electron之主进程起一个本地服务
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。Electron 将 Chromium 和。Node.js 嵌入到了一个二进制文件中，因此它允许你仅需一个代码仓库，就可以撰写支持 Windows、macOS 和 Linux。这将启动Electron应用程序，并加载React应用程序的构建文件。
2024-02-06 17:16:07
1794
原创 4.electron之create-react-app的桌面应用程序
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 Electron 将 Chromium 和 Node.js 嵌入到了一个二进制文件中，因此它允许你仅需一个代码仓库，就可以撰写支持 Windows、macOS 和 Linux 的跨平台应用。————————————————版权声明：本文为CSDN博主「前端加油站」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/Gas_
2023-12-15 17:27:38
1456
原创 3.electron之vue3.0的桌面应用程序
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 Electron 将 Chromium 和 Node.js 嵌入到了一个二进制文件中，因此它允许你仅需一个代码仓库，就可以撰写支持 Windows、macOS 和 Linux 的跨平台应用。————————————————版权声明：本文为CSDN博主「前端加油站」的原创文章，遵循CC 4.0 BY-SA版权协议，转载请附上原文出处链接及本声明。原文链接：https://blog.csdn.net/Gas_
2023-12-15 11:00:00
1736
原创 2.electron之纯原生js/jquery的桌面应用程序（应用篇）
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 Electron 将 Chromium 和 Node.js 嵌入到了一个二进制文件中，因此它允许你仅需一个代码仓库，就可以撰写支持 Windows、macOS 和 Linux 的跨平台应用。
2023-12-12 14:30:18
1154
原创 1.electron之纯原生js/jquery的桌面应用程序（基础篇）
Electron是一个使用 JavaScript、HTML 和 CSS 构建桌面应用程序的框架。 Electron 将 Chromium 和 Node.js 嵌入到了一个二进制文件中，因此它允许你仅需一个代码仓库，就可以撰写支持 Windows、macOS 和 Linux 的跨平台应用。
2023-12-12 14:12:06
1183
原创 开发流程（针对代码git）
1. 从master拉取一条开发分支。2. 在开发分支上开发、联调、测试改bug(dev、stg)。3. pre（将开发分支合并到release/pre）
2023-12-07 14:32:06
434
原创 流程画布开发技术方案归档（G6）
创建一个 G6 的关系图仅需要下面几个步骤：1.创建关系图的 HTML 容器；2.数据准备；3.创建关系图；配置数据源，渲染
2023-12-07 14:14:09
1161
原创 前端大文件上传webuploader(react + umi)
使用WebUploader还可以批量上传文件、支持缩略图等等众多参数选项可设置，以及多个事件方法可调用，你可以随心所欲的定制你要的上传组件。
2023-12-01 15:21:41
1089
原创 vue 解决响应大数据表格渲染崩溃问题
1.场景描述发起请求获取上万条数据，进行表格渲染，使浏览器卡顿，导致网页崩溃。2.分析原因1.大量数据加载，过多操作Dom，消耗性能。2.表格中包含其他控件，增加渲染负担。
2023-12-01 11:59:53
1590
原创 Mac 浏览器下载的文件名总是「乱码」
本文所说的方法是在出现文件名乱码情况下，如何恢复文件名的正确中文名称，并非一劳永逸地避免乱码的出现。这是由于下载文件名称乱码的出现，往往是系统、浏览器、网站三方面因素共同影响导致的，错综复杂。想要避免乱码的出现，只能根据具体的情况，对个人的系统或浏览器做出针对特定网站的调整配置。
2023-11-29 11:29:04
4130
2
原创 vite下javascript-obfuscator 代码混淆
关于 rollup-plugin-obfuscator 插件的配置选项列表，每个选项都用于定制代码混淆和压缩的方式。在vite.config.ts中引入插件，并进行设置。1.高混淆，低性能。性能会比没有混淆的时候慢很多。2.中等混淆，最佳性能。性能会比没有混淆时慢。3.低混淆、高性能。表现会处于比较正常的水平。项目环境：Vue3+Vite。4.默认预设，高性能。
2023-11-24 16:54:09
3890
原创 前端批量下载文件（干货）
拼接url利用window.open下载多个文件时，window.open会中断循环。所以不能使用window.open();这里的打开方式常用的是当前窗口 ：“self " 或者是重新新开一个窗口：”_blank", 通常在当前窗口打开。直接用window.open(url, ‘打开方式’)这里点击下载给它一个loading效果。(3) 通过请求后台API接口进行下载。
2023-11-09 15:48:49
2330
原创 10.Form表单中Input输入框设置autoComplete=“off“ 不生效
发现antd的Input组件的 autocomplete=“off” 属性 不生效。输入框获取焦点时，不展示chrome的默认行为。
2023-11-09 10:27:36
871
原创 flex布局实现 内容区域高度自适应
在实现自适应高度时，需要将容器的 display 属性设置为 flex 和 flex-direction 属性设置为 column，就可以轻松地解决传统布局中内容自适应高度的问题。当我们将容器的 display 属性设置为 flex 时，容器中的所有子元素都会成为 Flexbox 容器的项目。在 Flexbox 布局中，我们可以通过设置容器的 display 属性为 flex 实现自适应高度。
2023-09-13 16:02:04
3433
原创 自定义目录高亮的锚点计算位移
一个支持目录树形结构，自定义目录高亮的锚点计算位移,且支持选中该目录后锚点对应的内容。这里只提供左边的组件思路，右边展示对应的内容最好自己自定义组件控制更为灵活，会提供思路。然后再自己的业务组件中直接引用。首先在自己的项目中的。
2023-08-21 15:31:03
143
原创 vue所有UI库通用）tree-select 下拉多选（设置 maxTagPlaceholder 隐藏 tag 时显示的内容，支持鼠标悬浮展示更多
vue所有UI库通用）tree-select 下拉多选（设置 maxTagPlaceholder 隐藏 tag 时显示的内容，支持鼠标悬浮展示更多
2023-08-15 17:42:32
2352
原创 如何外包软件开发
您还规定了您和您的团队将在此过程中扮演的角色。它将使您更好地了解他们的工作环境，了解公司的管理层、技术人员、软件开发人员以及参与软件开发项目的其他人员。明确列出您的交付期望时间表将为您省去很多来回沟通的麻烦，而这种沟通会带来额外的成本。它将帮助您衡量公司对您的项目的理解以及他们处理和交付预期结果的能力。考虑上述步骤，并记住，您在选择一家公司外包您的软件开发项目时越有效，您选择一家适合您的软件开发需求的机会就越大。根据任务的性质和规模，您可以选择一家更有经验的公司或一家拥有良好投资组合和推荐的初创公司。
2023-07-20 14:31:04
214
原创 软件可访问性的现状
最好关注他们的能力、各种限制（无论是情境的、短期的还是永久的）、软件的应用、软件的使用（无论是长期还是短期使用）以及任何可能的限制。最近的事实证明，它们似乎可以解决有身体、视觉和听力障碍的用户所面临的问题。软件可访问性的当前状态未能全面满足所有用户轻松访问软件的需求。这导致了自适应设备和技术的发展，帮助用户访问软件和其他数字服务。在过去的二十年中，我们看到计算机软件的可访问性取得了巨大的改进和进步。请继续阅读，了解我们如何从用户体验的角度重新设计软件，以便我们都能从可访问的解决方案中受益。
2023-07-20 14:28:33
103
原创 了解持续集成、交付和部署
由于持续部署是一个高度自动化的过程，保持产品文档与每个新部署的代码同步非常重要。它不一定是一个复杂的过程。持续集成是一种软件开发实践，它将多个开发人员的新代码或代码块自动集成到单个软件开发项目中。这种做法可以帮助开发人员在一天内多次将代码集成到共享存储库中，而不是单独编写代码，然后在软件开发过程结束时将其与其他开发人员的代码集成。持续集成、持续交付和持续部署是为了快速、一致地开发、部署、测试和集成新软件而创建的策略。连续过程利用一些概念，例如：小的迭代更改、快速且持续的测试、一致性以及部署与发布的解耦。
2023-07-20 14:23:03
232
原创 JavaScript：BigInt
基元是未定义的、布尔型、数字、字符串、符号，新的基元是 BigInt。在 JavaScript 中，我们第一次可以存储大于 Number 的数字，换句话说，存储大于 2 53 - 1 的整数。我们可以看到 Number 和 BigInt 之间的相似之处，但重要的一点是它不能与内置 Math 对象中的方法一起使用。我们可以通过在整数末尾附加**n或使用构造函数****BigInt()**来创建 BigInt。像+、*、-、**、% 这样的操作可以像数字一样使用。使用字符串，可以连接 BigInt。
2023-07-20 14:18:55
314
原创 JavaScript：match() 和 matchAll() 之间的区别
String.prototype.matchAll() 返回一个迭代器，该迭代器根据正则表达式返回所有匹配的组，包括捕获组。正如我们所看到的，match() 和 matchAll() 之间的差异并不小，这意味着 matchAll() 绝不可以被视为 match() 的替代品。String.prototype.match() 是 JavaScript 中的一种方法，它返回与正则表达式匹配字符串的结果数组。另一方面，如果我们不使用 g 标志，我们将仅获得第一个完整的匹配项，但具有相关的捕获组。
2023-07-20 14:17:25
999
原创 JavaScript：Promise 组合器
此方法与 Promise.all() 之间的区别在于 Promise.all() 返回履行值数组，而 Promise.any() 仅返回第一个履行值。Promise.race() 与 Promise.any() 不同，因为 Promise.race() 返回第一个固定值（已实现或已拒绝），而 Promise.any() 会忽略被拒绝的 Promise，直到第一个 Promise 已实现。Promise.race() 从收到的可迭代 Promise 对象中返回第一个已解决的 Promise。
2023-07-20 14:12:54
144
原创 （vite/webpack 通用）vue 白屏 Uncaught Syntaxerror: Unexpected token ‘?‘
浏览器一片空白，开控制台输出：Uncaught Syntaxerror: Unexpected token?vite代码版本较高，导致低版本浏览器无法运行，结果是他那边浏览器的版本很低(谷歌44)导致的。
2023-07-13 11:31:03
3592
原创 16个常用到的JS工具方法（格式金额，时间，浮点...）
移除金额逗号分隔符,number类型转换成 有“+” “-” “%” 的形式,科学计数法转换,解决js 浮点数,.元素JS复制功能,按照开头首字母排序,格式化时间
2023-06-26 11:14:00
688
原创 （通用0bug）纯原生实现一个类似浏览器搜索功能(ctrl + f)
模拟Ctrl + F 的搜索功能，支持自选可搜索区域范围，且支持回车查看下一个，上下查看，自动滚动定位，帮助小白解决不会快捷键操作的搜索。
2023-06-02 16:27:12
1615
15
原创 Could not xxx file for module ‘module-name‘. ‘xxx/module-name.js‘ implicitly has an ‘any‘ type
在vue3.0 + vite + typeScript 开发中，需要引入第三方js脚本作为插件使用，但yarn build 构建的时候一直报此错误。在vue项目中使用第三方库作用组件库，因为没有配置相关参数，导致构建一直报错
2023-06-02 14:23:41
225
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人