摘要: 一、file上传文件 <input type="file" multiple> multiple 设置多选 通过change事件监听是否上传文件 files 属性获取上传的文件集合 #二、FileReader接口 用来把文件读入内存,并且读取文件中的数据。 1. 创建读取文件对象 var f = n 阅读全文
posted @ 2020-12-14 11:31 人心不古 阅读(312) 评论(0) 推荐(0)
摘要: 拖放事件 #1. 三个对象 源对象 -- 被拖放的元素 过程对象 -- 经过的元素 目标对象 -- 到达的元素 #2. 源对象中的事件 要想让某个元素可以拖拽需要设置draggable="true"大多数的标签该属性默认值是false,但是img标签和a标签的draggable属性默认是true d 阅读全文
posted @ 2020-12-14 11:29 人心不古 阅读(188) 评论(0) 推荐(0)
摘要: 一、Cookie #1. 什么是 Cookie? Cookie 是一些数据, 存储于你电脑上的文本文件中。 cookie最大存储:4kb 当 web 服务器向浏览器发送 web 页面时,在连接关闭后,服务端不会记录用户的信息。 Cookie 的作用就是用于解决 "如何记录客户端的用户信息": 当用户 阅读全文
posted @ 2020-12-14 11:27 人心不古 阅读(431) 评论(0) 推荐(0)
摘要: 一、touch事件 PC端的鼠标事件无法满足移动设备触摸屏的特点, touch事件是移动端特有的 #1. 事件类型 touchstart 开始触摸 touchmove 手指滑动 touchend 触摸结束 touchcancel 触摸意外中断 (如:前女友的来电) #2. touch事件的基本用法 阅读全文
posted @ 2020-12-14 11:26 人心不古 阅读(178) 评论(0) 推荐(0)
摘要: 一、transform 转换属性 #1. translate位移 transform : translate(50px,100px); //把元素水平移动 50 像素,垂直移动 100 像素 transform : translateX(50px); //把元素水平移动 50 像素 transfor 阅读全文
posted @ 2020-12-14 11:25 人心不古 阅读(457) 评论(0) 推荐(0)
摘要: 一、rem布局 rem是相对于根元素的字体大小单位。 假设html的字体大小为16px,那么1rem = 16px; 一旦根元素html定义的font-size变化,整个页面中运用到的rem都会随之变化。 #1. 100等分法 1. html的font-size设置为100px -- 便于换算 2. 阅读全文
posted @ 2020-12-14 11:24 人心不古 阅读(326) 评论(0) 推荐(0)
摘要: 一、弹性布局(flex布局) #1. Flex 布局是什么? Flex 是 Flexible Box的缩写,意为"弹性布局",用来为盒状模型提供最大的灵活性。 任何一个容器都可以指定为 Flex 布局。 .box{ display: flex; } 行内元素也可以使用 Flex 布局。 .box{ 阅读全文
posted @ 2020-12-14 11:23 人心不古 阅读(177) 评论(0) 推荐(0)
摘要: 一、流式布局(百分比布局) 通过高度定死宽度百分比来适应不同的屏幕 #1. 经典的流式布局 左侧固定,右侧自适应 * { box-sizing: border-box; } .box { width: 100%; height: 700px; position: relative; } .right 阅读全文
posted @ 2020-12-14 11:21 人心不古 阅读(335) 评论(0) 推荐(0)
摘要: 一、什么是SASS SASS是一种强化CSS的辅助工具,提供了许多便利的写法,大大节省了设计者的时间,使得CSS的开发,变得简单可维护。 #二、安装和使用(VS Code中) #1.安装 下载扩展文件 ==Easy Sass== 在用户设置中加入以下代码既可 "easysass.targetDir" 阅读全文
posted @ 2020-12-14 11:20 人心不古 阅读(267) 评论(0) 推荐(0)
摘要: node是什么? ​ 一句话: 服务器 什么是服务器: ​ 一句话: 客户端访问 并且能够响应 为什么: ​ 一句话: 执行效率高 #安装 #控制台 切换磁盘: e: 改变目录: cd 目录 cd.. 上一层目录 运行node文件: node 文件名.js 自动补全: tab键 上一次/下一次代码: 阅读全文
posted @ 2020-12-14 11:16 人心不古 阅读(66) 评论(0) 推荐(0)