11 2021 档案
摘要：一、鼠标事件 1.定义 鼠标事件是指与鼠标操作相关的事件。很多对象都能够响应鼠标事件，在DOM中定义了7个鼠标事件。 2.分类 鼠标事件描述 click 用户单击鼠标左键或者按回车键时触发 dbclick 用户双击鼠标左键时触发 mousedown 用户双击鼠标左键时触发 mouseout 当鼠标指
阅读全文
摘要：一、数组 1、定义 数组对象的作用是：使用单独的变量名来存储一系列的值。 数组可以用一个变量名存储所有的值，并且可以用变量名访问任何一个值。 数组中的每个元素都有自己的的ID，以便它可以很容易地被访问到。 2.创建数组 2.1常规方式: 1 var myCars=new Array(); 2 myC
阅读全文
摘要：一、node是什么 简单的说 Node.js 就是运行在服务端的 JavaScript。 Node.js 是一个基于Chrome JavaScript 运行时建立的一个平台。 Node.js是一个事件驱动I/O服务端JavaScript环境，基于Google的V8引擎，V8引擎执行Javascrip
阅读全文
摘要：1.setInterval定时器 var aaa=function (){ console.log(new Date()) } setInterval(aaa,1000)括号内第一个表示函数，第二个以毫秒为单位响应，代表多少毫秒之后执行一次此函数。 2.Date（）函数 调取时间的函数 consol
阅读全文
摘要：一、JS 1.定义和用法 JavaScript 对网页行为进行编程 JS可以写在html页面里的标签外的任意位置。 但是，根据页面加载规则来讲，从上往下开始加载，如果JS在上，而连接的内容在下，就会造成读取的时候，取不到JS所链接的目标，就会报错，这与CSS样式表不同，页面从上往下读取到CSS样式表
阅读全文
摘要：一、粘性布局 以下两图为例 慧杰首页这一栏框 开始的时候位于主页面这一位置，但是当下滑页面的时候，页面其他内容都会被划过去，但是当慧杰首页这一栏到达顶部后，脱离文本，始终固定在这里。实现这一功能，就叫做粘性布局。 二、用法 position: sticky 配合定义 [left, right, to
阅读全文
摘要：一、transform 1.定义和用法 transform 属性向元素应用 2D 或 3D 转换。该属性允许我们对元素进行旋转、缩放、移动或倾斜。 2.语法 transform: none|transform-functions; 3.取值 4.用法 1 部分效果代码如下 2 3 <!doctype
阅读全文
摘要：一、什么是伪类 伪类用于定义元素的特殊状态。 例如，它可以用于： 设置鼠标悬停在元素上时的样式 为已访问和未访问链接设置不同的样式 设置元素获得焦点时的样式 二、hover 以下面代码为例，hover是鼠标悬停在元素上样式的改变，它不仅仅改变的是盒子的颜色，也可以改变盒子的宽高、边框等等等等。 活学
阅读全文
摘要：一、边框属性 border-width可以设置边框大小 border-style可以设置边框样式，取值有 dotted(点)solid（实线） double（双实线） dashed（虚线） border-color可以设置边框颜色 二、边框的应用 以拉勾网的登录页面为例，像图中账号密码，还有or这个
阅读全文
摘要：一、定义 弹性盒子由弹性容器(Flex container)和弹性子元素(Flex item)组成。 弹性容器通过设置 display 属性的值为 flex 或 inline-flex将其定义为弹性容器。 弹性容器内包含了一个或多个弹性子元素。 二、内容的排版样式 display: flex; ju
阅读全文
摘要：一、三种定位 使用position: ;进行定位设置 小tip：定位的时候是会有浏览器margin和padding干扰，使定位产生误差。这时就需要通配符解决*{margin：0；padding：0；}。或者在body里面设置就可以了 固定定位position: fixed; 相对于浏览器窗口定位，固
阅读全文
摘要：盒子模型： 一、盒模型 1.两个盒子嵌套 通过设置margin-top/right/bottom/left将内部盒子上下左右移动, 想要水平居中，则可以左右同时设置auto（自适应） ：margin-left: auto;margin-right: auto; 也可以简写为 margin;0 aut
阅读全文
摘要：一、特点 1.继承性 2.层叠性,后面的样式会覆盖前面相同的样式 二、分类 1.行内样式表，极差，不允许使用 如： 1 <div style=" 2 width: 100px; 3 height: 100px; 4 background: lightblue; 5 "></div> 2.头部样式表也
阅读全文
摘要：一、HTML基础标签语法 HTML 元素以开始标签起始 HTML 元素以结束标签终止 元素的内容是开始标签与结束标签之间的内容 某些 HTML 元素具有空内容（empty content） 空元素在开始标签中进行关闭（以开始标签的结束而结束） 大多数 HTML 元素可拥有属性 二、常见标签 1.<d
阅读全文
摘要：一、B/S架构 B是browser(浏览器) 用户使用的所有客户端（部分手机app，小程序）都可以把它视为浏览器的一种展示。 S是server(服务器) 。浏览器发出请求，通过http等互联网协议，发送至S端服务器，S端服务器把网页文件发送给前段，B端浏览器收到文件后，浏览器解析成图形界面，可供用户
阅读全文
