Logo

分类:vue

14 篇文章

熬夜总结50个Vue知识点,全都会你就是神!!!

前言这几天我把这些年珍藏的Vue知识点都拿出来整理了一遍,巴不得能多总结出一道是一道,我拿出了我的笔记,并且使劲回忆,终于悟出了这50道知识点(咱不要太俗哈,不叫面试题,咱叫知识点)荣耀黄金1. Vue的优点?Vue的缺点?优点:渐进式,组件化,轻量级,虚拟dom,响应式,单页面路由,数据与视图分开...

最详细的Vue实现日历组件Calendar(日期点击多选,滑动多选)

1. 成果演示1.1 日期的切换1.2 点击多选1.3 滑动多选2. 实现基本的日期渲染2.1 思路2.1.1 要用到的Date对象方法new Date(2020, 4, 1).getDay() 计算传入的日期是星期几,返回值0表示星期天,1表示星期一,以此类推…new Date(2020, 4, ...

vue生命周期

vue生命周期vue生命周期钩子概念:Vue实例从加载到销毁过程中会执行的一些回调函数生命周期:vue实例从创建到销毁的过程。(vue实例创建,dom树完成渲染)钩子:回调函数生命周期:1.又名:生命周期回调函数、生命周期函数、生命周期钩子。2.是什么:Vue在关键时刻帮我们调用的一些特殊名称的函数...

小程序中实现token过期重新登录再重新请求业务接口

简介:在微信小程序开发过程中,网络请求是开发中最基础也是最核心的需求,封装一个稳定且可用性高的请求也显得尤为重要。通常封装的内容除了入参之外,更多的是请求中的异常处理。在处理 token 异常方面的做法,通过维护请求队列,实现重发请求,减少 token 重复请求。步骤:正常业务请求检查该请求地址是否...

vue2+高德地图在地图上绘制圆形区域

前言最近业务中遇到一个需求,要在地图上画圆范围在地图上并且能编辑,而客户是没有坐标提供的。这里使用的是高德地图,并没有找到相关的可以直接画圆和编辑的功能,所以这里采用 绘制覆盖物 + 覆盖物编辑 来实现效果。效果可参考线上地址步骤这里大概解释一下步骤,查看详细代码可以直接跳过创建vue2项目,添加 ...

使用vue-simple-uploader实现上传文件夹功能

题记:(可直接跳过)最近有个项目中前端文件上传功能,因为需要支持文件夹上传这个功能点,考虑之后准备用插件,最后选择了vue-simple-uploader。粗略的项目实现:安装插件npm install vue-simple-uploader --savemain.js中初始化import uplo...

前端播放.ts格式视频

最近项目中需要前端播放 .ts 格式视频,捣鼓了几天学习到很多知识,也发掘了一种优秀的解决方案,分享给有同样需求的同学一、插件方案VLC Web Plugin,一个需要VLC播放器以及浏览器插件的方案,并且不支持Chrome,使用复杂,感兴趣的同学可以自行尝试。二、优雅方案在中文互联网搜索无果后,果...

vue yaml代码编辑器组件

一、前期准备此组件的功能主要依赖于codemirror,另外加入了js-yaml进行语法检查,方便在实时编辑时提示语法不正确的地方。因此首先需要在项目中安装codemirror与js-yaml:codemirror: npm install codemirrorjs-yaml: npm instal...

Vue新一代状态管理工具——Pinia

前言Pinia是尤雨溪强烈推荐的一款Vue状态管理工具,也被认为是下一代Vuex的替代产品。优点去除了mutations,只有 state,getters和actions,其中actions支持了同步和异步操作不会像Vuex那样有模块嵌套,Pinia只有store的概念,store之间可以相互使用,...

移动端表格(固定首列及表头)

先看效果关于移动端表格移动端的UI框架大都没有表格组件,pc端的UI框架都是几个表格组合实现固定,然后通过js处理实现同步滚动。这样的好处是容易实现,pc端也不会出现什么问题。但是在手机端时,会有严重的不同步滚动现象,处理的不好时,甚至会出现错位等,体验非常不好。所以在移动端几乎没有可满足我需求的表...