12 2021 档案
摘要：题目：页面上有一个电子时钟，显示当前的年月日，时分秒，要求自动变化，双位显示，例如：九点九分九秒，显示为09:09:09 代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA
阅读全文
摘要：1. 单行文本垂直居中 若文本为单行文本的话，直接使用 line-height 等于父元素的高度即可实现。示例代码如下： HTML代码 <div class="text">这是一个需要居中的测试文本</div> css代码： .text { height: 200px; font-size: 3re
阅读全文
摘要：模仿淘宝侧边栏随网页滚动到一定位置开始固定定位思路：把侧边栏通过绝对定位，外边距固定到一个地方，通过获取盒子的setoffHeight值进行判断是否开启固定定位 1 <!DOCTYPE html> 2 <html lang="en"> 3 <head> 4 <meta charset="UTF-8"
阅读全文
摘要：一、新建项目 新建一个文件夹，名字随意，但是不得出现包括汉字在内的特殊字符，比如我们的项目名叫BS cd BS（初始化项目） npm init -y（ 这一步将在BS文件夹下新建一个package.json文件 ） 我们在node中，直接使用原生JavaScript可以实现我们所需要的各种功能，但是
阅读全文
摘要：一、Node安装（网址https://nodejs.org/zh-cn/） 在Node官网下载长期维护版（左边）→下载完成，傻瓜式安装 注意：安装完成之后不要打开文件。 二、验证Node安装成功与否 快捷键win+R打开cmd命令行窗口→输入 node -v 命令之后按回车键，能输出版本号，说明安装
阅读全文
摘要：一、鼠标事件 mousedown:鼠标按钮被按下（左键或者右键）时触发。不能通过键盘触发。mouseup:鼠标按钮被释放弹起时触发。不能通过键盘触发。click:单击鼠标左键或者按下回车键时触发。这点对确保易访问性很重要，意味着onclick事件处理程序既可以通过键盘也可以通过鼠标执行。dblcli
阅读全文
摘要：transform:变形，改变 CSS3中主要包括 旋转：rotate() 顺时针旋转给定的角度，允许负值 rotate(30deg) 扭曲：skew() 元素翻转给定的角度,根据给定的水平线（X 轴）和垂直线（Y 轴）参数：skew(30deg,20deg) 缩放：scale() 放大或缩小，根据
阅读全文
摘要：弹性布局（display:flex） 1.什么是弹性布局？ 在页面中任何一个元素只要设置了display:flex属性，那么当前盒子都称为弹性盒子。 弹性盒子默认有两条轴: 默认水平显示的主轴 和 始终要垂直于主轴的侧轴(也叫交叉轴)，在弹性盒子中所有的子元素都是沿着主轴方向显示。 2. 弹性布局的
阅读全文
