摘要: ES6的模块化中,export与export default都可以用于导出常量、函数、文件、模块等,我们可以通过在其它文件或模块中import(常量、函数、文件、模块)的方式导入,但在一个文件或模块中,export、import可以有多个,export default仅有一个。 export的使用 阅读全文
posted @ 2021-02-25 17:24 星河几重 阅读(817) 评论(0) 推荐(0) 编辑
摘要: 在JavaScript中需要通过document.querySelector("#demo")来获取dom节点,然后再获取这个节点的值。在Vue中,我们不用获取dom节点,元素绑定ref之后,直接通过this.$refs即可调用,这样可以减少获取dom节点的消耗。 ref介绍 ref被用来给元素或子 阅读全文
posted @ 2021-02-25 17:18 星河几重 阅读(364) 评论(0) 推荐(0) 编辑
摘要: 父传子 父组件 子组件 子组件props多种类型总结 子传父 子组件 父组件 子组件向父组件传递多个参数 子组件通过$emit触发父组件中的自定义函数,第一个值为自定义函数名,后面的参数是向父组件传的值 子组件 父组件 阅读全文
posted @ 2021-02-25 17:05 星河几重 阅读(103) 评论(0) 推荐(0) 编辑
摘要: 效果图: 下拉菜单距离顶部有一定的距离,为了避免鼠标滑到二级菜单的过程中,二级菜单意外收起。可以在二级菜单的外部在包裹一层div,然后二级菜单距离外部包裹的div有一定的距离即可。 .right { display: flex; align-items: center; i { margin: 0 阅读全文
posted @ 2021-02-25 16:38 星河几重 阅读(217) 评论(0) 推荐(0) 编辑
摘要: 伪类 伪类更多的定义的是状态,如:hover,或者说是一个可以使用CSS进行修饰的特定的特殊元素,如:first-child 伪类用于当已有元素处于的某个状态时,为其添加对应的样式,这个状态是根据用户行为而动态变化的。 当用户悬停在指定的元素时,我们可以通过 :hover 来描述这个元素的状态。虽然 阅读全文
posted @ 2021-02-25 16:35 星河几重 阅读(148) 评论(0) 推荐(0) 编辑
摘要: data: msgList: [ { title: '你有一笔奖励待发放' }, { title: '1.8元津贴到账,快点去打车吧' }, { title: '单单八折赢iPhone,一路迎春“发”' } ], wxml: <view class="notice"> <view class="le 阅读全文
posted @ 2021-02-25 11:27 星河几重 阅读(1813) 评论(0) 推荐(0) 编辑
摘要: 前言:项目中我们经常遇到这种需求,需要对单行、多行文本超出显示为省略号。这篇文章主要总结了小编解决此问题的方法,有不足之处欢迎大家指正。 单行文本省略 .ellipsis-line { border: 1px solid #f70505; padding: 8px; width: 400px; ov 阅读全文
posted @ 2021-02-25 10:33 星河几重 阅读(250) 评论(0) 推荐(0) 编辑
摘要: /*iPhone5和iPhone SE*/ @media only screen and (device-width : 320px) and (device-height : 568px) and (-webkit-device-pixel-ratio : 2) { /*code*/ } /* i 阅读全文
posted @ 2021-02-25 10:03 星河几重 阅读(273) 评论(0) 推荐(0) 编辑
摘要: css3的滤镜filter属性,可以对网页中的图片进行类似Photoshop图片处理的效果,例如背景的毛玻璃效果、老照片(黑白照片)、火焰效果等。 一、blur(px)高斯模糊 给图像设置高斯模糊。值越大越模糊,默认是0,就是不模糊; 不过,blur模糊的缺点是边缘也会模糊不清。不过,在实际的应用中 阅读全文
posted @ 2021-02-25 10:00 星河几重 阅读(124) 评论(0) 推荐(0) 编辑