随笔分类 - 前端开发
摘要：• 函数使用 function是被设计为执行特殊任务的代码块 调用： • 函数传参 在调用的时候写传入参数，相当于写的公式，然后传参数，函数进行接收参数 • 函数返回值 使用return进行返回结果 在开发中先进行赋值之后进行输出 例子：利用函数求数组最大数 利用数组可以返回多个值 求一组数据中最大
阅读全文
摘要： 循环 -for 例1： 可以结合数组进行操作 退出循环：continue：结束本次循环，继续下次循环 break：跳出所在的循环 循环嵌套： 例1： 例2： 99乘法表： 数组 例1：：求数组 [2,6,1,7, 4] 里面所有元素的和以及平均值 数组求最大值和最小值 需求：求数组 [2
阅读全文
摘要：运算符 • 算术运算符 • 赋值运算符 • 一元运算符 • 比较运算符 • 逻辑运算符 • 运算符优先级 语句 • 分支语句 If分支语句 双分支语句 多分支语句： 三元运算符 例： switch 语句 例： • 循环语句 while循环： 例： 计算1-100之间的所有偶数和 contin
阅读全文
摘要：• JavaScript 书写位置 工作中常用外部写法，和css样式基本相同 • JavaScript 的注释 • JavaScript的结束符 • 输入和输出语法 输出语句 console.log是程序员使用 输入语句 1.变量 声明变量：let 变量名 "=" 赋值符号 例如：let age='
阅读全文
摘要：1. 精灵图（盒子的背景图） 项目中将多张小图片，合并成一张大图片，这张大图片称之为精灵图 使用步骤： 1. 创建一个盒子 2. 通过PxCook量取小图片大小，将小图片的宽高设置给盒子 3. 将精灵图设置为盒子的背景图片 4. 通过PxCook测量小图片左上角坐标，分别取负值设置给盒子的backg
阅读全文
摘要：1. 定位的基本介绍 2. 定位的基本使用 3. 静态定位 4. 相对定位 注意事项：如果left和right都有则以left为准 如果右top 和bottom则以top为准 5. 绝对定位 注意：绝对定位与margin冲突，解决办法如下： 6. 子绝父相 （子absolute：这是相对定位 相父：
阅读全文
摘要：结构伪类选择器 ◆ 伪元素 ◆ 浮动 ◆ 清除浮动 清除浮动 1.去除高度 2.额外标签法：给添加的块级元素设置 clear:both 缺点：会在页面中添加额外的标签，会让页面的HTML结构变得复杂 3.单伪元素清楚法 注意：工作中常用 /* 单伪元素清除浮动 和 额外标签法原理是一样的 */ .c
阅读全文
摘要：一.、 选择器进阶 1. 复合选择器 1.1 后代选择器：空格 1.2 子代选择器：> 2. 并集选择器 利用 ” ，“隔开 3. 交集选择器紧挨着 4. hover伪类选择器 （鼠标悬停时变颜色，用冒号：隔开） 5. Emmet语法 二、背景相关属性 1. 背景颜色 简写（bgc） 2. 背景图片
阅读全文
摘要：1. CSS样式的三种引入方式 1.1 内嵌式 1.2 外联式 1.3 行内式 三种引入方式用处： 2. 基础选择器 2.1 标签选择器 2.2 类选择器 2.3 id选择器 2.4通配符选择器 3.字体和文本的样式 3.1 字体的大小 3.2 字体的粗细 3.3 字体的倾斜 3.4字体的系列 3.
阅读全文
摘要：列表标签：有序列表和无序列表和自定义列表 1. 无序列表 2. 有序列表 3.自定义列表 二、 表格的使用 1.表格的基本标签 2.表格的属性 注意：宽高属性一般在css里面进行设置 3.表格的标题和表头的单元格标签 4.表格的结构 5. 合并单元格 三、表单的使用 1. input标签 2.pla
阅读全文
摘要：一、VS Code新html文件建 1.生成骨架 2.HTML注释 注释快捷键 ctrl+/ （浏览器不会渲染注释） 3.标题标签（h系列） ctrl+d可以同时修改两个标签里面的东西 3.段落标签 4.换行标签<br>和水平线<hr> 5.文本格式化标签 6.图片的操作 7.音频，视频标签 以下为
阅读全文
