Vue 爬坑之旅 — Mint-UI 中使用 lazyload 做图片懒加载以及结合 OSS 做图片加载优化

  • Post author:
  • Post category:vue

博客已经有段时间没有更新文章了,有点惭愧,,, 因为跳到了新公司,接手他们原先的项目,老代码着实是让人不敢恭维,没有开发规范就算了,还到处都是逻辑漏洞,每次我改个什么东西基本都能发现一些其它的问题,简直是无力吐槽了。 So,接手了项目之后,要做的事情非常多,也一直没有抽出时间来总结工作中碰到的问题,今天总算是有点空余时间,赶紧撸一篇。 现在的互联网产品都离不开图片,几乎每个产品里面,图片都会有一定…

继续阅读 Vue 爬坑之旅 — Mint-UI 中使用 lazyload 做图片懒加载以及结合 OSS 做图片加载优化

一、mapbox搭载vue3测试demo(1-20)

  • Post author:
  • Post category:vue

demo地址 https://bidding-m.gitee.io/mapbox-test/#/ 01、[基础] 限制地图平移范围 02、[基础] 地图缩放至边界框内 03、[基础] 地图环绕一点运动 04、[基础] 飞机飞行 05、[基础] 地图飞行 版权声明:本文为LiyangBai原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://b…

继续阅读 一、mapbox搭载vue3测试demo(1-20)

vue 报错 Property or method “name” is not defined on the instance but referenced解决方法

  • Post author:
  • Post category:vue

bannerPicArray 没有定义,设置一个初始值即可 版权声明:本文为xxxxxxxxYZ原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/xxxxxxxxYZ/article/details/98869757

继续阅读 vue 报错 Property or method “name” is not defined on the instance but referenced解决方法

vue-socket

  • Post author:
  • Post category:vue

https://www.npmjs.com/package/vue-socket.io 这个是文档 在Vue中下载socket  npm install vue-socket.io --save https://www.cnblogs.com/wangcq/p/3520400.html 这个是通信原理可以看看,我觉得写得很好 在main.js中是酱紫写得 import VueSocketio fr…

继续阅读 vue-socket

【腾讯云 Cloud Studio 实战训练营】使用 Cloud Studio 快速构建 Vue + Vite 完成律师 H5 页面

  • Post author:
  • Post category:vue

【腾讯云 Cloud Studio 实战训练营】使用 Cloud Studio 快速构建 Vue + Vite 完成律师 H5 页面 前言 一、基本介绍 1.应用场景 2.产品优势 二、准备工作 1.注册 Cloud Studio 2.进入 Vue 预置开发环境 三、使用 Cloud Studio 快速构建 Vue + Vite 完成律师 H5 页面 1.安装相关依赖包 2.主文件引入相关库和包 …

继续阅读 【腾讯云 Cloud Studio 实战训练营】使用 Cloud Studio 快速构建 Vue + Vite 完成律师 H5 页面

vue中自定义触屏事件,点击、滑动、左滑、右滑、下滑、上滑、长按

  • Post author:
  • Post category:vue

主要思路为,首先监听触屏事件touchstart这样可以获取用户点击屏幕的位置,然后监听 touchend与touchmove事件这样可以获取用户触屏结束后的位置, 这样就可以计算出用户在屏幕上滑动的方向。最后通过vue的自定义事件,将事件注册为全局的事件。、 这样整个页面都可以使用触屏事件了。 具体的代码为 function vueTouch(el,binding,type){//触屏函数 va…

继续阅读 vue中自定义触屏事件,点击、滑动、左滑、右滑、下滑、上滑、长按

Vue Axios请求后端接口

  • Post author:
  • Post category:vue

Vue Axios请求后端接口 1,去终端下载 npm install axios 2,去main.js文件中配置Axios 3,去需要调用接口的地方使用即可 版权声明:本文为qq_52600282原创文章,遵循 CC 4.0 BY-SA 版权协议,转载请附上原文出处链接和本声明。原文链接:https://blog.csdn.net/qq_52600282/article/details/1275…

继续阅读 Vue Axios请求后端接口

vue中使用mock数据

  • Post author:
  • Post category:vue

mock使用场景:后端接口的开发速度跟不上前端的进度, 而前端要实现业务还必须依赖数据,前端为了保证开发进度就需要自己去创建mock数据 ,才能保证业务正常开发。 mock的数据是我们自己定义的假数据,常称为mock数据 实现方式 线上mock https://www.fastmock.site/ 手动写 使用步骤 1. 下载包 npm i axios mockjs 2.引如mock文件 mock…

继续阅读 vue中使用mock数据

Vue中使用this.$set()新增数据,更新视图

  • Post author:
  • Post category:vue

描述:如果在实例创建之后添加新的属性到实例上,它不会触发视图更新 简单的讲就是:在页面渲染完成之后,对data里的某个数组或对象进行新增删除属性操作是监听不到的,视图不会更新 <div id='app'> <el-button @click="setinfo">新增属性</el-button> <div v-for="item in info">{{…

继续阅读 Vue中使用this.$set()新增数据,更新视图

Web前端单词大全(html+css+js+vue)

  • Post author:
  • Post category:vue

style 修饰 width 宽度 height 高度 title 想说明的 text-align 水平对齐方式 center 居中 left 居左 right 居右 line-height 垂直对齐方式/行高 当行高等于高度时候垂直居中 background 背景 image 引入背景图片(url) background-position: 背景定位(x轴,y轴;) background-rep…

继续阅读 Web前端单词大全(html+css+js+vue)