🌓

熬夜总结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在关键时刻帮我们调用的一些特殊名称的函数

阅读全文

九种跨域方式实现原理(完整版)

前言前后端数据交互经常会碰到请求跨域,什么是跨域,以及有哪几种跨域方式,这是本文要探讨的内容。*一、什么是跨域?1.什么是同源策略及其限制内容?同源策略是一种约定,它是浏览器最核心也最基本的安全功能,如果缺少了同源策略,浏览器很容易受到XSS、CSRF等攻击。所谓同源是指"协议+域名+端口

阅读全文

js精度缺失问题

body {max-width: 980px;outline: 1300px solid #fff;margin: 16px auto;}body .markdown-body{padding: 45px;}@font-face {font-family: fontawesome-mini;src:

阅读全文

小程序中实现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

阅读全文