摘要:
ajax plus 基于axios 的 Vue 插件 如何使用 npm 模块引入 首先通过 npm 安装 然后在入口文件引入并配置: 对标axios的配置,详见axios🚀 示例 $ajaxPlus方法 在 Vue 组件上添加了 $ajaxPlus 方法, 使用如下: 以上catchCb和fina 阅读全文
摘要:
此文只介绍Async/Await与Promise基础知识与实际用到注意的问题,将通过很多代码实例进行说明,两个实例代码是setDelay和setDelaySecond。 tips:本文系原创转自我的博客异步Promise及Async/Await最完整入门攻略,欢迎前端大神交流,指出问题 一、为什么有 阅读全文
摘要:
v model双向绑定数据 v html 能读取html标签 v class 类名 v text读取文本不能读取html标签 v show 显示与隐藏 v if显示与隐藏 (dom元素的删除添加 个人理解) v else v else if v bind v on 事件 v once执行一次事件 v 阅读全文
摘要:
一、React (一)父组件向子组件传数据 简单的向下传递参数 在CodeSandbox中打开 向更下一级传递参数 在CodeSandbox中打开 (二)子组件向父组件传递参数 在CodeSandbox中打开 (三)兄弟组件传递参数 二、Vue (一)父组件向子组件传数据 简单的向下传递参数 在Co 阅读全文
摘要:
在日常开发中,我们用的最多的就是 绑定数据 如果你有ng的开发经验,假设 data 你要更新数据了 但是这在vue中 并不会起到作用,DOM并没有触发变化。 vue不是已经实现的实时数据双向绑定,那么model层发生了变化之后,为什么view层没有更新呢??? 看官网 这里才发现 深入响应式原理 列 阅读全文
摘要:
1.父组件给子组件传递数据 通过v bind动态绑定父组件中要传递的数据,子组件通过props属性接收父组件传递的数据。 2.子组件给父组件传递数据 自定义一个事件,在子组件中通过this.$emit()触发自定义事件并给父组件传递数据,在父组件中监听自定义事件并接收数据。 3.非父子组件之间的通信 阅读全文
摘要:
如果能帮到你,点个赞吧,务必熟知的vuejs面试题「务必收藏」 vuejs 基础必备 1、active class 是哪个组件的属性?嵌套路由怎么定义 (1)、active class 是 vue router 模块的 router link 组件的属性 (2)、使用 children 定义嵌套路由 阅读全文
摘要:
前言 vue split table应用的效果图 vue split table开源地址,欢迎star,现在已经开源和同步到npm上轻松搞定表格拆分或者合并,编辑,再也不怕被产品怼啦 1.核心源码分析 <td>里面嵌套<table>实现表格拆分; 原生实现复选框的单选和全选功 阅读全文
摘要:
一、前言 当我们的应用遇到多个组件共享状态时,会需要多个组件依赖于同一状态抑或是来自不同视图的行为需要变更同一状态。以前的解决办法: a.将数据以及操作数据的行为都定义在父组件; b.将数据以及操作数据的行为传递给需要的各个子组件(有可能需要多级传递) 传参的方法对于多层嵌套的组件将会非常繁琐,并且 阅读全文
摘要:
第一次写文章,写得不好各位看官见谅~ (pσ_σ)P首先这是一个vue里面的项目,高德地图api是直接CDN进来的,所以使用了global来调用,默认已经初始化了一个地图,为了实现一个输入框搜索功能和将搜索的结果清除掉,直观表现就是将搜索出来的点清除掉,话不多说直接上代码 接上,在高德地图的api中 阅读全文
摘要:
思路分析 数据的双向绑定,就是数据变化了自动更新视图,视图变化了自动更新数据,实际上视图变化更新数据只要通过事件监听就可以实现了,并不是数据双向绑定的关键点。关键还是数据变化了驱动视图自动更新。 所有接下来,我们详细了解下数据如何驱动视图更新的。数据驱动视图更新的重点就是,如何知道数据更新了,或者说 阅读全文
摘要:
步骤 创建 vue 的脚手架 绑定 git 项目 写组件 创建组件 src/components/xxx.vue 例如: 发布 代码参考 vue component popup 参考文档 Packaging Vue Components for npm Vue CLI 3 vue sfc rollu 阅读全文
摘要:
一、前言 要学习vue router就要先知道这里的路由是什么?为什么我们不能像原来一样直接用标签编写链接哪?vue router如何使用?常见路由操作有哪些?等等这些问题,就是本篇要探讨的主要问题。 二、vue router是什么 这里的路由并不是指我们平时所说的硬件路由器,这里的路由就是SPA( 阅读全文
摘要:
一、问题 vue中当用户提交表单时,有的数据需要去掉前后空格然后再向后端发送。 二、解决方法 首先可以使用v model.trim这个v model修饰符去解决它,但是当用户输入\u200B时,这个方法就不奏效了,这时我们可以去一下v model.trim这个修饰符的源码 function genD 阅读全文
摘要:
①概述: 简单来说,假如父组件需要在子组件内放一些DOM,那么这些DOM是显示、不显示、在哪个地方显示、如何显示,就是slot分发负责的活。 ②默认情况下父组件在子组件内套的内容,是不显示的。 例如代码: 显示内容是一个button按钮,不包含span标签里面的内容; ③单个slot简单来说,只使用 阅读全文
摘要:
Access_Token是调用微信和小程序各种接口的临时凭证,有效期2小时(7200秒),很多接口都需要调用access_token接口生成一个access_token的,例如微信支付,微信分享,公众号的开发,获取openid,获取用户的基本信息,群发接口,还有网页授权等各类接口都是需要access 阅读全文
摘要:
前言 前一阵子忙着找工作,面试过程中,碰到一个感觉比较有意思的问题,尽量多的列举出新手引导动画的实现方式, 昨天稍微总结了一下, 实现了4种.源码在最后,如果想直接看结果的,可以拉到最后去看. 这里假设所有的弹出层都是基于页面上原有的元素 实现一 复制目标内容 具体步骤: 用 getBounding 阅读全文
摘要:
前言 昨天写了新手引导动画的4种实现方式,里面用到了 html2canvas 于是就顺便了解了一下实现思路. 大概就是 利用 svg 的 foreignObject 标签, 嵌入 dom, 最后再利用 canvas 绘制 svg. 从而实现最终目的. 先让大家看看效果 MDN示例 MDN示例其实写的 阅读全文