- 博客(6)
- 收藏
- 关注
原创 前端重要知识点总结(更新中)
前端重要知识点总结目录前端重要知识点总结HTML1.行内元素有哪些?块级元素有哪些?空元素有哪些?2. 页面导入样式时,link和@import有什么区别?3. title与h1的区别、b与strong的区别、i与em的区别?4. img标签的title和alt有什么区别?5. png、jpeg、gif这些图片格式解释一下,分别什么时候用?CSS1.介绍一下CSS盒模型2. line-height和height区别3. CSS选择符有哪些?哪些属性可以继承?4. CSS优先级算法5. 一个盒子不给宽度和高
2022-02-04 22:12:52
2416
原创 关于inline-block高度带来的bug及解决方案
目录前言寻找问题的根源1. input标签默认样式中的影响因素2. 排除elementUI对input标签的影响解决方法前言今天在开发当中偶然遇到一个问题,如下图,这里引入一个 input标签,利用input的focus来实现时间线的定位。在 v-show 和 v-if 为 false 时不能正常的调用focus方法来实现时间线的定位,所有要通过css样式来将input标签从页面内“隐藏”,同时不能通过display:none的方式来实现于是就尝试,将input的宽 高 内外边距设置为0,于是问题
2021-11-27 14:24:03
1469
原创 Vue项目中 实现ElementUi框架el-select拼音搜索功能
Vue项目中 实现ElementUi框架el-select拼音搜索功能拼音搜索功能拼音搜索功能前言:由于项目需要,且elementUI中的el-select只支持中文或英文匹配,不支持全拼音匹配或拼音首字母匹配,故封装该功能。代码依赖 第三方包:pinyin-match 地址: https://github.com/xmflswood/pinyin-match代码支持:全拼音匹配 当输入beijing 可以匹配如下:“北京” “背景” “北京烤鸭”拼音首字母匹配 当输入bj时
2021-07-09 15:07:16
2897
5
原创 常见DOM操作有哪些
DOM是什么?DOM(文档对象模型)是document object model的缩写,是针对HTML和XML文档的一个API,DOM描绘了一个节点树,允许工作人员添加、移除和修改页面的某一部分。什么是DOM节点?HTML文档中的所有内容都是节点整个文档是一个文档节点每个HTML元素是元素节点HTML元素内的文本是文本节点每个HTML属性是属性节点注释是注释节点常见的DOM操作有哪些?简单来说就是节点的增删改查查找节点返回拥有指定id的对象的引用document.getEl
2021-06-25 16:20:22
270
原创 一篇搞定TypeScript
TypeScript学习笔记TypeScript学习笔记TypeScript的快速上手一、初识TypeScript二、安装TypeScript三、VScode自动编译TypeScriptTS常用语法一、基础类型二、接口(interface)三、类TypeScript学习笔记TypeScript的快速上手一、初识TypeScriptTypeScript是JavaScript的超集,最终会被编译城JavaScript代码TypeScript作者是安德斯·海尔斯伯格,c#的首席架构师,是开源和跨平台的编
2021-05-13 19:18:52
531
7
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人