岚枫

前端技术分享,

实现非父子之间通信,兄弟组件之间的数据传递--eventBus

vue中,组件传值的方法常见的也就那几种, 1.父组件向子组件传值,用props 属性, 2.子组件主要通过事件传递数据给父组件子向父传数据可以用emit触发传,但是这种方法无法实现兄弟组件直接传数据3.利用provide/inject,可以实现由祖先元素向子孙组件传递数据,方法,不需要知道祖先组...

2019-03-26 11:46:52

阅读数 6

评论数 0

axios的用法详解

axios: 是一个类库,基于Promise管理的Ajax库,支持浏览器和nodejs的http库,常用于Ajax请求。 特点 从浏览器中创建 XMLHttpRequests 从 node.js 创建 http 请求 支持 Promise API 拦截请求和响应 转换请求数据和响应数据 取消请求 ...

2019-03-26 09:52:14

阅读数 7

评论数 0

详细了解文档对象模型(DOM)

我们都听说过与JavaScript相关的DOM或文档对象模型。DOM是Web开发中一个非常重要的概念。没有它,我们就无法在浏览器中动态修改HTML页面。 学习和理解DOM可以更好地访问、修改改和监听HTML页面的不同元素。文档对象模型还可以帮助我们减少不必要的脚本执行时间增加。 另请阅读:15个...

2019-03-25 13:42:38

阅读数 37

评论数 0

浅谈vue中provide和inject 用法

provide:Object | () => Object inject:Array | { [key: string]: string | Symbol | Object } provide 和 inject 主要为高阶插件/组件库提供用例。并不推荐直接用于应用程序代码中。是2.2...

2019-03-25 10:29:35

阅读数 76

评论数 0

浅谈CSS3 响应式布局--Media Queries

CSS3 Media Queries , CSS3媒体查询。使用 @media 查询,你可以针对不同的媒体类型定义不同的样式;也可以针对不同的屏幕尺寸设置不同的样式;当重置浏览器大小的过程中,页面也会根据浏览器的宽度和高度重新渲染页面。 用法如下 @media 媒体类型 and|not|only ...

2019-03-23 09:30:48

阅读数 43

评论数 0

了解css中伪元素 before和after的用法

层叠样式表(CSS)主要用于将样式应用于HTML标签,但是在某些情况下,向文档添加额外标签元素是多余的或不可能的,CSS中实际上有一个特性允许我们在不中断实际文档的情况下添加额外标签,即伪元素。 你听说过这个术语,尤其是当你一直在学习我们的一些教程时。 实际上,有一些CSS族成员被归类为伪元素,例...

2019-03-22 11:00:15

阅读数 20

评论数 0

css常用单位px、em、 rem 区别与各自的用法解析

我们在布局页面中,总要用到一些有关字体,元素宽度,高度等长度单位,一般pc端常用到像素单位,移动端用em,rem 单位,它们都有各自的特点,今天总结一下它们的特点、区别 px是Pixel的缩写,也就是说像素是指基本原色素及其灰度的基本编码,由 Picture(图像) 和 Element(元素)这两...

2019-03-21 09:49:11

阅读数 77

评论数 0

JQuery源码笔记jQuery.access研究学习(13)

方法jQuery.access(elems,key, value,exec,fn(elem,key,value), pass) 可以为集合中的元素设置一个或多个属性值,或者读取第一个元素的属性值。如果设置的属性值是函数,并且参数exec是true时,还会执行函数并取其返回值作为属性值。 方法jQu...

2019-03-20 10:22:28

阅读数 43

评论数 0

过了30岁,我们前端程序员该何去何从

做计算机编程这个行业,人过了30岁,就会有种焦虑的心理,危机的综合症。一般做前端的,有两个路径可走,转管理岗位,或者转其他岗位,我认识的一些前端,有从前端转产品运营,转岗还转的特成功,不再写代码。他们大都是有前端先被提拔为领导,然后慢慢的转产品,主导一些产品需求,有的最后转向产品运营工作。 ...

2019-03-19 14:37:10

阅读数 21

评论数 1

内向的性格对我人生的影响

受家庭环境影响,我一直是一个内向不爱说话的人,有时可羡慕人家会表达,会说话。 上初三的时候,因为初二是数学课代表,经常去数学老师办公室,慢慢地初三的班主就在那时认识了我,等升初三的时候, 我 自然而然地去了张老师那班,当时刚升初三的时候,班里可多留级生,我感觉压力大,生病了请假在家休息,等我...

2019-03-07 15:20:48

阅读数 122

评论数 1

vue中v-for的用法

当需要将一个数组遍历或枚举一个对象循环显示时候,我常用的就是列表渲染指令v-for. 它需要结合着in 或者of来使用,如下 <div id="app"> <ul> &...

2019-03-05 12:19:19

阅读数 109

评论数 0

vue computed 中操作DOM和给对象添加属性遇到的问题

这两天使用vue做东西遇到一些问题,今天总结记录一下: 在computed中没法操作dom元素,比如 computed: { w() { return this.$refs.box.offsetWidth } } 运行中报undefined错误,后来改成在mounted中获取this....

2019-03-05 11:10:31

阅读数 29

评论数 0

坚持自己的路,勇往直前(2019年3月小记)

坚持自己的路,勇往直前 今天是3月的第一天,回头看看2月的生活,发现自己按着自己的计划慢慢得努力着… 回顾2月 每天早上六点起床(其实我自己定的5点起床,想想计划刚实行,我就晚起一个小时),先学习半个小时的技术,然后再去做早餐,七点之前,搞定早餐,和老公一起吃完早餐,最后刷锅。收拾完之后,接着学习...

2019-03-01 14:43:51

阅读数 102

评论数 1

用elemet-ui组件实现弹窗里的树形结构和拖拽功能

这个弹窗功能,主要是导出字段的设置,左边是树形字段结构,右边是选中的设置字段,字段可以拖动调顺序。我实现这个功能主要用的element-ui里的tree和dialog组件,及vuedraggable组件,如果没有拖拽功能差不多半个小时就搞定这个功能,就因为实现这个拖拽功能,浪费了很多时间,从昨天晚...

2019-02-28 11:31:06

阅读数 80

评论数 0

关于vue中sync修饰符的用法

.sync是在vue2.3.1+版本开始使用,在有些情况下,我们可能需要对一个 prop 进行“双向绑定”。不幸的是,真正的双向绑定会带来维护上的问题,因为子组件可以修改父组件,且在父组件和子组件都没有明显的改动来源。 在这里用update: myPropName的模式触发事件取而代之,方法如下:...

2019-02-21 15:32:38

阅读数 26

评论数 0

2019新的启程新的规划

2019年规划 现在写2019年规划似乎有点晚,因为现在已经是2019年的2月中旬了,但是我觉得自己仍然需要规划一下自己的一年的工作和学习,毕业已经快八年了,自己扮演着几个不同的角色,已没了刚毕业那几年的激情,每天都是在平平淡淡中度过,虽然人们常说,平平淡淡才是福,但是作为一个技术人员,如果真要这...

2019-02-11 13:46:23

阅读数 411

评论数 0

vue watch的监听

以前一直不知道watch如何应用到具体场景中,这几天经过项目,终于理清来它的具体用法。当祖先组件触发执行方法,引起数据变化时候都可以让子组件监控到接收到的数据的变化 component3 如何触发component1执行方法呢? <component1 @click...

2018-11-25 10:12:32

阅读数 67

评论数 0

vue子组件触发祖先元素的执行的方法

这周刚开始跟研发对接接口,在写交互的过程中遇到各种各样的问题,由于第一次对接这样的项目,最常见问题就是来回传值和触发,今天趁着周末来写个例子记录一下。 component3是component2的自组件,component2是component1的子组件, component3 如何触发compo...

2018-11-25 09:48:42

阅读数 149

评论数 0

element ui table组件扩展关于列表编辑按钮的位置放置

最近在用vue做项目,主要是用的element ui的组件,在用的过程中发现有部分组件需要扩展,改源码太折腾,成本高,就想着如何节省成本来实现这些需求,由于项目时间紧张,有些实现来也没来得及记录一下,今天把table列表编辑按钮功能实现也分享一下。 主要用把展示的箭头隐藏,把那列代码宽度设置为0,...

2018-11-15 22:17:24

阅读数 570

评论数 1

stylelint rules

Color color-hex-case: 指定大写或小写十六进制的颜色。 color-hex-length: 指定十六进制颜色长或短的符号。 color-named: 需要(如果可能)或不允许命名的颜色。 color-no-hex: 不允许十六进制的颜色。 color-no-invalid-he...

2018-09-20 14:45:50

阅读数 311

评论数 0

提示
确定要删除当前文章?
取消 删除
关闭
关闭