随笔分类 - 前端
摘要：代码案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
阅读全文
摘要：代码案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" conten
阅读全文
摘要：简介 axios是前端Ajax请求库 在浏览器中发送Ajax请求到远程服务器，在nodejs中发送http请求到服务 支持promise 使用方式：npm或yarn安装、引入在线cnd npm install axios yarn add axios https://cdn.bootcdn.net/
阅读全文
摘要：简介 继承了⽗元素的某些属性 优点：继承可以简化代码，便于维护 默认设置继承的属性 ⽂字属性，⽂本缩进、对⻬、⾏⾼ 代码案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" co
阅读全文
摘要：CSS全称：层叠样式表(Cascading Style Sheets) 层叠是⼀个基本特征 ⼀个css属性被多次声明的时候，会根据优先级或者声明顺序来计算采⽤哪个样式 优先级是怎么计算 通配符选择器 1： * 标签选择器 2：div/span/p/li 类选择器 3：class id选择器 6：id
阅读全文
摘要：盒⼦的位置和⼤⼩ 尺⼨ 宽度 width: ⻓度|百分⽐|auto ⾼度 height 边界 margin padding 上右下左|上下左右 布局 浮动：float 定位：position 弹性布局：flex 盒⼦内容超出部分：overflow：hidden | scroll | auto 外观，
阅读全文
摘要：盒⼦的内边距(padding) padding-left:10px //左边距10px padding-top:10px //上边距10px padding-right:10px //右边距10px padding-bottom:10px //下边距10%，相对于⽗级元素的width padding
阅读全文
摘要：伪类选择器：不改变任何DOM内容。只是插⼊了⼀些修饰类的元素 :first-child {} //第⼀项 :last-child {} //最后⼀项 :nth-child(n) {} //第n项 :nth-child(2n+1){} //奇数项 :nth-child(2n) {} //偶数项 :no
阅读全文
摘要：元素（标签）选择器 组合选择器: h1,p{color:red} 结合标签选择器 h1.xiaodi {color:red;} 多类选择器 class="xiaodi background" 链接多个类选择器 .xiaodi.background{color:red; background-colo
阅读全文
摘要：写法 内部样式表 写在元素的style标签⾥⾯的 内联样式表 写在styles属性⾥⾯的 外部样式表 link标签将css资源引⼊ 外部样式表优点 解决⻚⾯当中样式重复的问题 代码分离，利于代码维护和阅读 浏览器会缓存起来，提⾼⻚⾯响应速度 代码案例 <!DOCTYPE html> <html la
阅读全文
摘要：<!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Document<
阅读全文
摘要：div元素 div 元素是块级元素，它可⽤于组合其他 HTML 元素的容器。 div 元素没有特定的含义。除此之外，由于它属于块级元素，浏览器会在其前后显示折⾏ 如果与 CSS ⼀同使⽤，div 元素可⽤于对⼤的内容块设置样式属性。 div 元素的另⼀个常⻅的⽤途是⽂档布局 span元素 span
阅读全文
摘要：代码案例 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Docu
阅读全文
摘要：使⽤场景需要提交⼀些信息到服务端的时候(前后端联调过程中) 核⼼元素input (核⼼元素) label (提⾼交互体验的) select(下拉框) textarea(⽂本域) button(按钮) form(表单元素，提交每个表单项内容) 代码案例 <!DOCTYPE html> <html la
阅读全文
摘要：表格的基本结构 由⼀⾏或者多⾏的单元格数据组成 在HTML中表示方式 table：HTML 表格 tr：元素定义表格⾏ th：数据中的表头单元格 td：表示单元格 table元素⾥常⽤的属性 border(边框) cellspacing(规定单元格之间的空⽩) cellpadding(规定单元边沿与
阅读全文
摘要：常用属性 src 图⽚路径 alt 图⽚加载失败或加载时显示的⽂字 title 悬浮在图⽚上⾯显示的⽂字 图⽚的来源 本地图⽚：稳定 线上图⽚：图⽚容易丢失 Base64图⽚ 优点：⼩图⽚占⽤内存⼩，不请求服务器，降低服务器资源与访问 缺点：⼤图⽚增⼤了数据库服务器的压⼒ 点击图⽚跳转 通过嵌套a标
阅读全文
摘要：a标签⽤法 跳转：<a href="xxx">链接⽂本</a> 锚点：<a href="#xxx"></a> target属性 brank：打开新的浏览器标签 路径 根据资源的类型判断，⼀般站外资源⽤绝对路径，站内资源⽤相对路径 绝对路径 https://xdclass.net 相对路径 ./ 代表
阅读全文
摘要：2-1 # 案例1 <!DOCTYPE html> <html> <head> <meta charset="utf-8"> </head> <body> <h1>静夜思</h1> <h2>李白</h2> <p>床前明月光</p> <p>疑是地上霜</p> <p>举头望明月</p> <p>低头思故乡
阅读全文
摘要：简介 序号1，是抓包的开关，红色表示正在监测，只要有网络请求发生，包就会被抓取到列到下方。再点击一下就会停止监测 序号2，清空抓包列表 序号3，过滤文件 序号4，可以打开左侧的搜索面板 序号5，必需要选中的，所有的抓包记录，保留请求日志，可以看到跳转前的请求，有的时候页面跳转了，之前的数据就清空了，
阅读全文
摘要：小程序与普通网页开发的区别 运行环境不同 网页运行在浏览器环境中 小程序运行在微信环境中 开发模式不同 网页的开发模式：浏览器 + 代码编辑器 小程序标准开发模式：申请小程序开发账号、安装小程序开发者工具、创建和配置小程序项目 API 不同 由于运行环境的不同，所以小程序中，无法调用 DOM 和 B
阅读全文
