摘要:前几天开发项目有个需求: 通过世界地图的形式实时展示全球市场的销售情况 效果图 这里默认vue项目中安装好echart 先在组件中引入(将需求封装为一个组件使用) import echarts from 'echarts' require('echarts/map/js/world.js') //这 阅读全文
posted @ 2021-04-20 17:24 前端劝退师™ 阅读(129) 评论(0) 推荐(0) 编辑
摘要:<el-form-item label="开始时间" :label-width="formLabelWidth" prop="startTime"> <el-date-picker v-model="form.startTime" type="datetime" format='yyyy-MM-dd 阅读全文
posted @ 2020-11-02 12:27 前端劝退师™ 阅读(612) 评论(0) 推荐(1) 编辑
摘要:在vue中,使用watch来响应数据的变化。watch的用法大致有三种。 1. 常用用法 <input type="text" v-model="name"/> new Vue({ el: '#app', data: { name: '咸鱼' }, watch: { name(newVal,oldV 阅读全文
posted @ 2020-07-29 11:30 前端劝退师™ 阅读(23156) 评论(0) 推荐(5) 编辑
摘要:如果父组件监听到子组件挂载mounted做一些逻辑处理 1、使用on和emit 子组件emit触发一个事件,父组件emit触发一个事件,父组件on监听相应事件。 // Parent.vue <Child @mounted="doSomething"/> // Child.vue mounted() 阅读全文
posted @ 2020-07-28 12:38 前端劝退师™ 阅读(431) 评论(0) 推荐(0) 编辑
摘要:实现在父组件中促发子组件里面的方法 子组件: <template> <div> 我是子组件 </div> </template> <script> export default { name: "child", methods: { parentHandleclick(e) { console.lo 阅读全文
posted @ 2020-07-28 12:14 前端劝退师™ 阅读(272) 评论(0) 推荐(0) 编辑
摘要:在提交时用下面这句 git commit --no-verify -m "提交时的注释" 阅读全文
posted @ 2020-07-13 12:34 前端劝退师™ 阅读(3617) 评论(0) 推荐(1) 编辑
摘要:1.条件语句的优化 // 根据颜色找出对应的水果 // bad function test(color) { switch (color) { case 'red': return ['apple', 'strawberry']; case 'yellow': return ['banana', ' 阅读全文
posted @ 2020-06-30 11:32 前端劝退师™ 阅读(574) 评论(0) 推荐(0) 编辑
摘要:三角形 利用border-color支持transparent这一特性,隐藏三条边框,实现三角形。 <style> .triangle { width: 0; height: 0; border-style: solid; box-sizing: border-box; border-width: 阅读全文
posted @ 2020-06-03 15:40 前端劝退师™ 阅读(367) 评论(0) 推荐(0) 编辑
摘要:this是我们在书写代码时最常用的关键词之一,即使如此,它也是JavaScript最容易被最头疼的关键词。那么this到底是什么呢? 如果你了解执行上下文,那么你就会知道,其实this是执行上下文对象的一个属性: executionContext = { scopeChain:[ ... ], VO 阅读全文
posted @ 2020-06-03 12:34 前端劝退师™ 阅读(516) 评论(0) 推荐(0) 编辑
摘要:1.什么是发布/订阅模式、观察者模式 2.如何理解vue2响应式原理 3.vuex的工作原理是什么 4.谈一谈nextTick的原理以及运行机制 5.聊聊keep-alive的实现原理和缓存策略 6.你阅读过axios的源码吗?axios主要有哪些特性? 7.vuex和redux比较,他们的相同点以 阅读全文
posted @ 2020-03-26 15:42 前端劝退师™ 阅读(182) 评论(0) 推荐(0) 编辑