- 博客(138)
- 收藏
- 关注
RSS订阅
原创 微信小程序面试题
onLoad: 页面加载时触发。一个页面只会调用一次，可以在onLoad的参数中获取打开当前页面路径中的参数。onShow: 页面显示时触发调用。onReady: 页面初次渲染完成时触发,一个页面只会调用一次。onHide: 页面隐藏时触发，如navigateTo或底部tab切换到其他页面等。onUnload: 页面卸载时触发。如redirectTo或navigateBack到其他页面时。
2025-02-25 23:11:52
937
原创 Vue面试题
beforeCreate: 创建前，此时data和methods中的数据都还没有初始化；created：创建完毕，data中有值，未挂载。beforeMount：可以发起服务端请求，去请求数据，数据更新时调用；mounted: 此时可以操作Dom。beforeUpdate: 数据更新时调用；updated: 数据更新完毕，Dom节点也已经更新beforeDestroy：实例被销毁前，此时可以手动销毁一些方法；
2025-02-25 23:06:04
1094
原创 Node.js定义以及性能优化
Node.js 是一个基于 Chrome V8 引擎的 JavaScript 运行时，允许开发者使用 JavaScript 编写服务器端代码。它采用事件驱动、非阻塞 I/O 模型，适合构建高性能、可扩展的网络应用。回调函数是作为参数传递给另一个函数的函数，通常用于处理异步操作的结果。例如，在读取文件时，可以传递一个回调函数来处理文件读取完成后的操作。});Promise 是用于处理异步操作的对象，表示一个可能现在、将来或永远都不会完成的操作。
2025-02-25 22:46:20
708
原创 Pinia
1. 更加轻量级：相比 Vuex，Pinia 更加轻量级，因为它不需要使用 Vuex 的一些复杂的概念，如模块和 getter。相比之下，Vuex是一个更完整的状态管理库，它提供了更多的功能，比如模块化、插件和严格模式等。上面的方法都是用来修改单个属性的，如果你需要一次修改多个属性，虽然你可以重复操作上面的方法，但是 pinia 提供了新的方法:store.$patch。// Store 是用 defineStore() 定义的，它的第一个参数要求是一个独一无二的名字，也被用作 id ，是必须传入的。
2025-02-25 22:21:36
556
原创 前端常见面试题-2025
Vue.js 4.0 是在 2021 年 9 月发布。Vue.js 4.0 是 Vue.js 的一个重要版本，引入了许多新特性和改进，旨在提升开发者的体验和性能。以下是一些关键的更新和新特性：Composition API 重构：Vue 3 引入了 Composition API 作为官方推荐的 API 风格，而 Vue 4.0 在此基础上进一步优化和扩展了 Composition API，使其更加灵活和强大。
2025-02-17 22:45:15
2002
原创 Vue3的Composition API
Vue 3 引入了 Composition API(组合式API)，这是一种新的编写组件逻辑的方式，旨在解决 Options API 在某些场景下的局限性。Composition API 提供了更灵活和强大的代码组织方式，特别适合处理复杂组件的逻辑复用和代码组织。
2025-02-17 17:49:43
980
原创 table列表勾选(单选)
table列表勾选单选使用:row-selection="rowSelection"table列表 htmlJS:使用:row-selection=“rowSelection”table列表 html<a-table :columns="columnsTan" :data-source="submitForm.tableDatTan" :pagination="paginationTan" @change="handleTableChangeTan"
2021-07-30 16:40:00
2255
原创 table列表勾选(多选)
table列表勾选实现上面列表勾选，点击确认按钮，到下面列表点击人员设置按钮出现弹窗弹窗内容 htmljsJSON.JS数据源实现上面列表勾选，点击确认按钮，到下面列表点击人员设置按钮出现弹窗<a-table :columns="columns" :data-source="searchForm.tableData" :pagination="pagination" @change="handleTableChange" :loading="tableL
2021-07-30 16:30:48
1661
原创 vue3.0 列表展开-子列表
列表展开-子列表htmljsJson.js存放数据html使用table的属性：expandedRowsChange，expandedRowKeys，expand以及expandedRowRender<template #expandedRowRender="{}">里面写下面表格的内容<a-table @expandedRowsChange="expandedRowsChange" :expandedRowKeys="searchForm.expandedRowK
2021-07-30 14:12:54
1278
原创 ant design 里面的Select控件在多选模式下支持一键全选/空选
ant design 里面的Select控件在多选模式下支持一键全选/空选html:使用 dropdownRender 对下拉菜单进行自由扩展（可自定义下拉框里面的东西）。是给下拉框的数据占位是给按钮占位<a-form-item label="接收单位" name="receiveOrgIdStr"> <a-select v-model:value="formState.receiveOrgIdStr" style="width: 100%"
2021-05-08 16:10:30
3432
1
原创 列表新增修改弹窗
列表新增修改弹窗，删除新增编辑弹窗新增编辑弹窗html:点击新增编辑按钮，出现弹窗，进行新增和编辑列表数据<div style=" display: flex; justify-content: flex-end; flex-wrap: wrap; padding: 20px; " > <a-button type="primary" @click="addList">新增</a-button></div><a-table
2021-05-06 14:56:14
912
原创 vue获取查询列表数据
vue获取查询列表数据搜索条件 列表数据搜索条件 列表数据html:<!-- 查询条件 --><div class="evaluateList_seach"> <a-form layout="inline" :model="searchForm"> <a-row> <a-col :span="18"> <a-row> <a-col :span="8" styl
2021-05-06 14:36:58
6464
原创 在 Vue 中使用 Three.js 渲染 GLB 格式模型
在 Vue 项目中渲染 GLB 格式的 3D 模型需要结合 Three.js 和 GLTFLoader。
2025-05-15 19:48:05
320
1
原创 vue中操作dom，实现元素的拖拉拽
使用原生的操作DOM的方式，实现元素的拖拉拽功能。默认将元素绝对定位到左上角位置left为0，top为0。监听元素的移动，只需要知道元素的左上角x和y位置即可，元素的x和y的偏移量就是元素重新进行定位的left和top的数据。getBoundingClientRect() 是 DOM 元素的一个方法，它返回一个 DOMRect 对象，提供了元素的大小及其相对于视口(viewport)的位置信息。
2025-05-08 12:00:57
317
原创 浏览器刷新结束页面事件，调结束事件的接口（vue）
使用window.addEventListener(‘beforeunload’, function (e) {}）进行浏览器关闭操作的监听。浏览器刷新的时候，正在进行中的事件结束掉，在刷新浏览器的时候做一些操作。如果是调接口，就不能使用axios封装的接口，需要使用原生的fetch。找到公共的文件App.vue。
2025-05-08 10:04:33
278
原创 vue截图-html2canvas
在 Vue 中使用 html2canvas 将 HTML 元素（如包含贝塞尔曲线的 Canvas/SVG）转换为图片。在页面中使用，要截取哪个div的内容，先给这个div加一个ref标识，如ref=“html_container”下载html2canvas。
2025-05-07 18:06:45
297
原创 canvas多人触碰1.0（vue）
canvas支持多人一起绘画，使用touchstart，touchmove，touchend触摸事件，内置会有一个e.changedTouches事件，是记录多个位置触碰的数据的集合。
2025-05-07 17:23:04
139
原创 canvas笔锋（vue3）
实现原理：两个画布，一个画布保存原始数据并绘制画布的线条，另外一个画布是处理过后的数据并绘制画布的线条。鼠标点下/笔触时开始触发，移动时开始绘制第一个原始画布的线条，在鼠标/笔触释放时开始处理数据，将第一个原始数据画布清空并展示处理过的数据。效果就是画笔的线更加丝滑，同时尾部有笔锋效果。丝滑需要用到赛贝尔曲线，笔锋需要找到需要变细的地方，找到点位数依次让线条宽度变细。
2025-05-07 15:17:23
220
原创 02-Canvas-fabric.BaseBrush绘图工具
fabric.BaseBrush，你可以实现各种绘图工具，例如自由绘图、直线、矩形、圆形等。
2025-03-14 16:28:19
388
原创 02-Canvas-fabric.ActiveSelection
当用户在画布上选择多个对象时，Fabric.js 会自动将这些对象包装在fabric.ActiveSelection 实例中，以便统一操作（如移动、缩放、旋转等）。fabric.ActiveSelection 用于表示当前选中的多个对象（即多选状态）。它具有分组的功能,默认临时分组。
2025-03-14 13:30:04
341
原创 基本数据类型
JavaScript中弹出框的类型JavaScript中弹出框的类型JavaScript中弹出框的类型JavaScript中弹出框的类型JavaScript中弹出框的类型。
2024-09-11 17:41:15
373
原创 uni-app搭建h5项目
5. 打包试一下看看能不能放到nginx以及服务器上去。打包没问题之后再开发页面。运行即可，生成的路径在浏览器中可以打开，说明打出来的包可以在服务器中用。二、找到使用vue-cli命令行，按照文档上的步骤进行搭建。3）cmd切换到打包过的项目的目录地址。打包之后出现一下dist文件。2）查看是否下载完成。
2024-02-21 15:35:45
2546
1
原创 MySQL的安装以及卸载
以管理员的身份打开cmd,输入命令mysql -u root -p，会让出入密码，就是上面安装的时候设置的密码为root，可以看到输出welcome to the mysql…全部点确定，关闭环境变量配置窗口，然后再用管理员的身份打开cmd,输入命令mysql -u root -p再看是否成功，如果依然不行，卸载重新进行安装。可以看到下载到了C:\ProgramData\MySQL，一般ProgramData是个隐藏目录，手动打开隐藏目录可以看到。找到mysql，点击右键卸载即可。打开安装包，点击下一步。
2023-08-17 17:54:10
1220
1
原创 git常用命令
git clonegit add .git pushgit pullgit branch 查看本地分支git branch -a 查看远程分支git branch -d xxx 删除分支git checkout xxx 切换分支git checkout -b xxx 新建分支并且切换到改分支git branch -m 旧分支名 新分支名 分支重命名git status 查看修改的文件git merge 合并分支。
2023-05-28 20:35:34
971
原创 菜单权限管理控制怎么实现的-M
在系统管理有一个专门的页面进行菜单配置，提交给后端，后端返回回来一个列表，通过id和parentId渲染这个菜单列表。权限控制，一般后端根据不同的角色返回不同的列表即可，也可以前端根据判断条件进行fittle过滤。
2023-05-21 23:01:17
302
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人