- 博客(4)
- 收藏
- 关注
原创 Vue组件传值的几种方式
最近在准备面试题,发现关于Vue使用方面问的最多的就是这个问题,但是网友们总结的总不是很全,因此在这里整理一下,也方便日后查阅。一、父传子:prop父组件:<son :params='msg' />import son from './son'export default { data () { msg: '数据' }, components: { son }}子组件:props: { params: { type: String, default()
2020-07-21 10:42:19 122
原创 CSS命名规范之BEM策略
从大佬的md文档中了解到BEM策略,一个好的css命名规范可以减轻代码阅读的难度,实际的缩短开发速度,减轻后期维护和迭代的难度。因此在借鉴了其他优秀的说明文档后由此来记录一下,以便日后自己翻阅。BEM定义Block Element Modifier的首字母缩写,是一种css的命名规范,一般写作.block__element--modifierB(block):独立的页面及逻辑单元。 b-nameE(element): 块中的组成部分,不能脱离存在,一般为元素的功能单词或元素的标签。__elem
2020-07-16 17:45:13 769 1
原创 修改input[type='file']默认样式,并显示传入多文件时的文件名
遇到修改上传文件的样式兼容IE8并实现获取到上传文件的名称并进行排列展示的问题,实现的思路大概是将input的透明度设为0,绝对定位盖在已写好样式的标签上面,由于要上传多文件,要在input的属性中加上multiple="multiple",而事件要在input域内容发生改变时触发,因此使用onchange()事件,具体实现的效果如下: html代码<a href="javascrip...
2018-07-13 10:47:11 5482
原创 JavaScript的同步加载、异步加载和延迟加载
HTML5给<script>元素定义了async属性——异步加载和defer属性——延时加载,用于改变处理脚本的行为,只适用于外部脚本文件。正常的同步加载会阻塞文档加载即遇到js文件要实时进行下载并执行,如放在head里,则这时body文档不加载,js下载并执行后才可加载(此时页面为空),使用defer和async则使文档非阻塞加载;defer为延时加载,遇到js文件要开通新的通道,下...
2018-06-27 09:46:12 353
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人