随笔分类 - 前端学习笔记
摘要：MongoDB 的特点：数据分层管理 在 MySQL 里面： 1 个 DBMS（数据库管理系统）可以有很多 DB（数据库） 1 个 DB 里面可以有很多 table（表） 1 个 table 里面可以有很多条 data（数据） 在 MongoDB 里面： 1个 DBMS 可以有很多 DB 1个 DB
阅读全文
摘要：koa2 是什么 koa2 是 nodejs web server 框架 框架（frame）和库（lib）的区别：框架是唯一的，库是可以共存的，框架关注全流程（如 Vue、React等），库关注单个功能（如 lodash 等） 使用 koa2 处理 http请求 我们新增两个接口（获取评论列表和新增
阅读全文
摘要：npm 安装的包，dependences 下的包和 devDependences 下得包有什么区别 dependences：生产环境使用的包，代码运行必要的包，没有包运行时会报错，如lodash decDdpendences：开发环境使用的包，代码运行不必要，没要包代码也能跑，使用这些包的目的是方便
阅读全文
摘要：Ajax 是什么 Ajax （Asynchronous JavaScript and XML，异步 JavaScript 和 XML） Ajax 中的异步：可以异步地向服务器发送请求，在等待响应的过程中不会阻塞当前页面。直到成功获取响应后，浏览器才开始处理响应数据 XML（可扩展标记语言），是前后端
阅读全文
摘要：Cookie 是什么 Cookie 全称 HTTP Cookie ，是浏览器存储数据的一种方式 因为存储在用户本地，而不是服务器上，属于本地存储 一般会自动随着浏览器每次请求发送到服务器端 利用 Cookie 可以跟踪统计用户访问该网站的习惯，比如什么时间访问，访问了哪些页面，在每个页面停留的时间等
阅读全文
摘要：前后端通信概念：前端和后端数据交互的过程 或 浏览器与服务器之间数据交互的过程 如访问页面，属于后端向前端发送数据 用户输入网址 通过解析的IP，，去找到对应的服务器要html等代码 服务端返回html代码，浏览器解析并展示页面 用户注册/登录，属于前端向后端发送数据 前端收集用户的信息，如手机号，
阅读全文
摘要：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.屏幕大小不一样，
阅读全文
浙公网安备 33010602011771号