前端
无聊的一只鱼
从事前端工作的小菜鸟
展开
-
contenteditable实现输入框踩坑记录
最近用到contenteditable实现输入框,遇到了一些坑,其中有一个我找了好久没找到解决方法,换了个思路才解决的:我的需求是,一个输入框,这个输入框输入@用户,能够根据输入的关键字进行联想搜索,搜索结果显示为一个列表,当点击列表中的某一项时,该项的内容会作为a标签插入进文本框,并且该a标签不可编辑,按Backspace删除时需要将一整个a标签删除。按照下面代码,外面的div设置了contenteditable="true"就是输入框,然后将a标签设置成contenteditable=“false”原创 2021-10-19 09:58:58 · 4669 阅读 · 5 评论 -
vue父子组件传值方法:$emit和props
父组件 —> 子组件传值(props);子组件 —> 父组件传值(emit);以及插槽(slot);对于一个独立的组件来说,props是用来为组件内部注入核心的内容;emit);以及插槽(slot);对于一个独立的组件来说,props是用来为组件内部注入核心的内容;emit);以及插槽(slot);对于一个独立的组件来说,props是用来为组件内部注入核心的内容;emit用来使这个独立的组件通过一些逻辑来融入其他组件中下面是一些代码的例子父组件中引入子组件select-popup.原创 2020-07-14 15:03:03 · 329 阅读 · 0 评论 -
收集一些前端的学习文档
收集一些教程1、babel入门教程阮一峰的babel入门教程原创 2020-07-14 14:38:10 · 186 阅读 · 0 评论 -
div设置成行内块元素出现的缝隙问题
将几个div设置成display:inline-block;使这几个div在同一行显示,就会出现几个div中间有缝隙(空白)的问题,这是盒子的<div>之间的空格和回车折算成了字符,造成了空隙。解决方法:1、给父盒子加上 font-size: 0;2、给父盒子加上 display: flex;...原创 2020-07-14 12:03:22 · 886 阅读 · 0 评论 -
UI框架汇总
基于Vue的前端UI框架移动端1、Mint UI框架Mint UI是 饿了么团队开发基于vue .js的移动端UI框架,它包含丰富的 CSS 和 JS 组件,能够满足日常的移动端开发需要Mint UI 框架链接2、cube-uicube-ui是基于 Vue.js 实现的精致移动端组件库。cube-ui 链接3、Vant轻量、可靠的移动端 Vue 组件库,有赞前端团队开发Vant 链接pc端1、iViewiView是一套基于 Vue.js 的开源 UI 组件库,主要服务于 PC 界面原创 2020-06-24 16:32:15 · 490 阅读 · 0 评论