- 博客(313)
- 收藏
- 关注
RSS订阅
原创 uniapp云打包app使用sqlite实现本地缓存，以及云打包sqlite不生效踩坑记录
SQLite是一种轻量级的关系型数据库管理系统。它是一个自包含、无服务器的数据库引擎，可以在客户端程序中直接嵌入，并且不需要独立的数据库服务器进程。SQLite使用简单的SQL语言，支持大多数标准的SQL语法和功能，包括事务、索引和触发器等。SQLite的数据库以单个文件的形式存储在主机文件系统中，可以轻松地将数据库文件在不同的设备间进行传输和共享。由于其小巧、快速、灵活和可移植的特性，SQLite广泛用于各种嵌入式系统、移动应用程序和其他小型项目中。
2023-10-10 11:58:17
2023
原创 rollup打包vue文件报错[!] (plugin commonjs--resolver) RollupError:xxxx,src/test.vue?vue&type=template&id=0f
中已经配置了解析vue相关插件，但是还是报错。rollup打包vue文件报错，如上图。
2023-10-08 17:13:22
1513
原创 uniapp中map使用点聚合渲染marker覆盖物
当地图上需要展示的标记点 marker 过多时，可能会导致界面上 marker 出现压盖，展示不全，并导致整体性能变差。针对此类问题，推出点聚合能力。点聚合官网教程// 创建map对象// 仅调用初始化，才会触发 on.("markerClusterCreate", (e) => {})enableDefaultStyle: false, // 是否使用默认样式zoomOnClick: true, // 点击聚合的点，是否改变地图的缩放级别。
2023-08-16 11:11:32
3817
5
原创 vue3中使用jsx
安装Vue 3：使用Vue CLI创建一个新项目或通过npm安装Vue。配置Vue JSX插件：在创建的项目中，找到src.jsx。
2023-07-05 17:21:40
2601
原创 webpack提高构建速度之打包开启多进程（thead）
Webpack的多进程打包是通过利用多个子进程同时处理不同的模块来加速打包过程的技术。这种技术可以提高打包效率，减少等待时间，使得项目构建更快。使用多进程打包的好处在于，它可以将一些比较耗时的操作分配到不同的进程中进行并行处理，从而提高打包效率。这使得打包过程更加高效，节省了时间和资源。另外，和单进程打包相比，多进程打包也有助于避免进程卡死或异常终止的问题。对于大型项目或需要进行复杂操作的项目，采用多进程打包可以更快地完成项目构建，提高效率，减少等待时间，使开发人员可以更快地检验代码。
2023-06-17 11:02:37
2061
2
原创 vue3 el-upload 上传附件及预览 限制只能上传一个图片或者pdf格式的文件
vue3 el-upload 上传附件及预览 限制只能上传一个图片或者pdf格式的文件
2022-12-05 14:48:22
7643
原创 vue3中基于element-plus封装一个表格弹框组件，要求可以单选和多选table数据
单选：多选：弹框表格组件代码这里多啰嗦一句，我这里是自定义列，使用单选框的方式实现的为什么要这样呢，因为我开始是使用多选加反选的方式实现单选，但这样存在一个bug，就是多选框的表头有个全选按钮，点击那个全选的时候会出现反选的问题。
2024-05-23 14:54:20
249
原创 vue3项目中使用vxe-table的自定义打印方法实现打印发票功能
vxe-table官方文档，全局安装教程$print({sheetName: '打印自定义模板',content: `我是合同`});可以接受一个配置对象作为参数。这个配置对象可以包含以下属性：sheetName：打印的工作表名称。style：自定义的CSS样式。content：打印的内容。
2024-05-20 10:43:44
980
原创 使用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
337
原创 常用工具方法之从树形结构的数据中提取所有的children子节点
3.如果 item 有 children 属性，那么就把 children 中的所有元素添加到 result 中，然后对 children 调用 extractChildren 方法，把 children 中的子节点也添加到 result 中。这个方法接收一个参数 data，这个参数应该是一个数组，数组的每个元素都是一个对象，这个对象可能有一个 children 属性，这个属性也是一个数组，包含了这个对象的子节点。4.最后，返回 result，这个数组包含了 data 中所有的子节点。
2024-04-29 15:57:42
237
原创 vue3中使用useStore()获取vux中的store踩坑记录
是否在setup函数下，不可以在setup里的函数的内部，写在函数内部的话就会出现，获取不到store对象的情况，useStore这个方法的调用位置是有要求的，它只能在setup函数中调用，这是它的语法规定。，在下面打印‘store’时，组件会被渲染两次，打印两次，第一次可以打印出来值， 第二次是个。如上述代码，我在setup中的计算属性函数中嵌套使用了。放到setup中定义就可以了。
2024-04-25 11:41:57
255
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
447
原创 前端常见面试题之vue3
对于Composition API和Options API的选择，取决于项目的需求以及开发团队的习惯。对于小型项目或者初学者来说，Options API可能更容易上手，而对于大型项目或者有一定经验的开发者来说，Composition API可能更适合，因为它更灵活、模块化和可维护。举例来说，假如一个组件中需要定义多个响应式变量和方法，使用Options API可能会导致代码量庞大，难以维护。而使用Composition API可以将相关的响应式变量和方法组织在一起，使代码更加模块化和可复用。
2024-02-23 15:36:38
1647
原创 前端常见面试题之react高级特性（Portals、Context、HOC等）
通常情况下，React组件会被渲染到它们的父组件的DOM结构中，但有时我们希望将某个组件渲染到DOM结构的其他位置或根节点上，这时就可以使用Portals。在上面的示例中，fetchPosts函数是一个异步action创建函数，它返回一个函数，这个函数内部执行异步操作，获取数据后分发相应的成功或失败action。HOC是一个函数，接受一个组件作为参数并返回一个新的增强组件。在上面的例子中，当shouldComponentUpdate返回false时，新的项不会被添加到列表中，从而避免不必要的组件更新。
2024-02-22 17:06:10
846
原创 前端常见面试题之react基础
在React中，可以通过箭头函数的方式将自定义参数传递给事件处理程序。${`);render() {return (在上面的代码中，当点击按钮时，会触发 handleClick 方法并输出 “Clicked with value: customValue”。这样就可以很方便地传递自定义参数给React事件处理程序。如果需要在React事件中传递自定义参数并且还需要使用event参数，可以使用箭头函数来定义事件函数。在箭头函数中，
2024-02-22 12:06:24
1227
原创 前端常见面试题之vue2
在Vue2中，自定义组件的v-model用于实现父子组件之间的双向绑定。通过使用v-model，可以简化在父组件中传递数据和监听子组件事件的操作。在自定义组件中，可以使用配置项model来自定义v-model的属性名称和事件名称。
2024-02-20 14:43:28
1171
原创 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
9605
3
原创 前端常见面试题之防抖、节流、xss、xsrf
跨站请求伪造（Cross-Site Request Forgery，CSRF）是一种攻击方式，攻击者通过欺骗用户在已登录的网站上完成一些未经用户授权的操作，通常是利用用户的身份去执行一些针对该网站的请求。当用户在页面上连续触发某个事件时，比如连续点击按钮、连续输入搜索关键词等，防抖函数可以确保只有最后一次触发的事件被执行。当用户在输入框中连续输入内容时，比如搜索框的实时搜索功能，防抖函数可以延迟发送请求或执行搜索操作，直到用户停止输入一段时间才触发，避免多次请求或操作。结果是，在滚动事件触发时，
2024-01-18 12:24:35
1569
原创 前端常见面试题之ajax、http
是一种使用HTTP协议和标准原则设计的 API，用于系统之间的通信。它允许客户端通过 HTTP 方法（GET、POST、PUT、DELETE）对资源进行操作，并使用 URL 定位资源。与传统的API相比，设计风格：RESTful API 遵循资源的风格，将每个资源都用一个唯一的 URI 表示，并使用合适的 HTTP 方法对其进行操作。而传统的 API 常常使用不同的 URI 和操作来表示不同的功能。状态无关。
2024-01-16 17:08:02
1450
原创 uniapp开发微信小程序uni.chooseImage()部分机型不生效问题
在小程序管理后台，更改用户隐私协议，增加选择照片功能。点击不生效，无法调起手机的相册选择照片功能。服务内容说明–>更新。
2024-01-15 17:07:22
1329
原创 前端常见面试题之js基础（手写深拷贝、原型和原型链、作用域和闭包）
原型链是指对象在查找属性时，如果自身没有该属性，就会去原型对象上查找，如果原型对象也没有，就会继续向上查找，直到找到该属性或到达原型链的顶端（即 Object.prototype）。，内部函数在访问变量时，会先从自身的作用域查找，若没有找到，则会继续向上一级作用域查找，直到找到为止。闭包是指在JavaScript中，一个函数可以访问其外部函数作用域中的变量，即使该外部函数已经调用结束或者返回，依然可以访问到这些变量的现象。：函数作用域是在函数内部声明的作用域，只在函数内部可见。在执行fn2函数时，会从。
2024-01-12 14:37:37
1123
原创 vue-echarts踩坑，本地开发可以渲染echarts图表，线上环境图表渲染不出来
如上图，我开始写的静态数据，在data中定义了chartOption1:{…}, 在接口数据返回之后，更新了配置项，在本地开发环境可以正常渲染。但是线上环境出不来，也不报错，接口数据一切正常。无奈最后没有使用‘vue-echarts’这个库，用了echarts原生写法。在接口获取数据以后，调用inintEcharts方法。全局注册v-chart组件。
2024-01-12 12:11:48
722
原创 前端常见面试题之异步（event loop, promise, async/await, 宏任务/微任务）
1.执行async函数，返回的是Promise对象2. await相当于Promise的then3. try…catch可捕获异常，代替了Promise的catch。
2024-01-11 09:28:57
1076
原创 高德地图vue-amap实现区域掩膜卫星图且背景为灰色
vue-amap高德1.4.4，区域掩膜效果。//利用行政区查询获取边界构建mask路径。//也可以直接通过经纬度构建mask路径。// 设置地图中心点为北京。
2024-01-09 09:13:51
1496
原创 vue-amap区域显示，3d棱柱效果
2. demo显示高德地图效果如图：效果如图：代码如下：三、只显示某个区域效果如图：代码如下：四、3D棱柱区域效果如图：代码如下：五、添加卫星图层效果如图：代码如下：
2024-01-04 10:40:22
1188
原创 vscode中使用GitHub Copilot Chat
由OpenAI的GPT-4大型多模态模型提供支持，能带来更准确的代码建议、解释和指导。的内联功能可以帮助开发人员就特定的代码行进行聊天GitHub IDVSCode。
2023-12-25 11:11:44
1496
原创 前端常见面试题之html和css篇
HTML语义化是指在编写HTML代码时，使用适当的标签来描述内容的含义和结构。语义化的好处包括：理解HTML语义化的关键在于正确使用HTML标签来表示内容的含义。以下是一些常见的HTML标签和它们的语义含义： 标签用于表示页面或区块的头部，比如页面的标题或导航栏。 标签用于表示导航栏。 标签用于表示页面的主要内容。 标签用于表示独立的文章内容。 标签用于表示页面或文章的分段内容。 标签用于表示与主要内容相关但不属于主要内容的附加信息。 标签用于表示页面或区块的底部，比如版权信息或联系方式。 - 标签用于表
2023-12-19 17:31:19
1202
原创 elementUI 框架中el-radio-group组件赋值之后，点击无效问题
在绑定值变化触发的事件添加 this.$forceUpdate() 强制更新。
2023-12-14 18:05:02
1953
原创 vue笔记2(虚拟dom)
Vue中虚拟DOM的实现原理是通过使用JavaScript对象来描述真实的DOM树结构，并通过对比新旧虚拟DOM树的差异，最小化地更新真实DOM。使用虚拟DOM的原因有以下几点：提高性能：真实DOM的更新是非常消耗性能的操作，而虚拟DOM可以通过批量处理和优化算法，将多次的DOM操作合并为一次，从而提高性能。简化操作：通过使用虚拟DOM，开发者不再需要手动操作真实DOM，只需要操作虚拟DOM，减少了开发的复杂度和出错的可能性。
2023-11-30 11:33:11
760
原创 echarts案例网站
网站：https://ppchart.com/#/网站：https://echarts.apache.org/examples/zh/index.html
2023-11-28 10:52:10
992
原创 好用的json处理工具He3 JSON
官网地址：https://he3app.com/zh/https://portal.he3app.com/home/extension/json-to-prettyhttps://portal.he3app.com/home/category
2023-11-28 09:44:51
749
原创 vue2的响应式数据变化
Vue实现响应式变化的方式是通过数据劫持和发布-订阅模式。Vue通过使用方法对数据对象的属性进行劫持，使其能够在属性值发生变化时触发相应的操作。Vue使用发布-订阅模式来监听数据变化，并在变化时通知相关的订阅者更新视图。当数据发生变化时，会触发相应的setter方法，然后通知所有订阅者进行更新。具体实现步骤如下：在初始化Vue实例时，通过遍历数据对象，利用方法将每个属性转化为getter和setter。在getter方法中，将订阅者Watcher对象添加到当前属性的依赖列表中。在setter。
2023-11-21 16:19:13
517
原创 在 Windows 中关闭 Nginx 所有进程
请注意，上述命令假设 Nginx 已经在系统的 PATH 环境变量中配置。如果没有，请提供正确的 Nginx 安装路径，或者在命令中使用完整的路径来替换。将该命令与所有 Nginx 进程的 PID 一起使用，以终止所有正在运行的 Nginx 进程。此命令将启动一个新的 Nginx 进程来重新加载配置文件并重新启动服务器。使用以下命令来终止所有 Nginx 进程（使用上面的 PID 替换。的进程以及它们的 PID。打开命令提示符（CMD）。此命令将列出所有名为。选项来强制终止进程。
2023-11-21 12:08:59
2492
1
原创 谈谈你对mvc和mvvm的理解
MVC和MVVM是软件开发中两种常见的架构模式，各自有不同的优缺点。MVC）是一种经典的架构模式，将应用程序分为三个部分：模型（Model）、视图（View）和控制器（Controller模型负责处理数据逻辑，视图负责展示数据，控制器负责协调模型和视图之间的交互。MVC模式的优点是结构清晰，分工明确，易于维护和测试。但是，MVC模式在大型应用中很容易导致代码复杂和耦合性增加。MVVM）是一种相对较新的架构模式，它采用了数据绑定和命令绑定的方式来实现视图与数据的自动同步。MVVM。
2023-11-21 10:53:01
330
原创 Object.defineProperty基本用法
是JavaScript中的一个方法，它用于在一个对象上定义一个新的属性或修改已经存在的属性。使用通过，我们可以灵活地控制属性的特性。另外，方法可以用来修改已存在属性的特性。总之，是一个非常有用的方法，可以用来定义和修改对象的属性，从而更好地控制属性的特性和行为。
2023-11-08 18:03:21
155
原创 react-router
在React Router中，可以通过封装Link组件来实现一些定制化的需求。封装Link组件可以帮助我们简化代码，提高代码复用性，并且可以根据具体业务需求进行一些特殊处理。
2023-11-03 12:11:29
388
1
原创 react中的useReducer复杂的状态管理
在上面的例子中，reducer 函数接收一个状态和一个 action 对象，并根据不同的 action 类型返回新的状态。通过 useReducer，Counter 组件可以根据不同的按钮点击来更新状态，并将最新的状态渲染到页面上。reducer 函数接受两个参数，当前状态和一个 action 对象，返回一个新的状态。使用 useReducer 可以更好地组织和管理复杂的状态逻辑，同时也可以提高代码的可读性和可维护性。的主要好处是可以将状态的更新逻辑集中在一个地方，使组件的逻辑更加清晰和可维护。
2023-10-31 15:58:34
345
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人