前端学习笔记

最近又做到了瀑布流的需求，一直用的 js 方案，想看看目前有没有更好的解决方法，于是就收集了一些流传较广的方法，并总结一下优缺点。

实现单个元素的拖动、单个元素在容器内的拖动，多个元素在容器内的拖动，transform和position的性能问题，获取元素transform后的offsetTop和offsetLeft

前言 对于大屏可视化来说，适配屏幕是一个重要的内容，一旦画面的格式出现了错误，对于整体的观感是毁灭性的打击。在我的这个项目中，我使用了动态REM来进行屏幕适配 如何适配屏幕？ 一般来说，前端做出来的页

从访问网站的流程入手，浅谈性能优化 输入baidu.com DNS解析出IP DNS服务优化，花钱 给服务器发http请求 多个tcp连接 连接复用（keep-alive） 服务器查询数据库 SQL优

前言 今天在B站看到了一个分享按钮的制作，简单看了一下发现里面有一个很有意思的点 HTML结构 不难看出这边使用了一个checkbox和一个label，两者相互关联，点击label就会触发checkb

背景 做一个动态的导航栏，需要在点击一个导航栏时，将active类转移到我点击的li上， 有多个li，因此想到使用事件委托来实现。 问题 初始代码如下，由于li中有a标签，其中又有两个span标签，因

创建一个函数组件 Hooks useState setN一定会触发重新渲染 数据会被存入新的n useReducer Flux/Redux思想 useState的复杂版，常用于表单 创建初始值 创建操

类组件的基本结构 props和state props是外部属性，state是内部属性 props只读不写，state能读能写，但是不能直接修改state state的读写 state需要在constr

React起源 React是由Facebook开发，2013年5月开源的一个框架 React VS Vue 相同点 都是对视图的封装，React是用类和函数表示一个组件，而Vue是通过构造选项构造一个

什么是路由 简单来说，路由就是根据需求将用户请求分发某个或某些个地点（keywords: 分发、请求） 前端路由 根据用户的请求，展示不同的内容 路由表 路由表就是一种对应关系，不同的路径对应不同的i

什么是双向绑定 变量变化，UI也跟着变化；当用户改变UI，变量也随之变化，这就是双向绑定。 在Vue中，通过v-model实现表单的双向绑定。 v-model的实质 实质是监听用户的输入事件以更新数据

computed computed是计算属性，可以计算出一个值 特点： 可以直接调用，不需要加括号 有缓存机制，如果依赖不变，computed的值不会再重新计算 watch watch是监听 特点：

安装webpack webpack.config.js 首次使用webpack时，需要初始化webpack.config.js webpack-dev-server 使用webpack-dev-ser

数据响应式，顾名思义，Vue会在数据改变时做出响应，更新页面、执行函数等等，这便是Vue的数据响应式。 Vue通过监听observe和代理proxy实现数据响应式。 代理proxy 通过代理obj来操

区别 Vue.js Vue.runtime.js 体积 最大 比Vue.js小40% 功能 包含HTML Compiler 不含HTML Compiler cdn引入 选择Vue.js 选择Vue.r

MVC、EventBus、表驱动编程、模块化 MVC MVC 是将整个代码分为三个大的模块M、V、C，每个模块负责不同的功能。 M-Model(数据模型)，负责操作所有的数据 V-View(视图)，负

跨域 同源 源 = 协议 + 域名 + 端口号 如果两个 url 的协议、域名、端口号完全一致，那么这两个 url 就是同源的 同源策略 浏览器规定如果 JS 运行在源 A 里，那么就只能获取源 A

Promise 与 回调 与 异步 异步与回调 关联 异步任务需要在得到结果时通知 JS 来拿结果 可以让 JS 留一个函数地址(电话号码)给浏览器，异步任务完成时浏览器调用该函数地址即可(拨打电话)

AJAX Async JavaScript And XML 关键词：异步、JS、XML 实质：用JS发请求和收响应 四个步骤 创建 HttpRequest 对象（全称是 XMLHttpRequest）

DOM 事件及事件委托 DOM 事件模型 某一个元素有父元素，它的父元素还有父元素，它们都有监听事件，那么按什么顺序触发呢？ 2002年，W3C发布标准 原文文档，很长很难看 首先从外向内找监听函数，