关于 display: inline-block; 中间有间隙的问题
当我们给一个元素的一系列子元素设置display: inline-block; 时，会发现子元素之间存在间隙，如 <style> div { display: inline-block; width: 100px; height: 100px; background-color: yellow; } ...
DOM_常用事件
常用事件 onload <script> window.onload = function () { ele = document.getElementById("i") console.log(ele.innerHTML); } </script> </head> <body> <div clas ...
DOM学习详细笔记
DOM DOM document Object Model 文档对象模型 // 整个html文档,会保存一个文档对象document // console.log( document ); // 获取当前文档的对象 查找标签 直接查找 document.getElementsByTagName("标 ...
浅谈逻辑选择器 -- 父选择器它来了！
在 CSS 选择器家族中，新增这样一类比较新的选择器 -- 逻辑选择器，目前共有 4 名成员： :is :where :not :has 本文将带领大家了解、深入它们。做到学以致用，写出更现代化的选择器。 :is 伪类选择器 :is() CSS伪类函数将选择器列表作为参数，并选择该列表中任意一个选择 ...
【我的面试-01】Web前端开发实习岗-面试题总结
简单开头 首先技术面试官会根据简历里所写的项目和个人掌握技术栈提问（我不知道已经改过多少次简历了，因为前期投简历是真的是沉在茫茫大海，捞漂流瓶都捞不到的那种） 我的技术栈：（Vue还在苦苦的自学当中，随便推荐一下coderwhy老师B站的教学视频，真的不错，讲得深入浅出，越听越想听）地址：https ...
elementui中表格多选+分页，保存所有选中数据
element UI中table表格在选中数据后点击分页，再选中数据，回到第一页后，原来选中的数据已经不再是勾选状态了，现在要怎样记住所有分页中的勾选状态呢？我这里有比较简便的方法。不需要缓存数据等复杂的方式。 1、首先在table标签上定义row-key和ref标志名称。具体row-key等功效， ...
Amazing！巧用 CSS 视差实现酷炫交互动效
本文将介绍利用 CSS 实现滚动视差效果的一个小技巧，并且，利用这个技巧来制作一些有意思的交互特效。 关于使用 CSS 实现滚动视差效果，在之前有一篇文章详细描述过具体方案 - CSS 实现视差效果，感兴趣的同学可以先看看这篇文章。 这里，会运用上这样一种纯 CSS 的视差技巧： 使用 transf ...
JavaScript の querySelector 使用说明
本文记录，JavaScript 中 querySelector 的使用方法。小白贡献，语失莫怪。 // 两种 query 的 method (方法) document.querySelector(selectors); document.querySelectorAll(selectors); 为什 ...
HTML后续
注释快捷键——ctrl+/ 标题标签H1-H6 H1-H6属性：align="left/center/right" 左 中 右 段落标签 <p></p> <p></p>属性：align="left/center/right" 左 中 右 换行标签<br> 分割线<hr>  ：空格 一个汉字占 ...
学会这9个伪类,让你的页面 表单更人性化！！！
大家好，我是半夏👴，一个刚刚开始写文的沙雕程序员.如果喜欢我的文章，可以关注➕ 点赞 👍 加我微信：frontendpicker，一起学习交流前端，成为更优秀的工程师～关注公众号：搞前端的半夏,了解更多前端知识! 点我探索新世界！ 原文链接 ==>http://sylblog.xin/archi ...
二次封装这几个 element-ui 组件后，让代码更加优雅了
element-ui 本身就提供了许多强大的组件。那么为什么还要进行二次封装呢？ 在日常的开发过程中，部分模块重复性比较强，这个时候就会产生大量重复的代码。这些模块的样式基本上是比较固定的，而且实现的功能也比较相近。如果每个地方都复制一份相似的代码，既不遵守代码的简洁之道，也不利于后期的维护修改 ... ...
jQuery的导入和绑定
jQuery jQuery是什么 jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“write Less，Do More”，即倡导写更少的代码，做更多的事情。它封装Java ...