Vue
Vue相关知识
风铭大师
长不过执念,短不过善变
展开
-
关于vue中extendAPI的一些问题
请移步这篇文章原创 2020-08-12 22:22:10 · 358 阅读 · 0 评论 -
前端实现页面水印
前端实现页面水印的思路,先将名称画到canvas上,再将canvas生成base64图片格式作为盒子的背景图追加到页面上,其中利用pointer-events: none属性实现点击穿透.原创 2020-04-20 16:26:35 · 1317 阅读 · 0 评论 -
小程序-相册授权
今天我们讲一讲小程序里相册授权的问题。一、询问是否拥有相册权限// 先询问权限的问题checkWriteAlbumAuth() { return new Promise(resolve => { wx.getSetting({ success(res) { resolve(res.authSetting['...原创 2019-12-19 20:41:39 · 2696 阅读 · 0 评论 -
前端骨架屏实践
前端骨架屏的实践:在众多的前端开发产品中,对于loadding的致敬是非常多的,今天讨论下骨架屏(Skeleton Screen)实现的几种方式以及实例。一、 gif动画形式在pc端这种菊花图已经占领很大市场了,具体的应用如下:<template> <div> <img v-if="iShowLoading" src="loading.gif" /&g...原创 2019-12-10 14:18:36 · 488 阅读 · 0 评论 -
IntersectionObserver的实践
在小程序里面提供了createIntersectionObserver来实现监听目标元素与视窗的位置变化wx.createIntersectionObserver(Object component, Object options)利用这个API,可以轻松实现滚动定位功能:实现的整体思路:先实现根据页面的滚动,导航条高亮到具体的内容模块再实现点击对应的导航,页面再滚动到具体的内容区域...原创 2019-11-24 20:12:23 · 1136 阅读 · 0 评论 -
VUE生命周期深入理解
一 基础的生命周期理解上面的图片详细解释了生命周期钩子里应该做哪些事情,诸位可以自行取舍,下面我们结合案例总结下:created钩子: 发ajax请求mounted钩子: 也可以发送ajax请求,更多的是操作DOM元素updated钩子: 可以用来监听路由变化beforeDestroy钩子: 记录当前页面的一些数据destroy钩子: 清楚定时器等二 深入理解生命周期上面的内...原创 2018-12-25 23:03:56 · 539 阅读 · 0 评论 -
quill-editor实现自定义按钮,上传图片到服务器,获取文本内容并展示
quill-editor是一款非常强大的富文本组件,在最近的项目里也是使用到了,附上:插件源码使用也是非常简单:一.下载Vue-Quill-Editornpm install vue-quill-editor --save二.在vue里的组件中使用&amp;amp;amp;amp;lt;template&amp;amp;amp;amp;gt; &amp;amp;amp;amp;lt;div class=&amp;amp;a原创 2019-02-21 22:20:43 · 6571 阅读 · 3 评论 -
vue-grid-layout组件的改装--暴露布局方法
vue-grid-layout是一个非常优秀的vue栅格拖动布局的组件,使用方法请参考官网属性 GridLayout参数:layout类型:Array必需:true这是网格的初始布局。值必须是 Object 项的Array。 每个项目必须有 i,x,y,w 和 h proprties。 有关详细信息,请参阅 GridItem 文档 below。colNum类型:Number必需...原创 2019-03-28 23:17:47 · 28545 阅读 · 0 评论 -
vue组件通信深入二: pubsub.js
VUE组件通信除了我在VUE组件通信一里面提及的方式之外,还有一种比较常用的通信方式:pubsub.js实现组件之间的通信一 什么是pubsub.jspubsub.js是一种发布订阅者模式,它为组件之间的通信提供了更方便快捷的方式.关于pubsub.js更多内容,请点击二 在项目快速的运用为了在项目里快速运用这个库,我们对其进行一个封装import PubSub from 'pubsu...原创 2019-04-02 23:00:17 · 1769 阅读 · 0 评论 -
VUE中$set与$nextTick的使用
在VUE的使用中,可能很多开发者都遇到过当改变了数据的时候,视图并没有产生变化,这时就需要用到这两种API来解决了首先,我们先总结下那些情况下会遇到视图不更新的情况:为对象新增一个属性改变数组的长度,交换数组的顺序,利用索引修改数据另外VUE包装了观察数组的变异方法,它们能触发视图的更新:push()pop()shift()unshift()splice()sort...原创 2019-05-02 21:52:09 · 3842 阅读 · 0 评论 -
axios的封装
axios是现在前端最常用发请求的工具库,本文将对axios进行封装第一步: 引入axioscnpm install axios -S第二步: 封装get/post/put等方法import axios from 'axios';import { Message } from 'element-ui';axios.defaults.timeout = 5000;axios.def...原创 2019-08-18 16:00:17 · 372 阅读 · 0 评论 -
VUE组件通信深入一:八大常用通信方式
在理解VUE组件传值深入之前,我们必须理解基础的VUE传值的方式:这里有一篇文章介绍VUE传值的方式现在VUE的传值的主要方式有:params与query传值方式props down 与 event up传值(props下发event上传)provide 和 inject方式slot内容分发,也可以传值eventBus第三方bus的传值方式vuex全局状态实现传值localsto...原创 2019-08-18 15:24:45 · 601 阅读 · 0 评论 -
Vue单向绑定与双向绑定解析
在讲绑定之前我们要理解MVVM框架,这对我们理解单向以及双向绑定有很大的帮助.一 MVVM框架M : model(模型) 数据保存V : view(视图) 用户界面VM : ViewModel 把Model和View关联起来,ViewModel负责把Model的数据同步到View显示出来,还负责把View的修改同步回Model。1.1 MVVM框架的互动模式用户向 Vie...原创 2018-10-27 12:08:18 · 1844 阅读 · 0 评论 -
Vue中computed,watch,Methods的比较
我们都知道在Vue构造函数的参数对象中有一个【data】属性,该属性值是一个对象,该对象是对数据的代理,是一个键值对并且时刻与页面表现是一致的,但是这里面只能是简单的键值对,不能拥有业务逻辑,并且由于【data】中的属性属于同一个生命周期,所以如果我们需要某一个属性是依赖于另外一个属性时,在【data】中是做不到的,于是Vue为我们提供了【计算属性】一 computed计算属性:在构造函数的...原创 2018-10-27 16:08:24 · 614 阅读 · 0 评论 -
彻底搞清楚javascript中的require、import和export
原文地址: https://www.cnblogs.com/libin-1/p/7127481.html一 为什么有模块概念理想情况下,开发者只需要实现核心的业务逻辑,其他都可以加载别人已经写好的模块。但是,Javascript不是一种模块化编程语言,在es6以前,它是不支持”类”(class),所以也就没有”模块”(module)了二 模块化时代2.1 require时代Javasc...转载 2018-10-30 15:51:51 · 1125 阅读 · 0 评论 -
图片预览,图片上传(ajax,axios两种方式)
一 图片文件转成临时的URL首先,在网页里面图片可以直接拖到浏览器里面显示,但是也打开了新的网页,为了让图片就在当前网页内显示,那么必须上传或则拖拉当当前网页,然后再经过处理,就能显示出来了.关于文件对象的知识点:/* **一 File 对象代表一个文件,用来读写文件信息。 File 对象有以下实例属性: File.lastModified:最后修改时间...原创 2018-09-15 16:49:33 · 2561 阅读 · 0 评论 -
Vue用Rem实现自适应布局
一 什么是remrem(font size of the root element)是指相对于根元素的字体大小的单位。简单的说它就是一个相对单位。看到rem大家一定会想起em单位,em(font size of the element)是指相对于父元素的字体大小的单位。它们之间其实很相似,只不过rem计算的规则是依赖根元素,em是依赖父元素计算。二 为什么使用rem及原理2.1 为什么使用r...原创 2018-10-17 17:27:36 · 4294 阅读 · 1 评论 -
cookie(失效,跨域,节流),session,操作localStorage增删查,vuex配合localStorage增删改
下面是操作localStorage的代码:页面代码:&amp;amp;amp;amp;amp;lt;input type=&amp;amp;amp;amp;quot;search&amp;amp;amp;amp;quot; id=&amp;amp;amp;amp;quot;search-input&amp;amp;amp;amp;quot; placeholder=&amp;amp;amp;amp;quot原创 2018-10-10 22:52:30 · 993 阅读 · 0 评论 -
Vue通信、传值的多种方式,详解(都是干货)
Vue通信、传值的多种方式,详解(都是干货):&nbsp;&nbsp;一、通过路由带参数进行传值①两个组件 A和B,A组件通过query把orderId传递给B组件(触发事件可以是点击事件、钩子函数等)this.$router.push({ path: '/conponentsB', query: ...转载 2018-11-05 12:56:26 · 660 阅读 · 0 评论 -
登录校验的实现
在前端领域,一个避不开的话题就是登录验证的实现,本文将通过3种方式来实现登录验证:一 php+js实现登录验证开发时,前后端分离提供的接口如下:## 用户登录的接口type : posturl : api/doLogin.phpdata : password email响应体: ok 或则 fail## 判断登录成功的接口type : get url...原创 2018-11-07 21:53:44 · 5981 阅读 · 0 评论 -
ES6中的extends方法,jQuery中的extend方法
最近在研究jQuery插件的时候,发现很多的插件里面都用到了extend方法,在这里我们就一起来研究一下这个方法。定义和用法: jQuery.extend() 函数用于将一个或多个对象的内容合并到目标对象。注意: 1. 如果只为$.extend()指定了一个参数,则意味着参数target被省略。此时,target就是jQuery对象本身。通过这种方式,我们可以为全局对象j...原创 2018-08-24 01:28:11 · 3575 阅读 · 0 评论 -
url重定向,vue路由重定向,vue路由守卫
一 什么是重定向重定向(Redirect)就是通过各种方法将各种网络请求重新定个方向转到其他位置。二 为什么用重定向举一个例子:比如用户注册完账号后,此时用户点击注册后,那么页面应该取到登录页面,...原创 2018-10-24 19:46:03 · 10551 阅读 · 0 评论