- 博客(71)
- 收藏
- 关注
RSS订阅转载 Vue2和 vue3 doc、excel、pdf、ppt、txt、图片以及视频等在线预览
如果是 vue2.6 版本或以下还需要额外安装 @vue/composition-api。
2024-12-17 17:37:41
791
原创 Vue3常见api使用指南（TS版）
包含了父组件传递过来的所有属性(子组件内没有被defineProps和defineEmits声明的)，包括 class 和 style 以及事件（相当于vue2中相当于listeners）。Vue3中的setup默认是封闭的，如果想要使用ref或者 $parent 获取到的组件的的变量或函数，被访问的组件须使用defineExpose将属性和方法暴露出去。css绑定js变量（v-bind）：单文件组件的 标签支持使用 v-bind CSS 函数将 CSS 的值链接到动态的组件状态。
2024-12-13 09:29:48
990
原创 js实现base64、url和blob之间相互转换的三种方式
1.url: 一般来说，图片的显示还是建议使用url的方式比较好。2.base64： 如果图片较大，图片的色彩层次比较丰富，则不适合使用这种方式，因为其Base64编码后的字符串非常大，会明显增大HTML页面，影响加载速度。如果图片像loading或者小图标，小图片这样的，大小极小，但又占据了一次HTTP请求，而很多地方都会使用。则非常适用“base64:URL图片”技术进行优化了！3.blob: 当后端返回特定的图片二进制流的时候，前端用blob容器接收二进制流，再通过。
2024-12-12 11:22:59
1157
原创 vue 移动端调起高德或百度地图手机应用，或调起高德百度网页版实现导航
分析：用户通过点击选择使用百度还是，点击后调用guide方法，判断设备上是否有高德或者百度APP，有就直接调用APP，如果没有就调用网页版。
2024-12-12 10:26:53
492
原创 vue3非父子组件间传值 使用mitt
本示例基于vue3使用要点：发送数据---- $bus.emit('password',num)接收数据----在onMounted() 中 $bus.on('password',(data)=>{})双方定一个交换数据的号码，使用该号码发送或接收数据1、安装npm i mitt2、在src文件夹下utils文件夹，在其下在新建bus.js文件3、使用新建两个兄弟，demoA发送数据，demoB接收数据demoA （发出数据）demoB （接收数据）
2024-12-11 15:57:35
332
原创 react axios（解决跨域）
在src文件下创建一个setupProxy.js文件，在里面填写以下代码即可（这个方法可以填写多个域名）这里注意。在package.json里面添加一行代码即可（这个方法只能写一个域名）
2024-11-29 17:10:03
363
原创 Axios封装：Vue3+TS
安装axios依赖，安装element-plus，用来反馈请求结果。，会自动创建一个axios实例。我们在同目录下，新建一个。在使用时，我们需要在API文档中导入。
2024-11-29 17:08:13
821
原创 使用 Vite 创建 Vue3+TS 项目并整合 ElementPlus、Axios、Pinia、Less、Vue-router 等组件或插件
记录一下使用 Vite 创建 Vue3+TS 项目并整合 ElementPlus、Axios、Pinia、Less、Vue-router 等组件或插件。一、使用 Vite 创建 Vue3+TS 项目。
2024-11-29 16:57:21
1806
原创 Linux 常用命令最全总结
（分析一行的信息，若当中有我们所需要的信息，就将该行显示出来，该命令通常与管道命令一起使用，用于对一些命令的输出进行筛选加工等等）对文件进行打包，默认情况并不会压缩，如果指定了相应的参数，它还会调用相应的压缩程序（如gzip和bzip等）进行压缩和解压）推荐。（用于查看文本文件的内容，后接要查看的文件名，通常可用管道与 more 和 less 一起使用）（用于复制文件，copy之意，它还可以把多个文件一次性地复制到一个目录下），它的参数是要切换到的目录的路径，可以是绝对路径，也可以是相对路径）
2024-11-29 15:11:50
22041
3
原创 vue和node使用websocket实现数据推送，实时聊天
需求：node做后端根据websocket，连接，数据库的字段改变后，前端不用刷新页面也能更新到数据，前端也可以发送消息给后端，后端接受后把前端消息做处理再推送给前端展示。
2024-11-29 14:43:39
265
原创 vue3组件之间的通信方式 (父传子、子传父、非父子)
defineProps：是 Vue 3 中的一个函数，用于定义组件的 props，使用 defineProps函数定义的 props 是只读的响应式对象，它们的值由父组件传递而来，不能被子组件修改。在 Vue 3 中，当我们使用 语法糖时，组件默认不会自动暴露内部的任何状态或方法给外部使用，为了显式暴露某些属性或方法，可以使用 defineExpose。这在处理子组件时特别有用，允许父组件访问子组件的特定属性或方法。二、子组件向父组件传值(自定义事件)
2024-11-29 14:38:53
529
原创 vue和node使用websocket实现数据推送，实时聊天
需求：node做后端根据，连接数据库，数据库的字段改变后，前端不用刷新页面也能更新到数据，前端也可以发送消息给后端，后端接受后把前端消息做处理再推送给前端展示。
2023-08-31 10:18:07
1715
原创 Vue2.0+webpack 引入字体文件（eot，ttf，woff）
如果 Vue2.0+webpack3.6引入字体文件（eot，ttf，woff）路径报错。将font.css 路径修改为。
2023-08-21 09:56:24
1317
原创 el-radio单选框，取消选中
（黑色，白色），每种颜色选择后均支持取消选中，可是el-radio标签不支持取消选中。但是用第一个方法会导致样式错乱，需要在css中加入。方法2:换checkbox，设置max=1即可。1.背景：在公司开发需求中有一个选择颜色的。
2023-08-11 15:50:07
1854
1
原创 Vue CLI 2.x搭建vue(目录最全分析)
ps：require/export是一种nodeJs(commonJs规范)的依赖注入的方法，import/export是ES6语法，用于引入模块，在nodeJs中使用的ES6语法最终会使用babel工具（babel-loader）转化为ES5。：浏览器解析的兼容配置，该文件主要是对预设（presets）和插件（plugins）进行配置，因此不同的转译器作用不同的配置项，大致可分为：语法转义器、补丁转义器、sx和flow插件。： autoprefixer（自动补全css样式的浏览器前缀）；
2023-08-11 10:56:25
291
原创 vue3+ts系列之pinia入门
pinia中定义的方法可以类比为vuex中的mutations、actions，区别在于pinia中没有区分同步和异步;pinia中没有模块化的概念，每个ts文件都为一个全局仓库，不同于vuex仅有一个仓库;pinia中定义的数据（如ref）可以类比为vuex中的state;pinia中定义的计算属性可以类比为vuex中的getters;相对于vuex的各种繁琐的api，pinia用法更简便。
2023-08-03 14:15:34
235
原创 vite + vue3 + pinia 中 No matching export in “node_modules/_vue-demi@0.14.5@vue-demi/lib/index.mjs“
原因：这个项目中的pinia是我自己下载的 下载时直接就下载了默认版本的pinia 此时这个版本的pinia跟vite不兼容 就会出现这个问题。下载低版本的pinia 我推荐2.0.35。问题：在启动项目时 cmd出现了这个问题。解决： 重新下载一个 低版本的pinia。
2023-08-03 14:10:48
718
原创 vite使用mock插件的配置(vite-plugin-mock)
3、在根目录创建一个mock文件，下面再细分各种文件，例如创建一个index.ts。2、在.viteMock文件里面（此处文件是自行创建的）
2023-08-03 11:35:42
2189
原创 vue3 ts 安装。mock。解决if (!require.cache) { ^ReferenceError: require is not defined}报错
【代码】vue3 ts 安装。mock。解决if (!require.cache) { ^ReferenceError: require is not defined}报错。
2023-08-03 11:23:50
337
原创 在 vue 项目中 mock 的基本使用方法
（'name|rule': value ） 属性名 name 、生成规则 rule、属性值 value。例如：'name|1-10':1 会产生一个1-10之间的整数，详细规则参见官方文档。rurl： 可选，表示需要拦截的 URL，可以是 URL 字符串或 URL 正则。template：可选，表示数据模板，可以是对象或字符串。数据模板中的每个属性由 3 部分构成：属性名、生成规则、属性值。function(options)：可选，表示用于生成响应数据的函数。
2023-07-25 17:30:11
1699
1
原创 React 从 0 到 1 搭建项目
input type="password" className="form-control" id="exampleInputPassword1" placeholder="输入密码">3.AOP 面向切面编程(vue.js react ,提供一种生命周期,这些函数就称之为钩子函数,钩子函数的作用就是为了扩充产品的能力,vue暴露钩子函数开放接口给用户,用户可以使用,然后去特定的执行)react-hooks hooks称为钩子,钩子函数是一种编程的思想,我们称之为 面向切面编程。
2023-07-24 14:53:31
526
原创 webstorm 配置连接Linux环境的docker服务
可以看到docker.service的路径：/usr/lib/systemd/system/docker.service。2）输入命令【systemctl status docker.service】， 查询docker服务。的默认端口【2375端口】，运行命令【netstat -nlpt】如上图，没有2375端口，那么，就需要配置2375端口。3）编辑docker.service文件，添加在ExecStart行后面追加以下内容。2、Linux环境中，重启docker服务。2）重启docker服务。
2023-06-21 10:41:08
752
原创 element-ui el-upload 上传 进度状态展示 进度条
setTimeout( () => {this.progressFlag = false}, 1000) // 一秒后关闭进度条。// 动态获取文件上传进度。progressFlag: false, // 关闭进度条。loadProgress: 0, // 动态显示进度条。的时候想要展示文件上传进度（百分比）。-- 进度条 -->
2023-06-05 16:13:32
12030
原创 vue elementUI el-tree的样式,修改鼠标点击时点击后的颜色
【代码】vue elementUI el-tree的样式,修改鼠标点击时点击后的颜色。
2023-05-09 17:07:47
2386
4
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人