前端笔记
记录工作和学习到的觉得有用的东西
irisMoon06
这个作者很懒,什么都没留下…
展开
-
vue3手风琴
vue3手风琴原创 2023-03-13 09:18:15 · 268 阅读 · 0 评论 -
vue3中使用nextTick和forceUpdate+vue3 ts使用EventBus
vue3中使用nextTick和forceUpdate+vue3 ts使用EventBus原创 2023-03-06 09:30:44 · 2669 阅读 · 0 评论 -
vue3中使用nextTick和forceUpdate+vue3 ts使用EventBus
vue3中使用nextTick和forceUpdate+vue3 ts使用EventBus原创 2023-03-06 09:25:45 · 1196 阅读 · 0 评论 -
cesium3D建筑物加载和显示
cesium3D建筑物加载和显示。原创 2023-02-27 09:25:50 · 603 阅读 · 0 评论 -
cesium地图,通过多点成面,显示框出来的面,计算面积
cesium地图,通过多点成面,显示框出来的面,计算面积。原创 2023-02-20 10:12:10 · 697 阅读 · 1 评论 -
vue3 pinia 持久化存储
默认所有 state 都会进行缓存,你能够通过 paths 指定要长久化的字段,其余的则不会进行长久化。数据默认存在 sessionStorage 里,并且会以 store 的 id 作为 key。store/user.js【模块化】持久化局部 state。原创 2023-02-14 11:10:29 · 340 阅读 · 0 评论 -
vue3中引用cesium,初步搭建
vue3中引用cesium,初步搭建原创 2023-02-06 14:59:13 · 775 阅读 · 0 评论 -
网络请求踩坑
请求正文为Request Payload,请求头Content-Type: application/json,以这种方式请求,后台用@RequestParam是接收不到参数的,只能用@RequestBody,或者通过实现spring的HandlerMethodArgumentResolver 接口,自定义参数解析器去单个接收参数.当发起一次POST请求时,若未指定content-type,则默认content-type为application/x-www-form-urlencoded。原创 2023-01-28 11:32:09 · 173 阅读 · 0 评论 -
手写单文件上传,vue3+ts中对接口的封装
需要说明的是,我用的是input原生文件上传通过v-show隐藏input,通过ref获取到该dom,然后出发点击事件,在每次上传完后,要手动清空input中上传的文件: this.$refs.file.value = ''。最近使用的一个功能,需要用到一个文件导入的功能。这次写的,仅仅是一个单文件导入,把文件发给后端,后端返回给我需要的数据。在request.js中封装axios。main.js中引入request。原创 2023-01-28 11:30:16 · 739 阅读 · 0 评论 -
macos终端外网连接服务器、接口请求的回调另一种方法、vue3中的computed与watch
也很简单,基本流程都是一样的,只有一个地方需要变一下,就是用scp传文件时,命令需要加几个。之前说过macos发布打包的vue文件到服务器,当时用的是公司内网。那么用外网,该怎么办呢?1)接受一个getter函数,根据getter的返回值返回一个不可变的响应式ref对象。2)接受一个包含get和set函数的对象,用来创建一个可写的ref对象。3)监听reactive创建的响应式数据的全部属性。4)监听reactive创建的响应式数据的单个属性。5)监听reactive创建的响应式数据的多个属性。原创 2023-01-28 11:28:26 · 373 阅读 · 0 评论 -
async和await关于图片回显
convertInputValue()方法需要等待一个接口完后再执行之后的方法,所以使用await方法。convertInputValue()在上面被调用,那么convertInputValue()被调用时,前面也需要加上async,不然会报错。个人理解的原因是,convertInputValue()被调用时,onValue不能再往下执行,需要等待。方法:convertInputValue()是需要异步处理的,它是用来获取回显时的图片。简单说就是在方法A中调用异步函数b,那么函数A也需要是异步的。原创 2023-01-28 11:23:24 · 170 阅读 · 0 评论 -
element中input联想查询、mac前台vue打包文件发服务器
最近项目需求,有需要一个类似百度的联想查询,element有一个类似的功能,于是便学习用了一下。先用mac上的终端:cmd+k,链接远程服务器,然后链接。再启用终端,通过 cd 找到需要上传的dist路径。mac系统中,把vue文件上传服务器。原创 2023-01-28 11:21:07 · 162 阅读 · 0 评论 -
TS学习小记
因为传入的参数是不固定的,有可能是 string 、 array 、 arguments 对象甚至一些我们自己定义的 { name:"19Qingfeng", length: 100 },所以我们为函数增加泛型来为函数增加更加灵活的类型定义。当泛型出现在接口内部时,比如第二个例子中的 IPerson接口代表一个函数,接口本身并不具备任何泛型定义。当泛型出现在接口中时,比如interface IPerson 代表的是使用接口时需要传入泛型的类型,比如IPerson。泛型接口位置的不理解。原创 2023-01-28 11:17:50 · 57 阅读 · 0 评论 -
Element中表单验证&一种较为实用的用法
注意:验证失败的提示信息,如果走验证规则的话,在对应的验证方法中写,若没有验证规则,则在rules中写。若两个都写,那么rules优先级更高。在html中,form中要绑定验证规则rules,在需要验证的form-item中写上对应的验证项prop="cardId",个人觉得作为日常开发并不适合拿来即用,所以我搜了几种用法,简单整理了一个我个人觉得用起来比较顺手的一种。下面说一下,若formData是嵌套的,对应的rules也应写成嵌套的,举个例子。element中对表单的校验,官方文档详见。原创 2023-01-28 11:16:12 · 159 阅读 · 0 评论 -
js中的递归初用以及本周遇到的node的版本问题
项目需用npm装插件,由于node版本过高的原因,报错。然后捣鼓了半天,才在mac上把版本降下来。用sudo n 版本号,这个没有问题,但要先断开brew对node的链接。继续搜,删了node_modules ,执行npm install --save core-js和npm install 都不行。然后想了想,是不是npm装不上去,用了yarn,好了,装上去了。然后又搜,搞半天,根据报错,可能是less或者less-loader版本过高的问题。node降到16.15.1后,再运行,还是报错。原创 2023-01-28 11:13:16 · 65 阅读 · 0 评论 -
promise和async/await的随记(一)
async用于申明一个function是异步的,而await可以认为是async wait的简写,等待一个异步方法执行完成。当函数执行的时候,一旦遇到 await 就会先返回,等到触发的异步操作完成,再接着执行函数体内后面的语句。await会 在你Promise返回结果后才会执行async后面的语句,若Promise不返回结果:resolve / reject,那么后面的代码就不会执行。对于promise,之前多用在对调取接口的封装中,也有很多其他地方的用法,但用的一直不熟,今天特地拿出来梳理一下;原创 2023-01-28 11:10:16 · 87 阅读 · 0 评论 -
vue中provide和inject用法
vue中provide和inject用法原创 2023-01-28 11:06:52 · 130 阅读 · 0 评论 -
vue3 TS实现动态星空+ref获取for循环的dom元素
vue3 TS实现动态星空+ref获取for循环的dom元素原创 2023-01-16 09:45:56 · 1915 阅读 · 0 评论 -
vue3+ts+element表单基础使用和分页组组件
vue3+ts+element表单基础使用和分页组组件原创 2023-01-09 15:30:07 · 604 阅读 · 0 评论 -
新!uniapp微信小程序微信授权登录
新!uniapp微信小程序微信授权登录原创 2023-01-03 09:21:36 · 11313 阅读 · 5 评论 -
vue读取全局配置
vue读取全局配置原创 2022-12-28 09:00:36 · 2374 阅读 · 0 评论 -
Vue3+Vite+Ts配置路由、Pinia 配置和简单介绍、配置 SCSS
Vue3+Vite+Ts配置路由、Pinia 配置和简单介绍、配置 SCSS原创 2022-12-19 09:12:47 · 534 阅读 · 0 评论 -
vue3中swiper的简单引用
vue3中swiper的简单引用原创 2022-12-05 09:47:04 · 670 阅读 · 1 评论 -
vue循环使用filter
vue循环使用filter原创 2022-11-29 09:40:40 · 825 阅读 · 0 评论 -
vue3 + elementui 实现表单表格拖拽
vue3 + elementui 实现表单表格拖拽原创 2022-11-21 09:39:23 · 1829 阅读 · 0 评论