上一篇讲述了主进程和渲染进程之间的通信，其中是通过调用ipcMain和ipcRenderer来完成的。比如渲染进程给主进程发送一个消息，然后主进程再返回一个消息给渲染进程： 主进程的逻辑： ipcMain.on('selectDate',(e,date)=>{ console.log("渲染进程发送的日期",date) mainWindow.webContents.send("returnInfo",date) }) 渲染进程的逻辑： ipcRenderer.send('selectDate',date); window?.electron?.ipcRenderer?....

这篇涉及到HTMLDOM的节点类型、节点层级关系、DOM对象的继承关系、操作DOM节点和HTML元素 还用到HTML5的本地存储技术。 换肤效果的原理：是在选择某种皮肤样式之后，通过JavaScript脚本来加载选中的样式，再通过localStorage存储。 先来回忆一下HTMLDOM的相关知识。 DOM DOM模型就是通过逻辑树来表示文档，树的每一个分支的终点都是一个节点Node，每一个节点都含有一个对象。 DOM的方法可以用来改变文档的结构、样式和内容，还可以关联事件处理器，在某一个事件触发后，所关联的事件处理器也会执行。 HTML文档中所有的内容都是节点，整个文档就是文档节点【也就是...

在集合A和集合B中，属于集合A，同时也属于集合B的元素组成的集合，就是交集。 在A中所有不属于集合B元素，组合成集合，就是差集。 那么在平时的开发中，如何使用差集和交集来解决问题呢？ 现在有这样的场景，在一个表格编辑数据后，要把编辑前的数据和修改后的数据，汇总。 源数据为： constarr1=[{name:11,id:1},{name:21,id:2},{name:31,id:3},{name:41,id:4},{name:51,id:5},{name:61,id:6}]; 在页面中表现为： 现在删除第一行数据，第二行的名字改为2109，第三行的名字改为3321；然后新增两行，分别为...

这是全部的配置原文： import{defineConfig}from'vite'; importvuefrom'@vitejs/plugin-vue'; importelectronfrom"vite-plugin-electron"; importelectronRendererfrom"vite-plugin-electron-renderer"; importpolyfillExportsfrom"vite-plugin-electron-renderer"; import{resolve}from"path"; importAutoImportfrom'unplugin-auto...

NodeJS提供了fs模块来本地文件。大致有这些内容： 文件读写 在操作文件之前，我们需要检查一下这个文件是否存在，fs模块提供了access方法，语法如下：fs.access(path,mode,callback)。 path：就是文件路径； mode：表示文件的可访问性，默认值是fs.constants.F_OK，这个值都是常量，有这几种类型： callback：回调函数，返回的是检查文件的可访问情况，代码如下： constfs=require('fs'); fs.access("./build.json",fs.constants.F_OK,(err)=>{ if(er...

NodeJS的webSocket网络编程。 那什么是WebSocket呢？WebSocket是HTML5提供的一种浏览器和服务器进行通信的网络技术。两者之间，只需要做一个握手动作，就可以在浏览器和服务器之间开启一条通道，就可以进行数据相互传输。 实现WebSocket网络编程，分为三个步骤： 创建WebSocket服务器 创建WebSocket客户端 服务器和客户端通信 创建WebSocket服务 在NodeJS创建WebSocket，需要借助http模块的createServer： constfs=require("fs"); consthttp=require("http"); c...

Node的全局对象，就是整个应用都能引用的对象。Node本身内置了多个全局变量、全局对象和全局函数。 全局变量有两个：__filename和__dirname， __filename：表示当前正在执行的脚本文件名； __dirname：当前脚本所在的目录； 全局对象 常见的全局对象，有console，process和exports。 console：console对象用于提供控制台标准输出； process：对象用于描述当前进程的状态；这个对象只存在于NodeJS中，它有这样几个属性： 常用的方法如下： exports：exports对象是Nodejs模块系统公开的接口。 全局函数 ...

了解util模块，知道怎么使用util来格式化字符串，把对象转化为字符串，检查对象类型。 那么util模块有哪些方法呢？如下图所示： 常用的几个方法： 格式化输出字符串 util提供的格式化方法为：format()，语法如下：util.format(format,[...]) format参数，是包含0个或者多个占位符的字符串，每一个占位符是以%开头，最终被对应的参数所取代，比如： constutils=require('util'); console.log(utils.format("%d+%d=%d",23,43,23+43)); 输出如下： format支持这些...

在开发中，后端接收到请求参数后，需要解析参数。请求分为很多种类型，比如常见的get和post。 请求参数 Koa本身可以解析get请求参数，不能解析post请求参数。例如： router.get('/api/get/userInfo',async(context)=>{ const{id}=context.request.query; context.body=`接口参数为：${id}` }); 在postman请求接口，如下图所示： 如果是post请求呢？先试一下，能不能这样解析。 定义一个简单的接口： router.post('/api/update/userInfo',...

Nodejs是基于ChromeV8引擎的服务器端JavaScript运行环境，也就是说可以在浏览器之外的主机上运行JavaScript。 NodeJS Nodejs有三部分组成：标准库、中间层和底层库。 标准库：是给开发人员直接调用的API，比如HTTP模块； 中间层：为什么要有中间层呢？主要是因为NodeJS底层采用C语言来实现，标准库的JavaScript不能直接和C通信，只能通过中间层来完成通信。总的来说，中间层是链接标准库和底层的通道。 底层库：由C/C实现，包含了V8、libuv、C-ares、OpenSSL、zlib。是nodeJs运行的关键。 V8引擎，为了提高JavaSc...

同步于​​flutter时间戳转换【源码】​​ /时间戳转字符串timestamp时间戳formart："y-m":年和月之间的符号,"m-d":月和日之间的符号"h-m":时和分之间的符号,"m-s":分和秒之间的符号；"m-a":是否显示上午和下午/classUtils{staticStringdateAndTimeToString(vartimestamp,{Map<String,String>formart}){if(timestampnull||timestamp""){return"";}StringtargetString="";finaldate=newDa...

当我们需要计算整个数组的值的时候，最先想到的方式是循环数组，然后逐个相加减：   constarr=[1,2,3,4,5,6,7,8,9,10];varsum0=0;for(letindex=0;index<arr.length;index){sum0=sum0+arr[index];}console.log(sum0)//55 ES5新增的reduce()和reduceRight()，来归并数组【也可以说是迭代数组的所有项，最后返回一个值】，两个方法就直接导出我们想要的结果了。这两个方法的一个区别就是： reduce()，是从数组的第一项开始，一项一项的遍历，直...

现象：在微信开发工具测试时间显示正常、真机测试时间显示正常。安卓手机测试时间显示正常、开发工具连接iOS手机测试时间显示正常。 体验版中，iOS手机测试时间显示NaN。 原因：当进行网络请求的时候，后端返回日期格式：“2018-05-03”。iOS手机或者浏览器不支持这种类型的日期格式。例如： console.log("2019-10-0919:42:46")console.log(Date.parse("2019-10-0919:42:46"))console.log(Date.parse("2019-10-0919:42:46".replace(/-/g,'/'))) ios...

DOM文档对象模型 每一个HTML文档都被组织成为一个树状结构，每一个HTML文档对应一个树状结构。 DOM数的每一个内容称为节点，节点分为document节点、属性节点和文本节点、注释节点。 节点类型 节点类型常量 常量值 document节点 DOCUMENT_NODE 9 元素节点 ELEMENT_NODE 1 属性节点 ATTRIBUTE_NODE 2 文本节点 TEXT_NODE 3 注释节点 COMMENT_NODE 8 document节点在最顶层，document节点对应整个HTML文档，是操作其他节点的入口。 每一个节点都是一个对应...

JavaScript中函数是第一类对象。函数与对象共存，函数也可以被视为其他人一类型的JavaScript对象。函数能被变量引用、能以字面量形式声名，甚至可以作为函数参数进行传递。 JavaScript提供了几种定义函数的方式： 1、函数定义和函数表达式 2、箭头函数，ES6新增的JavaScript标准 3、函数构造函数，不常用的一种函数定义方式 4、生成器函数，ES6新增功能， 函数声明：是独立的JavaScript代码快（也可以被包含在其他函数中）； 函数表达式：作为其他表达式的一部分的函数（作为赋值表达式的右值，或者作为其他函数的参数）称为函数表达式。函数表达式能够准确的在我们需要用...

这一篇博客是结合官网完档和书籍后整理的，会很简单，可能对很对朋友都没有任何的帮助，这只是我对自己的学习vue这个技术栈的笔记。 onMounted 注册一个会调用函数，在组件挂载完成后执行。那么vue组件在什么情况下，算是已经挂载了呢？ 所有同步的子组件都已经被挂载； 自身的DOM树已经创建完成并且插入父容器中。 这个时候，组件算是挂载完成，就可以在这个生命周期函数中执行其他的逻辑了。 onUpdated() 在组件DOM更新后调用，导致组件更新的原因是组件相关的状态变更，所以不要在onUpdated函数中更改组件状态，否则会引起组件无限循环更新。 其他生命周期函数： onBefore...

H5移动的适配方案 rem rem适配方案是兼容性比较好的移动端适配方案，rem支持大部分的移动端系统和机型。 rem是相对于根元素的字体大小的单位。本质上就是一个相对单位，和em的区别是：em是依赖父元素的字体来计算，rem是依赖根元素的字体来计算。 rem适配的原理：把px单位换算为rem单位，然后根据屏幕大小动态设置根元素HTML的字体大小，这样实现在不同屏幕下适配的目的。 动态设置根元素的font-size 使用浏览器浏览网页，HTML的字体大小默认值是由浏览器来决定的，比如有的浏览器默认字体大小为16px，那么16px等于1rem。 在实际开发中，我们都是根据屏幕的宽度来动态设置。...

页面的适配，就是一个页面能在PC端正常访问，同时也可以在移动端正正常访问。 现在我们可以通过弹性布局【Flexible布局】、媒体查询和响应式布局。除此之外，还可以通过rem和vw针对性地解决页面适配问题。 响应式布局 响应式布局的核心，就是一个网站可以兼容多个终端，而不是每一个终端都得开发一个独立的版本。 响应式布局，主要是通过可视区和媒体查询来完成。 在HTML的head标签中的meta标签来设置浏览器的可视区域。 <metaname="viewport"content="width=device-width,initial-scale=1.0, maximum-scale=1....

Flex布局 Flexible布局，也就是弹性布局。Flexible的优点是，不需要对元素设置固定的宽度和高度，元素的位置和大小也会跟着父元素或者浏览器的状态来自动适配。 同时还添加了水平居中和垂直居中的解决方案。 在页面中指定一个元素作为Flex布局，那么这个元素就是作为容器冤元素。设置如下： .box{ display:flex; } 行内元素也是可以使用flex布局的。 注意：父元素设置为flex后，子元素的float、clear和vertical-align的设置就会失效。 Flex的兼容性写法 尽管有很多的浏览器已经实现了无前缀的版本，但是在系统比较旧版本的移动端设备上，只能...

input标签作为页面与用户交互的重要入口，了解掌握input的属性，至为重要。 type属性 HTML5给input表现的type属性，添加了很多的属性值，用来丰富了文本框类型。比如： <body> <inputtype="email"name=""id=""> <inputtype="button"value=""> <inputtype="checkbox"name=""id=""> <inputtype="color"name=""id=""> <inputtype="date"name=""id=""> &l...