jieyucx-CSDN博客

原创 uniapp云打包app使用sqlite实现本地缓存，以及云打包sqlite不生效踩坑记录

SQLite是一种轻量级的关系型数据库管理系统。它是一个自包含、无服务器的数据库引擎，可以在客户端程序中直接嵌入，并且不需要独立的数据库服务器进程。SQLite使用简单的SQL语言，支持大多数标准的SQL语法和功能，包括事务、索引和触发器等。SQLite的数据库以单个文件的形式存储在主机文件系统中，可以轻松地将数据库文件在不同的设备间进行传输和共享。由于其小巧、快速、灵活和可移植的特性，SQLite广泛用于各种嵌入式系统、移动应用程序和其他小型项目中。

2023-10-10 11:58:17 2199

原创 rollup打包vue文件报错[!] (plugin commonjs--resolver) RollupError:xxxx,src/test.vue?vue&type=template&id=0f

中已经配置了解析vue相关插件，但是还是报错。rollup打包vue文件报错，如上图。

2023-10-08 17:13:22 2029

原创 uniapp中map使用点聚合渲染marker覆盖物

当地图上需要展示的标记点 marker 过多时，可能会导致界面上 marker 出现压盖，展示不全，并导致整体性能变差。针对此类问题，推出点聚合能力。点聚合官网教程// 创建map对象// 仅调用初始化，才会触发 on.("markerClusterCreate", (e) => {})enableDefaultStyle: false, // 是否使用默认样式zoomOnClick: true, // 点击聚合的点，是否改变地图的缩放级别。

2023-08-16 11:11:32 4300 5

原创 vue3中使用jsx

安装Vue 3：使用Vue CLI创建一个新项目或通过npm安装Vue。配置Vue JSX插件：在创建的项目中，找到src.jsx。

2023-07-05 17:21:40 3035

原创 webpack提高构建速度之打包开启多进程（thead）

Webpack的多进程打包是通过利用多个子进程同时处理不同的模块来加速打包过程的技术。这种技术可以提高打包效率，减少等待时间，使得项目构建更快。使用多进程打包的好处在于，它可以将一些比较耗时的操作分配到不同的进程中进行并行处理，从而提高打包效率。这使得打包过程更加高效，节省了时间和资源。另外，和单进程打包相比，多进程打包也有助于避免进程卡死或异常终止的问题。对于大型项目或需要进行复杂操作的项目，采用多进程打包可以更快地完成项目构建，提高效率，减少等待时间，使开发人员可以更快地检验代码。

2023-06-17 11:02:37 2140 2

原创 vue3 el-upload 上传附件及预览限制只能上传一个图片或者pdf格式的文件

vue3 el-upload 上传附件及预览限制只能上传一个图片或者pdf格式的文件

2022-12-05 14:48:22 7924

原创 JavaScript中的解构赋值：用途与优势

解构赋值是JavaScript中一个非常强大且实用的特性，它简化了数组和对象数据的访问，使得函数能够返回多个值，并且与扩展运算符结合使用时，能够实现更灵活的数组和对象操作。同时，解构赋值还支持默认值和嵌套解构，进一步增强了其灵活性和实用性。掌握解构赋值，将使你的JavaScript代码更加简洁、高效和易于维护。

2024-07-06 16:20:57 289

原创 Vue 3 中集成 ECharts(附一些案例)

在现代Web开发中，Vue 3以其卓越的性能和灵活的Composition API赢得了广泛的关注。而ECharts，作为开源的一个使用JavaScript实现的强大可视化库，以其丰富的图表类型和高度可定制性成为了数据可视化的首选工具之一。今天，我们将结合Vue 3的语法糖和ECharts，来详细探讨如何在Vue 3项目中集成ECharts，并不仅仅局限于折线图，而是展示一个通用的集成方法。

2024-07-05 10:34:38 1863

原创你真的了解http吗（一）？

HTTP（超文本传输协议）是一种用于分布式、协作式、超媒体信息系统的应用层协议。它是Web技术的基础，允许用户获取如文本、图像、音频和视频等资源。HTTP遵循客户端-服务器模型，客户端打开一个连接以发出请求，然后等待直到收到服务器的响应。主要特点无状态性：每次请求之间是独立的，服务器不会保存之前的交互信息。这意味着每个请求都必须包含所有必要的信息，服务器才能理解和响应。可扩展性：HTTP允许传输任何类型的数据，只要双方都知道如何处理这些数据。请求/响应模型。

2024-06-18 16:00:20 921

原创 vxe-table展开行嵌套子表，每个子表的数据都是接口获取，每次展开的子表的数据都不同。

要解决这个问题，你需要为每一行的展开内容维护一个独立的数据状态。这意味着每当你展开一行时，你应该检查是否已经为这一行加载过数据。如果已经加载过，就使用已有的数据；如果没有，就从接口获取数据并存储起来，以便下次展开时使用。// fetchDataForExpandRow 是你的 API 调用函数。// 如果行被展开且该行数据未加载，则调用接口获取数据。对象用于存储每行的展开数据。中，以便下次展开时直接使用，避免重复调用API。// 存储每行展开数据的对象。// 展开行事件处理函数。// 将获取到的数据存储。

2024-06-13 11:25:48 589

原创数据结构和算法之数组和链表

数组是一种线性数据结构，它是由一组连续的内存单元组成的，用于存储相同类型的数据。在JavaScript中，数组可以包含任意类型的数据，不只限于基本数据类型。

2024-06-07 11:16:19 863

原创 element-plus日历组件el-calendar自定义内容，每天绑定不同的值

【代码】element-plus日历组件el-calendar自定义内容，每天绑定不同的值。

2024-06-05 09:18:45 659

原创 element-plus中el-dialog使用::v-deep()穿透设置样式不生效踩坑记录

如上：我想去掉插槽自带的下边框和上边框，但是不生效。给el-dialog加个类，在不带scope的。

2024-05-29 09:19:40 1137 2

原创 element-plus中el-tabel中使用el-image层级重叠问题踩坑记录

【代码】element-plus中el-tabel中使用el-image层级重叠问题踩坑记录。

2024-05-29 09:07:50 397

原创 vue3中基于element-plus封装一个表格弹框组件，要求可以单选和多选table数据

单选：多选：弹框表格组件代码这里多啰嗦一句，我这里是自定义列，使用单选框的方式实现的为什么要这样呢，因为我开始是使用多选加反选的方式实现单选，但这样存在一个bug，就是多选框的表头有个全选按钮，点击那个全选的时候会出现反选的问题。

2024-05-23 14:54:20 1209 1

原创 vue3项目中使用vxe-table的自定义打印方法实现打印发票功能

vxe-table官方文档，全局安装教程$print({sheetName: '打印自定义模板',content: `我是合同`});可以接受一个配置对象作为参数。这个配置对象可以包含以下属性：sheetName：打印的工作表名称。style：自定义的CSS样式。content：打印的内容。

2024-05-20 10:43:44 1538 3

原创使用vue-i18n控制台报黄：You are running the esm-bundler build of vue-i18n. It is recommended to configure yo

你正在运行vue-i18n的ESM（ES模块）捆绑构建版本。建议配置你的打包工具（bundler），以明确地将特性标志（feature flag）全局变量替换为布尔字面量，以便在最终捆绑包中获得正确的“树摇”（tree-shaking）效果。这里的“树摇”（tree-shaking）是Webpack等现代JavaScript打包工具中的一个概念，它可以在打包过程中移除未使用的代码（即“摇掉”这些代码），从而减小最终生成的包的大小。

2024-05-15 10:20:11 934

原创常用工具方法之从树形结构的数据中提取所有的children子节点

3.如果 item 有 children 属性，那么就把 children 中的所有元素添加到 result 中，然后对 children 调用 extractChildren 方法，把 children 中的子节点也添加到 result 中。这个方法接收一个参数 data，这个参数应该是一个数组，数组的每个元素都是一个对象，这个对象可能有一个 children 属性，这个属性也是一个数组，包含了这个对象的子节点。4.最后，返回 result，这个数组包含了 data 中所有的子节点。

2024-04-29 15:57:42 372

原创 vue3中使用useStore()获取vux中的store踩坑记录

是否在setup函数下，不可以在setup里的函数的内部，写在函数内部的话就会出现，获取不到store对象的情况，useStore这个方法的调用位置是有要求的，它只能在setup函数中调用，这是它的语法规定。，在下面打印‘store’时，组件会被渲染两次，打印两次，第一次可以打印出来值，第二次是个。如上述代码，我在setup中的计算属性函数中嵌套使用了。放到setup中定义就可以了。

2024-04-25 11:41:57 615 1

原创 nvm报错获取 ‘https://npm.taobao.org/mirrors/node/index.json‘ 时失败

由于npm.taobao.org域名HTTPS证书到期更换为npmmirror.com。找到nvm安装路径的settings.txt文件。打开添加或者更改镜像地址，报存就好啦。更改好之后，再次使用nvm就好了，如下。

2024-04-22 16:00:57 800 1

原创前端常见面试题之vue3

对于Composition API和Options API的选择，取决于项目的需求以及开发团队的习惯。对于小型项目或者初学者来说，Options API可能更容易上手，而对于大型项目或者有一定经验的开发者来说，Composition API可能更适合，因为它更灵活、模块化和可维护。举例来说，假如一个组件中需要定义多个响应式变量和方法，使用Options API可能会导致代码量庞大，难以维护。而使用Composition API可以将相关的响应式变量和方法组织在一起，使代码更加模块化和可复用。

2024-02-23 15:36:38 2131

原创前端常见面试题之react高级特性（Portals、Context、HOC等）

通常情况下，React组件会被渲染到它们的父组件的DOM结构中，但有时我们希望将某个组件渲染到DOM结构的其他位置或根节点上，这时就可以使用Portals。在上面的示例中，fetchPosts函数是一个异步action创建函数，它返回一个函数，这个函数内部执行异步操作，获取数据后分发相应的成功或失败action。HOC是一个函数，接受一个组件作为参数并返回一个新的增强组件。在上面的例子中，当shouldComponentUpdate返回false时，新的项不会被添加到列表中，从而避免不必要的组件更新。

2024-02-22 17:06:10 905

原创前端常见面试题之react基础

在React中，可以通过箭头函数的方式将自定义参数传递给事件处理程序。${`);render() {return (在上面的代码中，当点击按钮时，会触发 handleClick 方法并输出 “Clicked with value: customValue”。这样就可以很方便地传递自定义参数给React事件处理程序。如果需要在React事件中传递自定义参数并且还需要使用event参数，可以使用箭头函数来定义事件函数。在箭头函数中，

2024-02-22 12:06:24 1239

原创前端常见面试题之vue2

在Vue2中，自定义组件的v-model用于实现父子组件之间的双向绑定。通过使用v-model，可以简化在父组件中传递数据和监听子组件事件的操作。在自定义组件中，可以使用配置项model来自定义v-model的属性名称和事件名称。

2024-02-20 14:43:28 1185

原创 npm ERR! code CERT_HAS_EXPIRED npm ERR! errno CERT_HAS_EXPIRED npm ERR! request to https://registry.

npm ERR! code CERT_HAS_EXPIREDnpm ERR! errno CERT_HAS_EXPIREDnpm ERR! request to https://registry.npm.taobao.org/jsrsasign failed, reason: certificate has expired

2024-01-22 19:49:53 10792 3

原创前端常见面试题之防抖、节流、xss、xsrf

跨站请求伪造（Cross-Site Request Forgery，CSRF）是一种攻击方式，攻击者通过欺骗用户在已登录的网站上完成一些未经用户授权的操作，通常是利用用户的身份去执行一些针对该网站的请求。当用户在页面上连续触发某个事件时，比如连续点击按钮、连续输入搜索关键词等，防抖函数可以确保只有最后一次触发的事件被执行。当用户在输入框中连续输入内容时，比如搜索框的实时搜索功能，防抖函数可以延迟发送请求或执行搜索操作，直到用户停止输入一段时间才触发，避免多次请求或操作。结果是，在滚动事件触发时，

2024-01-18 12:24:35 1600

原创前端常见面试题之ajax、http

是一种使用HTTP协议和标准原则设计的 API，用于系统之间的通信。它允许客户端通过 HTTP 方法（GET、POST、PUT、DELETE）对资源进行操作，并使用 URL 定位资源。与传统的API相比，设计风格：RESTful API 遵循资源的风格，将每个资源都用一个唯一的 URI 表示，并使用合适的 HTTP 方法对其进行操作。而传统的 API 常常使用不同的 URI 和操作来表示不同的功能。状态无关。

2024-01-16 17:08:02 1497

原创 uniapp开发微信小程序uni.chooseImage()部分机型不生效问题

在小程序管理后台，更改用户隐私协议，增加选择照片功能。点击不生效，无法调起手机的相册选择照片功能。服务内容说明–>更新。

2024-01-15 17:07:22 1676

原创前端常见面试题之js基础（手写深拷贝、原型和原型链、作用域和闭包）

原型链是指对象在查找属性时，如果自身没有该属性，就会去原型对象上查找，如果原型对象也没有，就会继续向上查找，直到找到该属性或到达原型链的顶端（即 Object.prototype）。，内部函数在访问变量时，会先从自身的作用域查找，若没有找到，则会继续向上一级作用域查找，直到找到为止。闭包是指在JavaScript中，一个函数可以访问其外部函数作用域中的变量，即使该外部函数已经调用结束或者返回，依然可以访问到这些变量的现象。：函数作用域是在函数内部声明的作用域，只在函数内部可见。在执行fn2函数时，会从。

2024-01-12 14:37:37 1200

vxetable自定义打印发票

vue3，element-plus，弹框表格组件，支持分页，单选，多选表格数据

空空如也