- 博客(7)
- 收藏
- 关注
原创 nuxt2,服务端渲染应用框架, 从创建开发到部署上线
一、创建一个nuxt项目二、目录解读三、新建页面,路由跳转四、组件的使用五、插件的使用nuxt中使用elementnuxt中使用scss预处理,配置全局scss文件nuxt中使用swiper六、异步数据和代理,nuxt中使用axios和proxy代理七、nuxt Seo优化八、nuxt的部署nuxt静态部署nuxt ssr部署...
2022-03-18 17:13:12 6002 4
原创 vue钉钉授权第三方网页登录,扫码登录,vue hash模式下回调地址错误踩坑
vue接入钉钉登录及遇到的问题以上就是vue钉钉登录的内容,主要就是vue hash模式下的坑,导致回调地址错误。
2023-02-03 17:22:31 3803 7
原创 vue封装防抖节流函数,防抖函数先执行一次,再延迟,lodash防抖节流函数使用
防抖节流函数是什么防抖:触发高频事件后 n 秒内函数只会执行一次,如果 n 秒内高频事件再次被触发,则重新计算时间。通俗来说就是n个事件发生了,我只认最后一次。比如一个需求,一个输入框,当我输入内容之后会请求接口搜索出与输入框内容相关的数据,这个输入框的change事件在输入的时候高频触发,如果每次改变都去请求接口会造成很大的性能问题,这个时候的做法可能是当我停止输入一秒之后再去请求接口,就只会发起一次请求节流:高频事件触发的时候,每隔n秒执行一次。防抖函数的弊端–当我一直输入一直不停那么函数就一直不会
2022-03-13 16:28:03 3547
原创 vue 使用高德地图制作一个搜索,地图选址的组件
vue 使用高德地图制作一个搜索,地图选址的组件效果展示引入高德地图子组件,上完整代码父组件使用,组件为全局注册,表单中的样式自己写效果展示效果展示引入高德地图 <script type="text/javascript" src="https://webapi.amap.com/maps?v=1.4.15&key=你的key去高德申请很快&plugin=AMap.MouseTool,Amap.PlaceSearch,Amap.Geocoder"></scri
2022-01-06 17:10:16 1891 4
原创 vue 路由懒加载的两种方法(为什么要使用路由懒加载--解决首次进入首页加载慢)
1,为什么要是使用vue路由懒加载vue这种单页面应用,如果我们不去做路由懒加载,打包之后的文件将会异常的大,就会造成进入首页时,需要加载的内容过多,时间过长,会出现长时间的白屏,不利于用户体验,运用懒加载就可以将页面进行划分,需要的时候加载页面,可以有效的分担首页所承担的加载压力,减少首页加载用时。2,如何实现路由懒加载方法一(ES中的import 推荐使用):import Vue f...
2019-08-25 18:36:57 1957 1
原创 vue中使用vue-awesome-swiper的方法(实现一屏展示多个图片,点击左右滚动一张)
vue中使用vue-awesome-swiper的方法(awesome-swiper demo官网)[https://surmon-china.github.io/vue-awesome-swiper/]分为几类:带分页器、带左右按钮、垂直滑动、水平滑动、多图滑动、3d效果、缩略图控制基本包含 开发需要涉及的轮播图模式1、安装swipernpm install vue-awesome-...
2019-04-18 10:58:18 16248 1
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人