前端学习笔记

一、使用 rem 和 px 函数适配各种屏幕 1. 算法 Wp为页面有效宽度，Hp为页面有效高度。 页面左右居中，上下居中。 若页面宽/高＞16/9，就左右留白。若页面宽/高＜16/9，就上下留白。

一. 浅拷贝与深拷贝 浅拷贝是创建一个新对象，这个对象有着原始对象属性值的一份精确拷贝。如果属性是基本类型，拷贝的就是基本类型的值，如果属性是引用类型，拷贝的就是内存地址 ，所以如果其中一个对象改变了

1. 定义 发布-订阅模式其实是一种对象间一对多的依赖关系，当一个对象的状态发生改变时，所有依赖于它的对象都将得到状态改变的通知。 订阅者（Subscriber）把自己想订阅的事件注册（Subscri

1. 节流（throttle） 节流形象的说就是技能冷却中。 代码演示： 还有一个简洁版，即删掉“冷却中”变量，直接使用timer代替： 使用方法： 2. 防抖（debounce） 防抖形象的说就是回

1. table 自带功能 2. 将 div 改造成 table 3. 100% 高度的 after before 加上 inline block 4. margin-top: -50% 5. tra

canvas 是什么 canvas 是 H5 中新增的标签，官方解释说 canvas 是一块画布，可以在网页中绘制图像，举个例子： HTML JavaScript 结果 SVG 是什么 svg即可缩放

一、var 、 let 和 const 1.1 let特性 不可声明前置 不可重复声明 块级作用域 暂时性死区（TDZ）：在let声明变量之前都是该变量的死区，在死区内该变量不可使用。 1.2 con

举个例子 父组件有 1000 元 子组件每次点击按钮会花掉 10 元 父组件上显示的余额与子组件显示的余额会相应发生变化 1、不使用 .sync 修饰符时 要实现父子组件间值的传递，通常使用 prop

一、什么是数据响应式 二、将数据变成响应式 1. getter,setter 如上例，getter、setter方法也可以是obj对象的属性，我们可以使用操作属性的点语法来获取name和修改name。

对两个版本的简单理解： 完整版：同时包含编译器和运行时的版本。 编译器：用来将模板字符串编译成为 JavaScript 渲染函数的代码。 运行时：用来创建 Vue 实例、渲染并处理虚拟 DOM 等代码

事件的本质是程序各个组成部分之间的一种通信方式，也是异步编程的一种实现。DOM 支持大量的事件。 一、DOM监听事件 DOM 节点的事件操作（监听和触发），都定义在EventTarget接口。所有节点

jQuery是目前使用最广泛的javascript函数库。 据统计，全世界排名前100万的网站，有80%以上使用jQuery，远远超过其他库。 一、获取元素 jQuery的基本设计思想和主要用法，就是

以上代码为什么会打印出6个6，而不是0,1,2,3,4,5呢？我的理解是这样的： 首先声明了一个全局变量i 随着for循环的执行i的值不断改变，当for循环结束时i = 6 而setTimeOut()

对象就是一组无序数据的集合，也可以说是键值对的集合。 声明对象的两种语法： 细节： 键名是字符串，不是标识符，可以包含任意字符。 引号可省略，省略之后就只能写标识符。 就算引号省略了，键名也还是字符串

一、语句 & 表达式 JavaScript 程序的执行单位为行（line），也就是一行一行地执行。一般情况下，每一行就是一个语句。 语句（statement）是为了完成某种任务而进行的操作，比如下面就

1.JavaScript之父 布莱登被称为JavaScript之父。 以前的浏览器不能与网页进行交互，如果网页上有表单或者其他输入框等需要用户填写的模块，若用户未填写，浏览器不会自动识别，只能在发给服

什么是URL URL全称 Uniform Resource Locator，意为 统一资源定位服务 URL由以下几个部分组成：协议+域名或IP+端口号+路径+查询字符串+锚点 协议 它表明了浏览器必须

一、CSS布局 什么是布局：简单来说就是把页面分成一块块。 布局分类： 固定宽度：一般是960px/100px/1024px 不固定宽度：文档流 响应式布局 布局选择 如要兼容IE9及一下版本浏览器，

一、元素 块元素：独占一行，可以设置宽高。常用的块元素有 p,h1-h6,div,ul,ol,tr,li,form 内联元素：所有内联元素都在一行显示，放不下会截断，不可以设置宽高。常用的内联元素有a

一.<a></a>标签的用法 1.作用： 跳转外部页面 跳转内部锚点 跳转到邮箱或者页面等 2.属性： href： 网址：例如：//google.com 路径：绝对/相对路径 id：href="#xx