随笔分类 - 前端学习笔记 / 移动端开发学习笔记
摘要：class：类，可以看作是对象的模版，用一个类可以创建许多不同的对象 定义class 类名一般首字母大写 class Person {} √ class Person() {} × class Person {}; 一般不在结尾加分号 添加构造方法，实例化对象时自动执行，必须有构造方法 <scrip
阅读全文
摘要：字符串在ES6新增的方法 includes()，判断字符串中，是否包含指定的字符串，第一个参数表示指定的字符串，第二个参数表示从什么位置开始（默认为0） const str = "hello world !!!"; console.log(str.includes("h"));//true cons
阅读全文
摘要：ES6，是ECMAScript 6的简写，ECMA：欧洲计算机制造商协会，是一个标准化的组织 ECMAScript是由这个组织制定的一个语言标准（JS标准），兼容性很好 HTML和CSS的语言标准是由W3C制定的 ES6与JavaScript的关系：JavaScript（浏览器端）= ECMAScr
阅读全文
摘要：性能：页面的响应速度 打开页面到实际能够使用的时间，加载快不快（1.网络请求的时间 2.页面加载和渲染的时间） 与页面进行交互的流程程度，操作卡不卡（JavaScript脚本的执行速度） 更快的首屏内容 更快地加载页面的首屏内容（不需要滚动就能看到的内容），优先考虑 性能优化点 网络请求过程中的优化
阅读全文
摘要：1、移动端事件包括：Touch（触摸事件）、Pointer（指针事件） 2、Touch事件的类型 touchstart（手指按到屏幕，PC端无效） touchmove（手指在屏幕上移动，移出div后同样生效） touchend（手指抬起，离开屏幕） touchcancel（手指在屏幕上的时候，发生了
阅读全文
摘要：Sass 是一款强化 CSS 的辅助工具，它在 CSS 语法的基础上增加了变量 (variables)、嵌套 (nested rules)、混合 (mixins)、导入 (inline imports) 等高级功能，这些拓展令 CSS 更加强大与优雅。使用 Sass 以及 Sass 的样式库（如 C
阅读全文
摘要：Grid网格布局：将网页划分为一个个的网格，任意组合网格，做出各种各样的布局 Grid容器（container）和项目（item） 采用网格布局的区域称为容器（container），Grid容器的所有直接子元素自动成为容器的成员。称为Grid项目（item）Tip：单元格（cell）和项目（item
阅读全文
摘要：响应式布局：一个网站兼容多种终端，对不同尺寸的屏幕做出响应（媒体查询），并进行相应的布局 媒体查询（Media querys）：简称媒询，针对不同大小的屏幕写样式 @media 媒体查询生效条件{ 生效后执行的css代码; } /* 屏幕设备(用于电脑屏幕，平板电脑，智能手机等), 并且最小宽度32
阅读全文
摘要：rem vw布局，实现除图片外的等比例缩放（图片如果只设置宽高，本身就是等比例的） em和rem有什么区别 em：‘em’的值是基于其父元素的字体大小的，由于这种相对性，嵌套的元素使用‘em’可能会导致复合效应，使计算变得复杂 rem：‘rem’的值是基于根元素（‘通常是<html>’元素）的字体大
阅读全文
摘要：Flex弹性布局 Flex（FLexible Box），用来为盒模型提供最大的灵活性，任何一个容器都可以指定为Flex容器 Flex更像是一个工具, 可以配合其他布局使用，PC端也可以使用Flex, 只是因为兼容性的问题, 并没有像移动端使用的这么普遍 采用Flex布局的元素，被称为Flex容器（f
阅读全文
摘要：流体布局是对已学内容的应用，只需把绝对单位改为相对单位（px换为%）即可 添加viewport <meta name="viewport" content="width=device-width, initial-scale=1.0, user-scalable=no, maximum-scale=
阅读全文
摘要：web开发特点： 1.代码使用HTML，CSS和JavaScript 2.代码在浏览器中运行 移动端与PC端区别方式： 一般可以看操作系统，windows，linux，macos一般是PC端，android，ios，鸿蒙一般是移动端。 移动端web开发和pc端web开发的关系： 1.屏幕大小不一样，
阅读全文
