- 博客(34)
- 收藏
- 关注
RSS订阅原创 下载或者引入库
1、找到 js文件 .min.js 是压缩文件，js是源文件，打开路径右键保存放到项目里面。方法二：引入本地的（下载本地后，如果网站数据变了也不影响）3、在当前的.vue页面用js引入。2、当前vue页面（局部引入）1、html页面（全局引入）2、在html页面本地引入。方法三：https引入。方法一：npm 下载。
2025-02-21 18:38:13
892
原创 解决vue3/vite调用百度翻译api跨域的问题--纯前端
文件（如果没有该文件，请创建一个）。在该文件中配置代理服务器，以便将前端的请求转发到百度翻译 API。在前端代码中，将请求百度翻译 API 的地址改为代理服务器的地址。通过这种方式，可以有效解决纯前端应用调用百度翻译 API 时的跨域问题。确保 Vite 开发服务器已启动，然后在前端应用中调用。在 Vite 项目的根目录下，找到。
2025-02-06 11:57:32
263
原创 一个简单的递归
第一次循环的时候判断如果有children，就调用自己循环，然后再把相关参数放入传一下就好了。参数有两个，1、需要存入的参数，2、存入参数的盒子。
2024-12-31 11:38:30
180
原创 如何引入阿里icon并注册全局组件
2、ctrl+p输入html ，用css引入代码 （链接就是上图的+http:）文件夹需要两个文件：1、icon.vue 2、icon.js。3、@/components里面，建一个icon文件夹。1、打开阿里icon网站找到（资源管理->我的项目）4、在main.js注册组件。icon.vue文件代码。icon.js文件代码。
2024-11-25 15:53:18
324
原创 代码写错分支后，怎么还原+清除origin缓存
4、git cherry-pick e3a7c27ef3187a9607a81c2c1ced86c10ed6f20b （把提交拉到该分支上）2、git log（打印提交日志）
2024-11-21 20:00:41
278
原创 display: grid的用法
1、是父盒子对子盒子进行布局的方法2、grid-template-columns设置盒子内部，有几列3、grid-template-rows设置盒子内部，有几行如图。
2024-11-01 18:04:09
473
原创 改变窗口大小时，跟新dom
运用了：resize事件用法、addEventListener监听、_.throttle 节流。window.addEventListener的参数。2、触发之后，调用的方法 (‘doResize’)3、触发类型 （true）true - 事件在。1、事件名('resize')执行、false - 事件在。
2024-10-16 15:46:45
241
原创 element上传时判断视频\音频时长
1、在拿到file文件时，new一个Audio，然后监听canplay(浏览器可以开始播放该音视频)事件，事件触发时，通过audioElement.duration获取总时长。before-upload上传文件之前的钩子，参数为上传的文件，若返回 false 或者返回 Promise 且被 reject，则停止上传。2、为什么要用到Promise，因为监听canplay事件属于异步，如果不用，会导致文件上传后才提示。
2024-08-23 19:32:10
289
原创 axios基本运用
1、axios用来请求后端接口，常用get post all 三种方法。2、引入：import axios from "axios";3步骤（1引入、2请求拦截-设置请求头、3响应拦截）2步骤（1、引入axios.js文件、封装函数）1、下载：npm i axios --save。1、工具层（utils/axios.js）2、传参分为body传参和query传参。2步骤（引用api.js文件，调用方法）2、接口函数层 （api.js)写法1：（data是请求参数）写法1：（data是请求参数）
2024-08-22 18:25:07
649
原创 nvm的安装及配置
5、在系统变量中新建变量 NODE_PATH，值为D:\soft\nvm\node_global\node_modules。或者 NVM的安装目录下找到或者新建nodejs再建两个文件夹node_global和node_cache。4、在环境变量path添加新路径 D:\nvm\nodejs\node_global。首先在NVM的安装目录新建两个文件夹node_global和node_cache。2、配置node_global和node_cache。2、安装（安装路径尽量简单）1、 卸载掉node。
2024-08-15 19:13:10
475
原创 dom滚动时判断内部盒子与顶部的距离
3、设置位置标杆并给ref，当父盒子滚动的时，判断标杆离窗口顶部的距离。2、在mounted时通过refs找到该dom并添加滚动监听。methods（滚动时判断标杆距与顶部的距离并做其他操作）4、判断如果距离小于15，就把需要浮动的盒子浮动。其中throttle方法，为lodash节流。1、给外层dom添加超出滑动样式并给ref。需要引入（也可不要throttle直接用）mounted（开启监听盒子滚动）
2024-07-25 18:48:28
295
原创 通过文字长度判断是否显示提示
调接口拿到数据后，用ref获取大盒子的宽，然后找到里面第一个小盒子的宽，就是备注的宽了。需求：鼠标移入时，如果文字超出，一行溢出隐藏并显示提示，如果不超出则不显示。最后，添加鼠标移入事件，通过盒子的宽与文字的宽判断是否显示隐藏提示。获取文字外面的盒子宽。
2024-07-16 13:33:36
243
原创 父子组件通讯
1、子页面（this.$emit 传递）1、父组件 /useer【id，id】2、子页面（props 接收）2、父页面（@aa方法接收）
2024-05-11 16:47:33
208
1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人