vue
polmJ
乐于发掘生活中的新事物,以不让生活枯燥为终生目标
展开
-
基于vue-quill-editor的富文本Demo
基于Vue的一个富文本编译器的插件,安装并简单使用步骤:1、项目:一个前端基于vue框架的项目。我用的是一个项目模板(下载路径:https://github.com/nolimits4web/Framework7-Vue-Webpack-Template) 按网址上教程配置模板。接下来就是关于vue-quill-editor的安装步骤了。2、下载:npm install vue-quill-e...原创 2018-10-30 14:52:03 · 2831 阅读 · 0 评论 -
Vue + framework7笔记
首先附上Vue + framework7的开发文档:http://framework7.io/vue/Smart Select问题描述:select数据是通过绑定放上去的,出现了两个问题:一 数据初始化后,默认答案没有显示二 数据选择后只显示option的text值,无法拿到value解决方法:在select上用v-model="good_id"进行数据的绑定<f7-c...原创 2019-03-07 10:29:32 · 1011 阅读 · 0 评论 -
vue.nextTick
决定写一系列关于vue机制或语法的文章,先写简单的,慢慢补充学习参考文章:https://www.jianshu.com/p/a7550c0e164fVue.nextTick( [callback, context] )参数:callback:function; context : object用法:在下次 DOM 更新循环结束之后执行延迟回调。在修改数据之后立即使用这个方法,获取...原创 2019-03-18 15:49:31 · 112 阅读 · 0 评论 -
vue: 动态表单实现(单问题线)
vue: 动态表单实现(单问题线)这个是工作中的一个需求,当然需求比较浅,适当的扩展实现了一下,写个博客记录一下当下的逻辑思想需求如上图,简单来说就是一个select选择不同的答案,后面可以会多出不同的题目。然后就是问题块的概念,一堆问题,这些问题同时间出现且没有先后顺序,则为一个问题块,一个问题块中的一个select的选择,可能触发另一个问题块的出现。需求需要解决的点:逻辑结构不定,...原创 2019-06-10 14:24:21 · 1145 阅读 · 0 评论 -
vue: 动态表单实现(多问题线)
vue: 动态表单实现(多问题线)之前写了一篇单问题线,这次写的是多问题线的逻辑思想。如图,所谓的多问题线就是若问题块1的select1选了A,select2选了A,则会出现问题块3和问题块5,此时问题块3和问题块5是同级的,且不在一个问题线上,所以该次答题,至少有两条线上的答案需要获取。这种情况下,上次的逻辑思想就无法解决该情况,就有了一个新的解决思路来解决,并且能解决多问题线的思路必能...原创 2019-06-10 15:31:10 · 444 阅读 · 0 评论 -
组件优化的两三事(一):动态注册组件
组件优化的两三事(一):动态注册组件最近在研究组件,现研究心得是组件最基本的优化是使它可以做到可延展性。关于可延展性,我认为就是当一个组件已经做好,后期可以可以不断加功能,加功能的前提使不会影响前期功能,并且希望加功能所涉及的到问文件尽可能的少,最好做到我们只需要加上一个新的文件用来实现新功能,其他不做改动。所以说,若要做到上述的要求,首先一个问题就是组件的注册。新功能的组件若想加到已有组...原创 2019-06-18 10:37:32 · 389 阅读 · 0 评论 -
组件优化的两三事(二):input块组件优化
组件优化的两三事(二):input块组件优化最近在写一个动态表单的组件,可见文章 vue: 动态表单实现(单问题线)在写该组件时,我在开始所想实现的的是每个组件达到最小块,再将块组合到表单中。但在实现时,若我把input封装成一个组件,页面实现是没有问题的,但在该组件的答案获取确实一个极大的问题。关于子组件向父组件传值,我们最通常用的也是最先想到的就是使用$emit,但这首先有个前提是子组件...原创 2019-06-18 11:14:18 · 269 阅读 · 0 评论 -
axios:blob的回应类型,却拿到json格式
mock 带来的大坑:项目中的下载原理是前端规定responseType为blob,后端传来文件的二进制流,前端转成blob进行下载。之前都是正常的,昨天测了一个下午都失败了,前端拿来的数据变成json格式,并不是规定好的blob类型。。。最后才发现是因为项目被我引进了mock,关掉就好了个人感觉,是mock拦截所有的请求(不管他是不是被mock的接口),将返回数据类型统一转了json格式...原创 2019-07-11 14:35:09 · 3948 阅读 · 1 评论 -
Jest 学习入门
jest 学习入门/* 2019.07.15 夏 晴*/今天开始正式接触Jest,从前也许听说过,但从来没有了解过。今天很高兴有机会可以进入Jest世界,准备边学边记录学习过程,以便自己之后的回顾以及希望来看我博客的人可以更容易的学习Jest。什么是JestJest is a delightful JavaScript Testing Framework with a focus o...原创 2019-07-16 17:00:18 · 635 阅读 · 0 评论