随笔分类 - 水车--JS
此分类中包含了js， es6，typescript等有关js的内容。node相关的内容单独进行了分类
摘要：前言 FormData 接口提供了一种表示表单数据的键值对 key/value 的构造方式，并且可以轻松的将数据通过XMLHttpRequest.send() 方法发送出去，本接口和此方法都相当简单直接。如果送出时的编码类型被设为 "multipart/form-data"，它会使用和表单一样的格式
阅读全文
摘要：## 前言 在编程的过程中，我们经常会遇到一些通用的功能需求，例如防抖功能，节流功能等。为了提高开发效率和代码重用性，我们可以整理并记录一些常用的功能函数。本文将介绍一些在编程中常用到的功能函数，希望对读者有所帮助。 ## 正文 ### 防抖函数的使用 当我们在编写JavaScript代码时，经常会
阅读全文
摘要：重庆市 北碚: [106.50, 29.81], 城口: [108.6520475, 31.90676506], 大足: [105.7692868, 29.65392091], 垫江: [107.4004904, 30.24903189], 丰都: [107.7461781, 29.91492542
阅读全文
摘要：前言 深拷贝不仅将原对象的各个属性逐个复制出去，而且将原对象各个属性所包含的对象也依次采用深拷贝的方法递归复制到新对象上 弊端 如果 obj 的属性有时间对象，则 JSON.stringify 后再 JSON.parse 的结果，时间将转为字符串的形式，而不是对象的形式 如果 obj 的属性有 Re
阅读全文
摘要：## 20230626 补充 推荐几个我发现的好一点的博客 1： 杨村长做的nuxt3系列教程 2：[kapo hey_cool@163.com总结的一系列入门教程](https://www.zhmzjl.com/list-11-1.html) ## 前言 nuxt3 是 vue3 的服务端渲染封装
阅读全文
摘要：前言 我们在使用一些 element 组件时，很多组件都有默认事件，这些默认事件通常会有一些默认参数以便于使用。 这些参数都是固定的，很有可能会不满足我们的业务需求，那么，我们就需要增加一些额外的参数了。 操作 这里用 带输入建议的 input 组件举例 <el-autocomplete> 这个组件
阅读全文
摘要：前言 CORS是一个W3C标准，全称是"跨域资源共享"（Cross-origin resource sharing）。我们知道，用浏览器发送 http 请求（ajax）就存在跨域的问题，现在主流的解决跨域方案就是 CORS。 这里特别强调，我们经常说的跨域只是浏览器的限制，如果我们用脚本发送请求或者
阅读全文
摘要：前言 刚今天把electron11版本集成到vueCli4.5创建的项目中，这里记录一下在集成过程中和平时使用时遇到的坑 问题：渲染线程renderer中引入Electron报错 报错内容： fs.existsSync is not a function 原因： 因为webpack默认产出目标是we
阅读全文
摘要：
图像可以用多种不同的类型数据表示，本文将它们归纳为 5 种类型：DOM，URL，File，ImageData 和 Buffer。
阅读全文
图像可以用多种不同的类型数据表示，本文将它们归纳为 5 种类型：DOM，URL，File，ImageData 和 Buffer。
阅读全文
摘要：在 .electron-vue 目录下有一个配置文件 webpack.renderer.config.js 修改 webpack.renderer.config.js 这个配置文件 rendererConfig.optimization = { minimizer: [ new TerserPlug
阅读全文
摘要：1. 前言 本文主讲内容为：getBoundingClientRect()函数说明以及在原生JS中和Vue环境下如何使用 2. getBoundingClientRect函数 getBoundingClientRect 函数使用在dom元素中 Element.getBoundingClientRec
阅读全文
摘要：前言 事情的经过是这样的,项目里有一个全局使用的websocket,开始的时候websocket的初始化和接收message都写入到了App.vue的methods里了. websocket接收到消息后会统计数量, 数量存储到了vuex里. 这时候就发生了一个诡异的事情. 通过this.$store
阅读全文
摘要：前言 .... ##正文 .... 数组去重 let arr = [1,1,2,2,3,4,5,6] arr=[...new Set(arr)] console.log(arr) // [1, 2, 3, 4, 5, 6] 可选链操作符(?.) 当某个对象有可能是 null 或者 undefined
阅读全文
摘要：
我们现在来看一下如何在canvas中绘制文本。canvas 提供了两种方法来渲染文本:
fillText(text, x, y [, maxWidth])
在指定的(x,y)位置填充指定的文本，绘制的最大宽度是可选的.
strokeText(text, x, y [, maxWidth])
在指定的(x,y)位置绘制文本边框，绘制的最大宽度是可选的.
阅读全文
我们现在来看一下如何在canvas中绘制文本。canvas 提供了两种方法来渲染文本:
fillText(text, x, y [, maxWidth])
在指定的(x,y)位置填充指定的文本，绘制的最大宽度是可选的.
strokeText(text, x, y [, maxWidth])
在指定的(x,y)位置绘制文本边框，绘制的最大宽度是可选的.
阅读全文
摘要：
vuex的具体使用教程查看官网文档 https://vuex.vuejs.org/zh/installation.html,这里只是记录一下vuex在项目中具体的使用
阅读全文
vuex的具体使用教程查看官网文档 https://vuex.vuejs.org/zh/installation.html,这里只是记录一下vuex在项目中具体的使用
阅读全文
摘要：1、安装typescrip npm install -g typescript 2、在typescript项目目录中打开terminal输入tsc --init 创建tsconfig.js tsc --init 3、编辑tscongfig.json,修改outDir的参数，既默认ts转换成js后的输
阅读全文
摘要：前言 Element-UI 官方文档并没有写到关于 el-scrollbar 的文档，具体原因不详, 下面整理一下关于隐藏组件 el-scrollbar的文档说明 结构组成 纵向滚动条基础使用 使用注意点: el-scrollbar 标签 必须设定高度. 只有包裹内容超过给定高度, 才会出现滚动条
阅读全文
摘要：问题描述 在使用electron开发桌面系统时，遇到部分element-ui组件在页面中无法渲染的问题。我遇到的是el-table组件没有被渲染，导致无法显示数据。 解决方法 在electron-vue的描述文档中有一段关于白名单的说明，如下： 白名单里的外部组件 一个关于此配置的重要的事情是，你可
阅读全文
摘要：同类型文章： https://www.cnblogs.com/xuange306/p/11793015.html打开文件：electron-vue/webpack.renderer.config.js 在大约21行左右找到 let whiteListedModules 将element-ui添加进去
阅读全文
