一、防抖 原理：在事件被触发n秒后再执行回调，如果在这n秒内又被触发，则重新计时。 场景： 1.按钮提交场景，防止多次提交按钮，只执行最后一次的提交 2.搜索框联想场景，防止联想发送请求，只发送最后一次输入 简易版： function debounce (func, wait) { let time ...
分类：
其他好文 时间：
2020-10-22 22:22:47
阅读次数：
25
https://blog.csdn.net/gybshen/article/details/91594272?utm_medium=distribute.pc_relevant.none-task-blog-BlogCommendFromMachineLearnPai2-3.edu_weight&d ...
分类：
其他好文 时间：
2020-10-22 22:15:16
阅读次数：
25
div和spandiv?<div>是一个块级元素，通常与css配合使用，用于布局。?<div>标签可以把文档分割为独立的、不同的部分。它可以用作严格的组织工具，并且不使用任何格式与其关联。?<div>是一个块级元素。这意味着它的内容自动地开始一个新行。实际上，换行是<div>固有的唯一格式表现。可以通过<div>的class或id应用额外
分类：
Web程序 时间：
2020-10-21 21:27:36
阅读次数：
44
css 水平居中的写法 水平居中 行内元素: text-align: center 块级元素: margin: 0 auto position:absolute +left:50%+ transform:translateX(-50%) display:flex + justify-content: ...
分类：
其他好文 时间：
2020-10-21 21:24:39
阅读次数：
24
1：CSS介绍 1：CSS初始 css一HTML为基础，提供丰富的功能，如字体，颜色背景的控制及配板等 2：CSS样式规则 h1 { color:red; font_size:25px; } 1:h1是选择器，用于指定CSS样式作用的HTML对象 2：属性和属性值以“键值对”的形式出现 2：css字 ...
分类：
Web程序 时间：
2020-10-21 20:41:14
阅读次数：
39
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <title>CSS</title> <style> p{ color: red; font-size: 30px; line-height: 200px; text-align ...
分类：
Web程序 时间：
2020-10-21 20:40:08
阅读次数：
31
transition允许css的属性值在一定的时间区间内平滑地过渡。这种效果可以在鼠标单击、获得焦点、被点击或对元素任何改变中触发，并圆滑地以动画效果改变CSS的属性值。transition包含4个属性值：执行变换的属性：transition-property，变换延续的时间：transition- ...
分类：
其他好文 时间：
2020-10-20 16:22:50
阅读次数：
27
typora-copy-images-to:imagestypora-root-url:images网页编程设计B/S架构BBrowser浏览器SServer服务器网页编程设计是每个程序员必懂的一项技能。本阶段课程主要讲解HTML、CSS、JavaScript、JQuery。对于Java程序员而言，不需要像前端工程师那样精通这部分内容，但是也需要做到熟练。HTML、CSS与JS的关系?HTMLHT
分类：
Web程序 时间：
2020-10-19 23:03:44
阅读次数：
36
高度坍塌 成因 父元素 div 未设置高度 子元素全部设置浮动（float: left | right;），浮动元素 脱离文档流 且 不占页面空间 由于父元素为设置高度，高度靠内部子元素撑开，而今子元素全部脱离文档流，所以此时父元素的高度为 0，给父元素和子元素设置 边框（border: 1px s ...
分类：
Web程序 时间：
2020-10-19 22:56:44
阅读次数：
31
1.启动vscode，点击左侧边栏扩展选项（Ctrl+shift+X）在扩展商店中搜索px to rem 2.安装好之后右击px to rem，点击扩展设置，打开如图界面可以设置当前rem与px的比例值 如图所示，我设置的比例为100px：1rem 3.找到你需要转换为rem的css文件，全部选中（ ...
分类：
其他好文 时间：
2020-10-19 22:45:33
阅读次数：
25
