前端学习记录

本文是学习笔记，但是因为太过杂乱所以起了个综合性的名字，预知到未来查知识点的时候会头大如斗，但本着一切皆无所谓的态度，先记下再整理。(本章内容主要是函数) JS 中有 ... 这样的操作符，在数组中的

本文是学习笔记，但是因为太过杂乱所以起了个综合性的名字，预知到未来查知识点的时候会头大如斗，但本着一切皆无所谓的态度，先记下再整理。 上一章（JS Tips1）提到过，数组中的值可以用 .includ

本文是学习笔记，但是因为太过杂乱所以起了个综合性的名字，预知到未来查知识点的时候会头大如斗，但本着一切皆无所谓的态度，先记下再整理。 JS 也是从零开始数的。 值类型：String / Number

文字排布 line-height 行高，每一行的垂直距离。内容会在这个距离中自动居中，所以也有一种居中的方法是 height 和 line-height 设置成相同的。如果 line-height 的

字体 font-family 字体。常用的有Serif 、Sans-serif 、Monospace Serif（衬线字体） 中常见的有 Georgia 、Times New Roman 等字体； S

栅栏、栅格、网格等只是翻译不同 先来个 grid 容器（三列四行，每个元素都是100px的正方形），给容器设置 display:grid; 行数用这个设置 grid-template-rows:100

弹性盒子 flex 虽然很多pc端会用float来排版，但是就让 float 成为时代的眼泪吧，迎接一个更新更好更方便的弹性盒 flex 的布局模式吧。 父元素中写上display:flex ，可以让

内容包括了盒子模型、内外边距、行内和块元素、溢出、绝对单位与相对单位、定位、float浮动的简单介绍。

内容包含了选择器的优先级（权重）、属性的继承、color picker、渐变、阴影这些CSS的一些概念

Vue是什么 vue的文档简洁易懂，推荐直接看文档Vue2和Vue3。注意Vue文档中提到了“虽然没有完全遵循 MVVM 模型，但是 Vue 的设计也受到了它的启发。”

MVC的三个对象，用途，伪代码示例 MVC是一种设计模式。它展示了一种将各用途的代码分工的做法，三个对象紧密联系但是又互相独立，这样可以做到代码的模块化，对维护与升级都提供了便利。 EventBus

在上学期间，我们宿舍的人经常会点外卖到宿舍里吃，外卖小哥会把外卖放到宿舍楼门口的桌子上。通常我们会自己一个人一个人这样去拿，但后来，我们发现把拿餐的事情委托给宿舍长让她去拿，然后根据订单信息分发给每个

对事件(event)的描述，MDN是这样说的： 在浏览器中，事件的顺序会以两种方式来运行（也称作事件流），分别是IE提出的事件冒泡和Netscape提出的事件捕获。

最近简单了解了一下jQuery，将学习的内容做一个总结。 jQuery如何获取元素 基础语法： jQuery可以通过元素的id、类、类型、属性、属性值等等来查找选择HTML元素。

JS函数根据调用时机不同，最后得到的值是不一样的，有些时候，由于它的特性，可能会使结果与我们想象的不同。

对象是是什么 在JS中，有六种简单数据类型：Undefined、Null、Boolean、Number、String、Symbol。 一种复杂数据类型：Object（对象）

JS中的表达式和语句 表达式（expression） 是JS中的短语，一般都有值，如： 1+2的值为3 add(1,2)的值是函数的返回值 console.log的值是函数本身

JavaScript的诞生 在1995年的时候，网景公司的一个工程师Brendan Eich设计开发了一款可以用在浏览器上、用于与用户交互的脚本语言，叫Mocha，后来又改成了LiveScript。

URL是什么 URL（Uniform Resource Locator）统一资源定位符（俗称网址）。包含了 协议、域名/IP、端口号、路径、查询字符串、锚点。

在很多网页中，我们可以看到很多十分有趣或者炫酷的动画特效，这些都可以由CSS来实现，只需要一点基础和想象力。在了解基础的CSS动画前，明白浏览器是如何渲染这些页面的可以帮助我们更好的进行编程。