前端知识分享喵

组件传值、高阶组件、Hook

事件绑定、组件props、条件渲染、列表、refs、组件声明周期

React简介和特点、虚拟DOM、JSX、项目搭建、组件与State状态

类、函数、for-of循环、类型推断

TypeScript会假设你，程序员，已经进行了必须的检查。需要注意的是，我们传入的对象参数实际上会包含很多属性，但是编译器只会检查那些必需的属性是否存在，并且其类型是否匹配。在TypeScript里，接口的作用就是为这些类型命名和为你的代码或第三方代码定义契约。基本原则就是如果一个变量不需要对它写入，那么其它使用这些代码的人也不能够写入它们，并且要思考为什么会需要对这些变量重新赋值。元组类型允许表示一个已知元素数量和类型的数组，各元素的类型不必相同。，因为它使你的代码更严谨，可以极大的减少出错的几率。

TypeScript 是 JavaScript 的强类型版本。然后在编译期去掉类型和特有语法，生成纯粹的 JavaScript 代码。由于最终在浏览器中运行的仍然是 JavaScript，所以 TypeScript 并不依赖于浏览器的支持，也并不会带来兼容性问题。TypeScript 是 JavaScript 的超集，这意味着他支持所有的 JavaScript 语法。并在此之上对 JavaScript 添加了一些扩展，如 class / interface / module 等。

版本控制工具Git 安装注册及使用

async 函数与代码优雅写法

Generator 函数 与 yield 关键字

Promise对象用于表示一个异步操作的最终完成（或失败）及其结果值。是异步编程的一种解决方案（可以解决回调地狱问题）

Iterator迭代器与 class类

Reflect 与 Proxy

ESModule 模块化

and3 table 即将废除 slots 写法

组件中的双向绑定、参数、修饰符

使用keep-alive的好处就是，在组件切换过程中将状态保留在内存中，防止重复渲染DOM，减少加载时间及性能消耗，提高用户体验性。

Teleport组件传送

本文的主要目的源于Vue中一个很有意思的案例：就是通过 lodash-es 打乱下图中文字的顺序，并让其变化过程中呈现动画效果。里面涉及到了 vue3 的 move 动画，shuffle 打乱数组数据的函数、页面的 grid 布局，而本文的主要目的是讲解快速生成所需数组的方式，里面涉及到一些 ES6 的数组知识，如果不够了解，最好去看一下。这里简单列举一下相关的知识：

透传 Attributes及其使用场景

非父子组件传参

父子通信是Vue项目开发过程中最常见使用最频繁的通信方式，可以解决大部分开发中的数据通信问题，简单易操作。此文章主要介绍父组件传递数据给子组件，以及子组件传递数据给父组件、子组件暴露树形给父组件三个部分的内容。

动态组件 & 递归组件 & 组件别名定义

组件注册与命名格式

组件化基础

随着信息化发展与数字转型，企业有大量的数据二次利用（secondaryuse）与挖掘需求，为了平衡数据利用与隐私保护（敏感数据保护）问题，数据脱敏——作为一种成熟且应用灵活的数据安全技术，成为当前绝大数企业在数据安全治理与建设过程中的必选技术与措施。

：“组合式函数”(Composables) 是一个利用 Vue 的组合式 API 来封装和复用有状态逻辑的函数。这里需要提一下的概念：它只包括了可重用的逻辑 (数据获取、分页等) 而不需要自己渲染内容，视图输出通过作用域插槽全权交给了消费者组件。大部分能用无渲染组件实现的功能都可以通过组合式 API 以另一种更高效的方式实现，并且还不会带来额外组件嵌套的开销。

Lodash 是一个一致性、模块化、高性能的 JavaScript 实用工具库，算是从分离出来的超集。Lodash 通过降低 array、number、objects、string 等等的使用难度从而让 JavaScript 变得更简单。lodash为了良好的浏览器兼容性，它使用了旧版 es5 的模块语法；而lodash-es则使用了 es6 的模块语法，这让 webpack 之类的打包工具可以对其进行tree shake。

【ES6知识】简介、语法变化、解构赋值

Vue 属于单页面应用，而单页面应用中“路由”是在客户端执行的。客户端的 JavaScript 可以拦截页面的跳转请求，动态获取新的数据，然后在无需重新加载的情况下更新当前页面。这样通常可以带来更顺滑的用户体验，尤其是在更偏向“应用”的场景下，因为这类场景下用户通常会在很长的一段时间中做出多次交互。

Driver.js 是一个功能强大且高度可定制的基于原生JavaScript开发的新用户引导库。主要的作用是为刚接触应用的新手用户快速了解产品，帮助用户把注意力聚焦到某项功能，从而快速熟悉我们的开发的产品。它没有依赖项，支持所有主要浏览器。

HTML属性非常多，除了一些基础属性外，还有许多有用的特别强大的属性本文将介绍24个强大的HTML属性，可以使您的网站更具有动态性和交互性，让用户感到更加舒适和愉悦。让我们一起来探索这24个强大的HTML属性吧！

除了正常的运行模式（混杂模式），ES5中添加了第二种运行模式：“严格模式”（strict mode）顾名思义，这种模式，使得JavaScript在更严格的语法下运行"严格模式"体现了Javascript更合理、更安全、更严谨的发展方向，包括IE 10在内的主流浏览器，都已经支持它，许多大项目已经开始全面拥抱它。另一方面，同样的代码，在"严格模式"中，可能会有不一样的运行结果；一些在"正常模式"下可以运行的语句，在"严格模式"下将不能运行。

想要将 Vue 打包成 App，要借助一些插件工具，例如：Electron、Cordova 等，或者直接利用开发工具，例如：Android Studio、HBuilderX 等。本文的目的是带大家通过 HBuilder 开发工具对 Vue 项目进行打包。

TransitionGroup 列表动画组件

Vue3自定义指令、权限按钮实现思路、自定义拖拽指令

今天在优化小程序的列表时候，想要把原生的 scroll-view 组件替换成一个下拉刷新的组件，然后就找了一下，果然有大神已经封装好。coolui-scroller 就是这样满足需求的一款插件，但是微信官网构建npm提示错误，未找到[1.06.2209190][win32-x64]？。试了几次，都说找不到这个插件。所以尝试着去找这个官网最新的资料，终于发现是做了更新，这里提前给大家踩坑了。项目开发的过程中，一定要注意版本的问题，否则很容易造成引入依赖失败，而这种问题又比较隐蔽。github 地址。

drag拖拽、音频视频、defer/async属性、dialog元素应用

WebWorker多线程、EventSource事件推送、History历史操作

Web存储 - cookie、localStorage、sessionStorage

computed 计算属性基础知识详解