前端笔记

场景： 画百分比图表时，需要将原始值转化为相应百分比形式展示。 示例：[3, 3, 8] => ["21%", "21%", "58%"]

1. vue 运行时版本与完整版区别 2. vue-loader的作用 3. 如何配置使用模板字符串

gird布局和flex布局对比思考：经典flex布局场景；经典gird布局场景；对比flex，grid二维优势示例。思考：grid布局是flex布局的扩展还是替代？

文本省略与tooltip计算展示省略内容研究: 单行文本省略、多行文本省略、文本省略搭配tooltip展示

1. 常见git场景解决方案：merging、冲突... 2. 项目开发git套路操作创建alias使用

iframe渲染前后端pdf资源实验，修改样式实验，修改样式主要包括滚动条样式实验，iframe相关概念简单了解。

梳理使用a标签实现下载操作，包含：html a标签实现下载、js 创建a标签实现下载、非同源文件下载。

关键词：ArrayBuffer、blob、file、fileReader、formData、base64...粗览

多行文本超长单词断词方式探索研究：默认行为、直接断词、连词符连接断词、word-break等属性研究。

一道面试题叫当你把google.com打进goolgle到页面呈现中间经历了什么？ 答案在文中，搜索关键词”面试问题解答“。 // 由于字数限制，无法copy过来

计算机与计算机语言的关系、计算机程序与程序设计语言的关系概念粗解。包含计算机语言的分类、转换方式的分类；程序设计语言的特性和分类。

状态是数据的变化，通过视图交互或其他方式触发状态变化，状态的改变联动视图的渲染和逻辑的执行。“状态管理”管理状态变化前的逻辑，一般是异步的；管理状态变化后的联动处理，比如视图渲染或执行某段逻辑。

组件通讯的目的是传递信息,通讯可分为父子、兄弟、子孙组件间的通讯。通讯方式包含props/$emit、$children/$parent、provide/inject...

在对未知数据类型做判空处理，期待空值列表：undefined、null、''、NaN、[]、{}, 注意非空：`0、false。对比分析常见的判空函数，判断出不能满足业务需求。设计可以满足业务判空函数

文章介绍了js的数据类型：基本数据类型和对象；主要介绍如何判断出数据的数据类型的几种方式以及对比差异

简单介绍null、undefined的特点；主要介绍undefined、null的区别，重点介绍他们在表现形式上的区别

简单介绍js中的什么是对象；主要介绍构造函数的创建、类的生成在ES5、ES6中的区别；关键字：new、原型链