- 博客(391)
- 资源 (3)
- 收藏
- 关注
RSS订阅原创 gridstackjs 的使用
使用这种方式定义元素的宽高和位置，我的项目的设计稿的宽是1408px, 我这边把gird设置成12列 ，column:12,所以一列的宽度就是 1408/12= 117px, 然后第一个内部第一个元素的宽是180px,所以第一个元素的w是180/117 = 2 ， 内部元素的 每列的高度都是350px,所以我这边设置了cellHeight为122，因此 h 都是3 ，第一个元素的位置是x:0 y：0，（表示0列0行），第二个元素的位置是x:2 ,y:0 (表示从第二列开始 第0行)
2025-04-14 10:23:58
324
原创 python 爬取网站图片的小demo
我们可以使用 PyInstaller 来将这个 Python 脚本打包成 exe 文件。使用：先安装必要的库，
2025-04-03 18:45:00
263
原创 git clone 代码报错（生成ssh）
但是他的git账号被公司注销了，然后我这边git clone 代码 就出现了被拒绝。一、使用Git Bash终端 重新生成一个ssh密钥。添加完成之后，就可以通过ssh拉取提交代码了。三、复制这个密钥到 gitlab上面。二、查看生成的ssh,
2025-03-26 17:38:38
227
原创 vue3 hooks(组合式函数)
在Vue应用的概念中，“组合式函数”(Composables)是一个利用Vue的组合式API来封装和复用的函数。当构建前端应用时，我们常常需要复用公共任务的逻辑。例如为了在不同地方格式化时间，我们可能会抽取一个可复用的日期格式化函数。这个函数封装了：它在接收一些输入后立刻返回所期望的输出。复用无状态逻辑的库有很多，比如你可能已经用过的或是。
2025-01-17 17:03:26
207
原创 vue3 自定义hooks
自定义 Hooks 是通过封装和复用 Vue 的响应式 API（如refreactivewatchcomputed等）和生命周期钩子（如onMounted等）来实现的一种功能模块化方案。通过自定义 Hooks，多个组件可以共享同一段逻辑，而不必重复代码。创建自定义 Hook自定义 Hook 是一个普通的函数，通常返回一个响应式的对象或者一组函数、状态，供组件使用。自定义 Hook 可以用来封装逻辑，比如处理异步请求、响应式数据、事件处理等。在组件中使用自定义 Hook。
2024-12-25 14:55:49
667
原创 JavaScript 错误 - Throw 和 Try to Catch的使用
trycatchthrow上面的代码 因为 try中 没有adddlert这个方法，或者这个方法有误，这时，代码会执行catch部分。JavaScript 实际上会创建带有两个属性的Error 对象name和message。
2024-08-23 11:58:39
1251
原创 vue elementPlus中使用dayjs
安装了elementPlus后无需再次下载dayjs,因为element 中包含了dayjs。使用方法和dayjs 官网一致。
2024-08-22 18:12:55
1589
原创 input 控制光标所在的位置
需求：鼠标一点击input输入框 就要将焦点至于 输入框的最后面，使用户不能在内容的中间 删除或者修改。可以通过length的值 设置光标处于 input输入框所在的位置。
2024-08-16 11:55:27
962
原创 element plus el-select修改后缀图标
使用 element plus 提供的api。使用element plus自带的组件。
2024-08-08 09:30:19
1115
原创 uniapp 展示地图，并获取当前位置信息（精确位置）
根据获取到的经纬度 获取 位置信息(此处使用的是 高德地图的位置服务，通过高德地图的逆地理位置解析，获取定位到的经纬度的 位置信息)使用uniapp 提供的map标签。页面初始化的时候，获取当前的位置信息。
2024-06-12 16:37:42
1990
原创 antd vue a-select 搜索
数据结构 list: [ { name: "序号", id: 0, show: true }, { name: "出库单编号", id: 1, show: false }, { name: "wbs元素", id: 2, show: true }, { name: "序号1", id: 3, show: true }, { name: "出库单编号1", id: 4, show: false }, {
2024-06-07 14:44:27
512
原创 vue3父组件使用ref获取子组件的属性和方法
2.在引入的子组件标签上绑定ref属性的值与定义的响应式变量同名( <demo1 ref="demo1"/>)。1.<script setup> 中定义响应式变量 例如： const demo1 = ref(null)此时子组件用的是 export default 的写法。的组件，想要让父组件访问到它的属性和方法需要借助与。写法会导致父组件无法访问到子组件中的属性和方法。这种方式，父组件可以正常获取到里面的属性和方法。此时父组件可以获取到子组件的count属性（来指定需要暴露给父组件的属性。
2024-05-23 14:31:48
4445
2
原创 python 安装 流程
1. 下载python解析器。（根据软件安装提示，傻瓜式操作。勾选 将其添加到path 环境变量）4. 创建一个.py后缀的文件，即为python文件。3. Vscode 软件中安装 python插件。下面是一个简单的 python小项目。2. 在Python环境中 安装。vscode 右上角运行改文件。模块 命令行中 运行。
2024-02-04 15:08:13
453
原创 element plus 使用ElMessage不生效或样式出现问题或出现在最底部
产生的原因是：使用了element plus的按需引入，然后在组件中 又import { ElMessage } from 'element-plus' 引入了一次，就会出现这个问题，解决的方法：将组件中的引入删除，直接使用 ElMessage.success('Successfully sent！
2024-01-05 17:34:11
6538
15
原创 原生 js 实现 验证码输入效果
原理： 第一个输入框获取焦点，输入完内容后，后面的自动获取焦点，当删除的时候，当前删除完之后，前面的自动获取焦点 删除。
2023-12-27 17:19:15
2089
原创 vue3 组合式pinia的使用 案例
需求：用户登录时，结合session实现永久化存贮个人信息。组件中修改pinia的值。组件中使用pinia。
2023-12-21 17:05:59
1932
原创 @vitejs/plugin-legacy 为你的 Vite 项目提供对旧版浏览器的支持
插件后，当用户访问你的网站时，Vite 将根据用户的浏览器版本动态加载适合其浏览器的构建文件。这样，你可以在现代浏览器中享受更快的开发和构建速度，同时仍然为那些使用旧版浏览器的用户提供良好的体验。请注意，Legacy 构建模式主要用于支持旧版浏览器，如果你的项目不需要支持旧版浏览器或已经使用现代构建模式进行开发，那么无需安装和配置。是 Vite 生态系统中的一个插件，它的作用是为你的 Vite 项目提供对旧版浏览器的支持。确保你的项目已经使用 Vite 进行初始化，并且已经安装了 Vite 相关的依赖。
2023-09-26 10:48:00
17168
原创 nvm 安装nodejs
选中path，点击编辑讲nvm的路径放进去。3. 安装完成后配置nvm 的环境变量。2. 按要求一步步进行。找到nvm文件的路径，
2023-08-30 11:46:54
172
原创 vue3 tailwindcss的使用
完成以上步骤就可以在标签中直接使用 tailwind 提供的相关类名了。然后vite.config.ts中 引入。会在项目根目录下面生成两个文件。
2023-08-21 16:12:49
1293
1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人