- 博客(40)
- 收藏
- 关注
RSS订阅原创 electron 打包：electron-packager 及 electron-builder 两种方式实现（for Windows）
本文主要介绍如何通过 electron-packager 及 electron-builder 两种方式，将已有的 electron 应用打包成 msi 格式和 exe 可执行文件。打包是一个成熟的应用程序一个重要的环节，希望这篇文章可以给大家一些参考，最后会讲到打包时遇到的一些坑，与大家分享。本文适用于有一些 electron 实践经验的小伙伴，知道如何创建一个简单的 electron 应用，并且知道 electron 主进程、渲染进程间如何通信。
2023-07-06 11:54:06
2679
原创 正则和字符串匹配———一个正则表达式模式使用括号，将导致相应的子匹配被记住
一个正则表达式模式使用括号，将导致相应的子匹配被记住。例如，/a(b)c /可以匹配字符串“abc”，并且记得“b”。回调这些括号中匹配的子串，使用数组元素 [1],……[n]。使用括号匹配的子字符串的数量是无限的。返回的数组中保存所有被发现的子匹配。下面的例子说明了如何使用括号的子字符串匹配。
2023-06-29 11:02:08
437
原创 React18报错警告：You are calling ReactDOMClient.createRoot() on a container that has already been passed
React18报错警告：You are calling ReactDOMClient.createRoot() on a container that has already been passed to createRoot() before. 解决办法。
2023-05-09 21:21:30
2972
原创 OpenAI使用条款、使用策略和支持的地区汇总：必读指南，避免OpenAI API被封禁
如果您的账号被封，请根据以上内容自查是否存在违规行为。大家在使用过程中请遵守OpenAI使用条款、使用策略，以免账号被封，且行且珍惜，不要滥用，不然大家都没得玩。
2023-03-21 15:29:58
8074
原创 为什么想到微前端，是巨石应用？
现代复杂的web app或者网站，通常由很多相对独立的功能模块组合而成，而对这些模块负责的应该是相互独立的多个团队。这些独立的团队由于专业分工不同，会负责着特定的业务领域，以及完成特定的开发任务。这样的团队，通常在人员组成方面囊括了从前端开发到服务端开发，从UI实现到数据库设计这样端到端的跨职能人员构成。微前端是一种类似于微服务的架构，是一种由独立交付的多个前端应用组成整体的架构风格，将前端应用分解成一些更小、更简单的能够独立开发、测试、部署的应用，而在用户看来仍然是内聚的单个产品。
2023-03-07 12:16:17
881
原创 一个正则表达式模式使用括号，将导致相应的子匹配被记住——理解正则，精通replace
一个正则表达式模式使用括号，将导致相应的子匹配被记住。下面的脚本使用 replace() 方法来转换字符串中的单词。在匹配到的替换文本中，脚本使用替代的$ 1,$ 2 表示第一个和第二个括号的子字符串匹配。使用括号匹配的子字符串的数量是无限的。返回的数组中保存所有被发现的子匹配。下面的例子说明了如何使用括号的子字符串匹配。(匹配模板字符)是正则，正则所匹配的内容会被第二个参数的返回值替换掉，简单来讲替换所有的匹配项。，替换值可以是一个字符串或者一个每次匹配都要调用的回调函数。）匹配项后的新字符串。
2023-02-24 12:07:18
238
原创 使用JS(TS)判断页面在 微信 / 微博 / QQ / 支付宝 各APP平台内置浏览器
使用JS(TS)判断页面在 微信 / 微博 / QQ / 支付宝 各APP平台内置浏览器
2022-12-29 11:43:08
2459
原创 pandas是什么？
例如：随着人工智能的不断发展，机器学习这门技术也越来越重要，很多人都开启了学习机器学习，本文就介绍了机器学习的基础内容。提示：以下是本篇文章正文内容，下面案例可供参考提示：这里对文章进行总结：例如：以上就是今天要讲的内容，本文仅仅简单介绍了pandas的使用，而pandas提供了大量能使我们快速便捷地处理数据的函数和方法。
2022-11-23 13:49:06
182
原创 最详细的前端二进制数据流
slice：slice 方法用来对 Blob 对象进行切割，他会返回一个新的 Blob 对象，通常在上传大数据时需要用到。stream：返回一个能够读取 Blob 中内容的。
2022-11-23 13:48:16
7135
原创 Gis 之OpenLayers入门简介
是一个用来帮助开发Web地图应用的高性能的、功能丰富的JavaScript类库，可以满足几乎所有的地图开发需求。API 文档： https://openlayers.org/en/latest/apidoc/例子： https://openlayers.org/en/latest/examples/要想在浏览器中显示交互式的地图很难，因为浏览器默认的只是显示静态的图片，如PNG、JPEG等格式，要交互式很难，因为每一个点击和缩放，地图都要做出正确的反应。
2022-11-17 08:53:41
1476
原创 github或gitee 项目配置使用SSH KEY 钥匙
复制生成后的 ssh key，通过仓库主页 「管理」->「部署公钥管理」->「添加部署公钥」 ，添加生成的 public key 添加到仓库中。按照提示完成三次回车，即可生成 ssh key。通过查看 ~/.ssh/id_rsa.pub 文件内容，获取到你的 public key。//这里就是ssh公钥。会显示这个 源(origin)是 (xxx ) 是你的码云 的名字和仓库名。git commit -m “提交的描述”用下面这个命令查看密匙 ,会出现下面这个。验证key是否成功了。
2022-11-08 22:19:17
726
原创 Git多用户，不同项目配置不同Git账号
但是，这不适用于 Azure DevOps，因为与 SSH 协议相关的技术原因以及 Git SSH URL 的结构。Azure DevOps 会盲目接受客户端在身份验证期间提供的第一个密钥。通常，如果为 SSH 客户端配置多个密钥并连接到 SSH 服务器，则客户端可以一次尝试一个密钥，直到服务器接受一个密钥。对于 Azure DevOps，需要将 SSH 配置为显式使用特定的密钥文件。b. 一个 github，用于自己进行一些开发活动；a. 一个 gitee，用于公司内部的工作开发；
2022-11-08 22:12:56
760
原创 Git 使用 SSH 密钥身份验证
在 macOS、Linux 或 Windows 上通过 SSH 连接到 Git 存储库，以使用 HTTPS 身份验证安全连接。在 Windows 上，我们建议使用或。❗重要SSH URL 已更改，但旧的 SSH URL 将继续生效。
2022-11-08 22:08:19
3971
原创 uniapp 打包安装包会弹出版本不一致问题，版本检查提示框
uniapp 在打包成APP, uniapp 打包app安装包,会弹出版本不一致问题，版本检查提示框使用了的wgt资源更新 由于HbuildX工具的更新，打包后会弹出版本不一致问题。
2022-10-25 15:05:16
2327
原创 webpack4、5+基础入门
关键词本地安装 webpack 和 webpack-cli搭建默认最简单目录结构，零配置打包编译webpack 配置文件名 webpack.confing.js。
2022-10-17 11:46:41
225
原创 报`Uncaught (in promise)`错误解决办法
使用了promise,但是在使用的过程中报错误，第一次遇到这种错误，所以在此记录下，方便以后解决问题只要在 new Promise 后面加上，就不会报错了。
2022-09-26 15:22:42
68548
原创 使用Antd4.x 的表单组件-From-From.List实践
在 4.20版本前 我的做法是通过 hooks -useReducer 强制更新视图。联动， 可以使用 Form.useWatch hooks 监听;PS: 如果其他组件使用了 form的数据，例如上面的 组件。数据是可以回填回显的，form默认双向绑定。在 4.20之后才有的hooks。实践（踩坑，避坑指南~~）使用Antd4.x 的。
2022-08-24 16:24:45
1363
原创 前端从零开发定位系统
功能演示：标签定位效果动图：功能需求基站定位基站属性设置基站布局基站角色设置（主、次、 从 ）基站分组基站关联关系动态计算基站物理距离标签标签定位轨迹多种算法的标签和轨迹绘制标签显隐轨迹显隐平面图上传校准比例尺校准原点技术点：React [hooks]Konvajscanvasweb worker其他技术问题点鼠标框选，基站高亮动态绘制多边形判断多边形是否有基站网格性能不同楼层的基站是否在线，自动刷新websocket高频刷新前端多线程w
2022-01-27 17:53:34
338
转载 错误代码“err_connection_timed_out”的解决方案
问题描述解决方案1：清除浏览器历史记录和缓存（亲测有效）解决方案2：修改Windows主机File解决方案3：刷新或更新DNS和IP地址 （亲测有效）解决方案4：过滤防火墙和网站解决方案5：更改LAN设置 （亲测有效）解决方案6：与服务器提供商保持联系问题描述本人在学校使用内网，自带IP6，理论上许多外网是能够访问的，但是偏偏美国宇航局网站（https://avdc.gsfc.nasa.gov/）不能够访问。提示错误代码“err_connection_timed_out”，但是同学都可以访
2022-01-06 14:57:00
95877
2
原创 屏幕上1像素代表的实际距离是多少？
.屏幕上1像素代表的实际距离是多少？在计算瓦片的行列号之前，我们需要得到图上一像素代表实际距离多少米。现在假设地图的坐标单位是米，dpi为96 ；1英寸=2.54厘米；1英寸=96像素；最终换算的单位是米；如果当前地图比例尺为1:125000000，则代表图上1米等于实地125000000米；米和像素间的换算公式：1英寸=0.0254米=96像素1像素=0.0254/96 米则根据1：125000000比例尺，图上1像素代表实地距离是 125000000*0.0254/96 = 33072
2022-01-05 16:57:01
8248
原创 konva中当尝试导出画布图片时遇到跨越问题？
当尝试导出konva画布图片时遇到跨越问题？Unable to get data URL. Failed to execute ‘toDataURL’ on ‘HTMLCanvasElement’: Tainted canvases may not be exported.Unable to get image data from canvas because the canvas has been tainted by cross-origin data.Or when you apply
2021-11-19 09:33:47
1062
原创 konvaJs--数据序列化
如何导出画布到JSON?使用Konva将舞台保存为JSON字符串，可以使用toJSON()方法将Konva节点树序列化为可保存的文本在网络存储或离线数据库中。我们也可以序列化其他节点，包括层、组和形状。toJSON()方法不能保存过滤器、图像和事件监听器。所以它适用于非常小的应用程序。对于更复杂的情况，请阅读最佳实践将整个舞台转换为json 和转换为对象转换都是按照 “”树“”结构的let stageJson = stage.toJSON()// {"attrs":{"width":1
2021-09-29 11:31:26
849
1
翻译 konvajs-性能优化-使用缓存
大幅提高复杂Konva图形绘制性能的一种方法是将它们缓存为图像。这可以通过使用cache()方法将节点转换为图像对象来实现。本教程将绘制10个缓存的星星，而不是单独绘制10个Stars的绘图性能提升了4倍。缓存可以应用于任何节点，包括舞台、层、组和形状。注意:cache()方法要求图像托管在与执行它的代码具有相同域的web服务器上。在同样的情况下，cache()函数不能自动检测节点的大小。所以你应该小心阴影和笔画的组和形状。如果你看到意外的结果，将带有x, y，宽度和高度属性的绑定属性传递给
2021-09-28 20:57:58
1827
原创 解决 vscode 卡顿，卡死，占用内存大的方案
解决 vscode 卡顿，卡死，占用内存大的方案操作步骤：打开设置在搜索框输入选择关闭的设置关闭自动保存 请搜索 auto save修复vs code 造成 rg.exe内存占用过大的问题search.followSymlinks // 不勾选修复vs code 造成 git.exe内存占用过大的问题git.enabled: falsegit.autorefresh: false...
2021-09-23 18:22:15
24732
5
原创 前端（JS）windows命令行生成树目录结构和结构图
前端（JS）windows命令行生成树目录结构和结构图首先进入到工程的目录在目录中打开命令行CMD按住shift键，右击你要生成目录的文件夹data，选择“在此处打开命令窗口”。（或者win+R，输入cmd打开命令窗口后通过cd命令进入你要生成目录的文件夹路径下）或者直接在文件夹管理器中输入 CMD命令：tree 只生成文件夹树形结构图命令：tree /f 生成包含文件的详情树形结构图命令：tree > tree.txt 生成并保存树形结构图文件最后福利介绍个开源的工具
2021-09-23 17:13:28
1300
原创 如何成为前端开发者?
那么, 怎么才能成为一个前端开发者呢? 这个问题很复杂, 因为直到现在, 你也不能去一所大学获得前端工程师的学位, 并且我也很少听说 或者遇见通过编写专业地 HTML, CSS 和 JavaScript 来获得一个无用的计算机科学学位或平面设计学位. 事实上, 现在的大部分前端 开发者都是通过自学成为开发者和没有经过传统训练的程序员. 为什么会是这种情况呢?前端开发人员不是一个视觉设计师或一个交互设计师, 设计学校不是磨练前端技能的地方; 前端开发者也不是一个受过传统教育地计算机科 学研究生, 传统教育.
2021-01-13 14:12:54
296
原创 一个奇怪的时间格式：2020-01-02T160000.000Z
一个奇怪的时间格式：2020-01-02T16:00:00.000ZUTC：时间标准时间，世界标准时间 ✅GMT：格林尼治时间GST：北京时间那么下面我们就来简单介绍一下关于时间的一些基本知识：首先是UTC：时间标准时间协调世界时（英：Coordinated Universal Time ，法：Temps Universel Coordonné），又称世界统一时间，世界标准时间，国际协调时间。英文（CUT）和法文（TUC）的缩写不同，作为妥协，简称UTC。然后是GMT：格林尼治
2020-07-29 14:09:02
2311
原创 每天学点JS--ES6(ECMAScript5)
每天学点JavaScript–ES6(ECMAScript5)@扩展运算符数组的扩展含义：扩展运算符（spread）是三个点（...）。它好比 rest 参数的逆运算，将一个数组转为用逗号分隔的参数序列。也可通俗的理解为 “脱壳”console.log(...[1, 2, 3])// 1 2 3console.log(1, ...[2, 3, 4], 5)// 1 2 3 4 5[...document.querySelectorAll('div')]// [<div>
2020-07-14 16:36:42
157
原创 函数声明和函数表达式，什么 鬼？
函数表达式 函数表达式的特征 使用函数实现递归 使用闭包定义私有变量数表达式是 JavaScript 中的一个既强大又容易令人困惑的特性。第 5 章曾介绍过，定义函数的方式有两种：一种是函数声明，另一种就是函数表达式。函数声明的语法是这样的:function functionName(arg0, arg1, arg2) {//函数体}首先是 function 关键字，然后是函数的名字，这就是指定函数名的方式。Firefox、Safari、Chrome和 Opera都给函数定义
2020-07-01 14:18:27
138
原创 小程序技术怎么选型？
小程序技术选型我们来分析下小程序技术框架到底应该怎么选？kbone & 小程序原生已有web版，需要小程序版：kbone跨平台需求（web + 小程序）：kbone对性能特别苛刻 or 追求稳定 or 要用最新功能：小程序原生页面节点数量特别多（ 1000 节点以上），且对渲染性能要求高：静态模板转义方案（第三方框架：mpvue/taro等）第三方框架MpVue ：不推荐再用了，坑越来越多，内部也表示之后不会投入太多维护WePY 1.7.x ：不推荐再用了：1.7.x 的版本
2020-06-30 11:23:16
602
原创 小程序体验版不打开调试无法正常使用
小程序体验版不打开调试无法正常使用框架类型问题类型API/组件名称终端类型微信版本基础库版本小程序Bugapp.js客户端6.7.2；7.02.4.3小程序体验版不打开调试无法正常使用，但是打开调试以后一切恢复正常。有什么方法可以监测到不打开调试的log吗？建议检查下相关的域名是否配置好了原来体验版需要配置域名白名单，打开调试模式会跳过域名校验。**小程序的域名必须是配置HTTPS的，一般开发中我们会勾选不校验合法域名，或者是链接本地做调试 **
2020-06-29 18:01:04
4680
4
原创 一文读懂 JS 装饰器，这是一个会打扮的装饰器(俗话说，人靠衣装，佛靠金装。)
俗话说，人靠衣装，佛靠金装。大街上的小姐姐都喜欢把自己打扮得美美的，让你忍不住多看几眼，这就是装饰的作用。1. 前言装饰器是最新的 ECMA 中的一个提案，是一种与类（class）相关的语法，用来注释或修改类和类方法。装饰器在 Python 和 Java 等语言中也被大量使用。装饰器是实现 AOP（面向切面）编程的一种重要方式。下面是一个使用装饰器的简单例子，这个 @readonly 可以将 count 属性设置为只读。可以看出来，装饰器大大提高了代码的简洁性和可读性。class Person {
2020-06-24 14:44:54
274
原创 阿里云开发者高级面试题
阿里云开发者高级面试题单选 *2.下列说法中不正确的是*DA. HTTP协议是基于请求/响应模式的，因此只要服务端给了响应，本次HTTP连接就结束了B. TCP连接是一个双向的通道，它是可以保持一段时间不关闭的，因此TCP连接才有真正的长连接和短连接这一说C. HTTP协议是TCP/IP的应用层面协议D. HTTP协议是有状态的连接协议相关知识点： HTTP是无状态的连接单选 *7.下列说法不正确的是DA. Chrome浏览器开发者工具中的Element选项卡中可以看到当前HTML实
2020-06-18 14:37:09
528
原创 javaScript事件的三个阶段：捕获阶段 目标阶段 冒泡阶段
javaScript事件的三个阶段：捕获阶段 目标阶段 冒泡阶段捕获阶段 概念：事件从根节点流向目标节点，途中流经各个DOM节点，在各个节点上触发捕获事件，直到达到目标节点。目标阶段 概念:事件到达目标节点时，就到了目标阶段，事件在目标节点上被触发冒泡阶段 概念:事件在目标节点上触发后，不会终止，一层层向上冒，回溯到根节点addEventListenerattachEvent (IE 特有) 的第三个参数的作用，通过查文档可以知，addEventListener的第三个参数是一个布尔类型 1
2020-06-17 10:19:32
1088
原创 文字多行省略号
文字多行省略号.clamp-ellipsis{overflow : hidden;text-overflow: ellipsis;display: -webkit-box;-webkit-line-clamp: 2;-webkit-box-orient: vertical;}优点 ：从效果上来看，它的优点有：响应式截断，根据不同宽度做出调整文本超出范围才显示省略号，否则不显示省略号浏览器原生实现，所以省略号位置显示刚好缺点 ：但是缺点也是很直接，因为 -webkit-lin
2020-06-16 15:57:23
247
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人