菜鸟前端笔记

`cubic-bezier()` 函数是 CSS 中用于定义动画速度变化的一种时间函数，它通过四个参数定义了一个三次贝塞尔曲线，决定了动画在不同时间段的速度变化。这四个参数分别代表了贝塞尔曲线的两个控

数据可视化基础 什么是数据可视化？ 数据可视化就是将数据转化为可视化的物体。 数据可视化分类 科学可视化 信息可视化 可视分析 为什么要数据可视化？ 记录信息 分析推理 证实假设 交流思想 可视化设计

前端设计模式应用 什么是设计模式 软件设计中常见问题的解决方案模型 历史经验的总结 与特定语言无关 设计模式背景： 模式语言：城镇、建筑、建造 设计模式：可复用面向对象软件的基础 浏览器中的设计模式

Web多媒体 基础知识 编码格式 图像基本概念 图像分辨率：用于确定组成一副图像的像素数据，就是指在水平和垂直方向上图像所具有的像素个数。 图像深度：图像深度是指存储每个像素所需要的比特数。图像深度决

关于小程序 小程序与Web的区别 有着固定的语法以及统一的版本管理，平台可以更方便的进行审核 平台能够控制各个入口，如二维码，文章内嵌，端内分享。入口上也能带来更好的用户体验 小程序基于特殊的架构，在

TypeScript TypeScript是静态类型，弱类型语言 静态类型 可读性增强：基于语法解析TSDoC，ide增强 可维护性增强：在编译阶段暴露大部分错误=>多人合作的大型项目中，获得更好的稳

关于Webpack 什么是Webpack 本质上是一种前端资源编译、打包工具 多份资源文件打包成一个 Bundle 支持 BabelEslint、TS、Coffescript、Less、 Sass 支

初识WebGL Modern Graphics System 光栅 (Raster)：几乎所有的现代图形系统都是基于光栅来绘制图形的，光栅就是指构成图像的像素阵列。 像素（Pixel)：一个像素对应图

Web开发安全 攻击篇 Cross- Site Scripting（XSS） xss主要利用了 盲目信任用户的提交内容 string-> DOM document.write element.inne

关于HTTP browser进程 处理输入信息 ↓ ---------------------页面加载完成 浏览器内核 -------------发起请求->读取响应->渲染↑ 什么是HTTP Hyp

前端动画实现 1.常见的前端动画技术 Sprite动面、CSS动画、JS动面、SVG动画和WebGL动面 2.按应用分类 U动画、基于Web的游戏动画和动画数据可视化 计算机动画原理 计算机图形学：

响应式系统和react react的设计思路 用原生的JS写UI大概会遇到三个痛点 1.状态更新，UI 不会自动更新，需要手动地调用 DOM进行更新。 2.欠缺基本的代码层面的封装和隔离，代码层面没有

关于开发调试 「动态修改元素和样式」 点击.cls 开启动态修改元素的 class 输入字符串可以动态的给元素添加类名 勾选/取消类名可以动态的查看类名生效效果 点击具体的样式值（宇号、颜色、宽度高度

一个学习中的菜鸟是如何从0开始了解JS，关于JS（一） Javascript的语法和Java很相似，都对大小写是敏感的。

我作为菜鸟对于CSS的浅理解，以及其中涉及的一些属性、应该如何去使用选择器、一些组合，还有几个常见布局。

一个才学前端的菜鸟的关于HTML标签的一个不完全总结，主要写了一些比较常见的标签，还附带了一些例子。