勋章
我关注的人
粉丝
技术能力
- 前端开发
- JavaScript
- 设计模式
- 开发框架
- 开发工具
- Web App开发
暂时未有相关云产品技术能力~
linwu，高级开发工程师，曾就职于腾讯，360等多家互联网大厂，写过监控系统，微前端，维护过TDesign组件库，工作中负责内部团队基础设施搭建，喜欢golang，关注我，带你一起进阶 联系方式：linwu-hi
-
发表了文章 2023-07-05
《深入浅出Dart》Flutter环境的安装与配置
Flutter环境的安装与配置 在开发Flutter应用之前，我们首先需要安装和配置Flutter环境。在本文中，我们将分别介绍Windows，macOS和Linux下的安装和配置过程。首先，需要满足以下基本要求： 操作系统：Windows 7 SP1或更高版本，macOS 10.10或更高版本，或Linux（对各发行版没有特殊要求） 磁盘空间：1.64 GB以上 Git：确保您的操作系统上安装了Git。
-
发表了文章 2023-07-05
《深入浅出Dart》Flutter简介
Flutter简介 Flutter是由Google开发和维护的开源框架，自2017年以来，已经迅速获得了开发者社区的广泛认可。其主要目的是开发出高性能、高保真的移动应用程序，用于iOS和Android两个主要平台。 Google创建Flutter的初衷是解决跨平台开发中的一些普遍问题，包括性能瓶颈，不同平台的UI不一致等。Google希望Flutter能够创建美观、流畅且用户体验接近原生应用的应用程序。目前，Flutter已经逐步扩展到其他平台，如Web、桌面应用和嵌入式系统。
-
发表了文章 2023-07-05
《深入浅出Dart》Flutter之Material和Cupertino组件
Material和Cupertino组件 在本篇文章中，我们将使用官方最新的Dart语法和新知识，详细介绍Flutter中的Material Design和Cupertino风格组件。Flutter提供了两种主题风格，分别是Material Design和Cupertino，用于创建漂亮、一致的用户界面。我们将深入探讨这两种风格的组件，并提供官方文档链接，以便你进一步学习。
-
发表了文章 2023-07-05
《深入浅出Dart》状态管理
状态管理 在应用程序开发中，状态管理是一项重要的任务，用于管理应用程序的数据和状态。状态管理的目标是确保应用程序的不同部分能够共享和响应相同的数据，并保持数据的一致性和更新。 在Dart和Flutter中，有多种状态管理方案可供选择，以满足不同规模和复杂度的应用程序需求。以下是一些常用的状态管理方案：
-
发表了文章 2023-07-05
《深入浅出Dart》编写第一个Flutter应用
编写第一个Flutter应用 在本文中，我们将详细介绍如何编写你的第一个Flutter应用程序：一个简单的Hello World应用。我们将使用Dart语言和Flutter框架来创建一个具有基本用户界面的应用。 步骤 1：安装 Flutter 和 Dart 首先，确保你已经安装了Flutter和Dart的开发环境。可以参考之前提供的安装指南。
-
发表了文章 2023-07-05
《深入浅出Dart》Flutter路由管理
Flutter路由管理 在本篇文章中，我们将深入探讨Flutter中的路由管理，使用最新的Dart语法和Flutter框架。路由管理是构建应用程序导航和页面跳转的关键部分，它可以帮助我们实现复杂的导航结构和页面切换效果。让我们详细了解Flutter中的路由管理和一些常用的组件。
-
发表了文章 2023-07-05
《深入浅出Dart》Flutter实战之TODO应用
Flutter实战之TODO应用 在本篇文章中，我们将构建一个TODO应用，使用最新的Dart语法和Flutter框架。这个TODO应用将具备添加、编辑、删除任务，以及任务的状态管理等功能。让我们一步一步地构建这个TODO应用。 步骤 1：创建Flutter项目 首先，我们需要创建一个Flutter项目。打开终端并执行以下命令：
-
发表了文章 2023-07-05
《深入浅出Dart》类的继承
继承 继承的概念和用途 在面向对象编程中，继承是一种能够创建新类的方式，我们可以在新类中添加新的方法和字段，也可以对父类的方法进行覆写或扩展。 子类和父类 在 Dart 中，我们可以使用 extends 关键字来创建一个子类：
-
发表了文章 2023-07-05
《现代Typescript高级教程》命名空间和模块
命名空间和模块 命名空间（Namespace） 在 TypeScript 中，命名空间是一种将代码封装在一个特定名称下的方式，以防止全局作用域污染并避免命名冲突。命名空间在 TypeScript 中非常重要，因为它们为模块化和封装提供了灵活的选项。 创建命名空间的语法如下：
-
发表了文章 2023-07-05
《现代Typescript高级教程》类型推断
类型推断 TypeScript通过类型推断可以自动推导出变量和表达式的类型，提高代码的可读性和可维护性。 类型推断 类型推断是 TypeScript 在编译时根据上下文自动推导变量和表达式的类型。它根据变量的赋值、函数的返回值、表达式的操作等信息来确定变量或表达式的最佳类型。 1. 基础类型推断
-
发表了文章 2023-07-05
《现代Typescript高级教程》协变和逆变
类型兼容：协变和逆变 引言 在类型系统中，协变和逆变是对类型比较(类型兼容)一种形式化描述。在一些类型系统中，例如 Java，这些概念是显式嵌入到语言中的，例如使用extends关键字表示协变，使用super关键字表示逆变。在其他一些类型系统中，例如 TypeScript，协变和逆变的规则是隐式嵌入的，通过类型兼容性检查来实现。
-
发表了文章 2023-07-05
《现代Typescript高级教程》实战之封装Fetch
TypeScript封装Fetch 1. 安装与配置TypeScript 首先，你需要在你的机器上安装TypeScript。在命令行中输入以下命令:
-
发表了文章 2023-07-05
《现代Typescript高级教程》泛型和类型体操
泛型和类型体操 泛型和类型体操（Type Gymnastics）是 TypeScript 中高级类型系统的重要组成部分。它们提供了强大的工具和技巧，用于处理复杂的类型操作和转换。
-
发表了文章 2023-07-05
《现代Typescript高级教程》高级类型
高级类型 映射类型（Mapped Types） 映射类型（Mapped Types）是 TypeScript 中一种强大的类型操作工具，它允许我们在编译时转换已知类型的属性，并创建一个新的类型。通过映射类型，我们可以对已有类型的属性进行转换、修改或添加新的属性。这在许多情况下都非常有用，例如将属性变为只读或可选，从现有属性中选择一部分属性等。 映射类型的语法形式为
-
发表了文章 2023-07-05
《现代Typescript高级教程》结构化类型
类型兼容：结构化类型 TypeScript 是一种基于 JavaScript 的静态类型语言，它为 JavaScript 添加了类型系统，并提供了强大的类型检查和自动补全功能。TypeScript 的类型系统有一个非常重要的特性，那就是 "鸭子类型"（Duck Typing）或 "结构化类型"（Structural Typing）（文章会以"鸭子类型"（Duck Typing）作为简称）。这种特性有时会让人感到惊讶，但它是 TypeScript 增强 JavaScript 开发体验的重要方式之一。
-
发表了文章 2023-07-05
《现代Typescript高级教程》解读TSConfig
解读TSConfig TypeScript 配置文件（tsconfig.json）是用于配置 TypeScript 项目的重要文件。它允许开发者自定义 TypeScript 编译器的行为，指定编译选项、文件包含与排除规则、输出目录等。通过合理配置 tsconfig.json，我们可以根据项目需求进行灵活的 TypeScript 编译设置。
-
发表了文章 2023-07-05
《现代Typescript高级教程》扩展类型定义
扩展类型定义 在 TypeScript 中，我们可以通过声明文件（.d.ts 文件）来为现有的 JavaScript 库提供类型定义，或者为现有的类型添加额外的属性和方法。这个过程通常被称为“类型声明扩展”。在这篇文章中，我们将详细探讨如何通过声明文件扩展类型定义。
-
发表了文章 2023-07-05
《现代Typescript高级教程》类型守卫
类型守卫 概述 在 TypeScript 中，类型守卫可以用于在运行时检查变量的类型，并在代码块内部将变量的类型范围缩小到更具体的类型。这种类型收窄可以让 TypeScript 编译器更好地理解我们代码的意图，从而提供更准确的类型推断和类型检查。
-
发表了文章 2023-07-05
《现代Javascript高级教程》JavaScript中的原型与继承
原型和原型链 JavaScript是一门支持面向对象编程的语言，它的函数是第一公民，同时也拥有类的概念。不同于传统的基于类的继承，JavaScript的类和继承是基于原型链模型的。在ES2015/ES6中引入了class关键字，但其本质仍然是基于原型链的语法糖。
-
发表了文章 2023-07-05
《现代Javascript高级教程》JavaScript中的编码方法：escape、encodeURI和encodeURIComponent的深入理解
JavaScript中的编码 在编写JavaScript代码时，我们常常需要处理URLs，这时候理解JavaScript中的escape，encodeURI和encodeURIComponent函数就显得尤为重要。这些函数用于将特殊字符转化为能在URL中安全传输的形式。本文将详细介绍这三个函数的用法和区别，以帮助你更准确的处理URL编码问题。
-
发表了文章 2023-07-05
《现代Javascript高级教程》ShadowDOM
JS Shadow DOM：创建封装的组件和样式隔离 引言 在现代的 Web 开发中，组件化和样式隔离是非常重要的概念。为了解决这些问题，Web 标准引入了 Shadow DOM 技术。Shadow DOM 允许开发者创建封装的组件，并将组件的样式和行为隔离在组件的 Shadow DOM 内部。本文将详细介绍 Shadow DOM 的属性和 API，并探讨其在实际开发中的应用场景。
-
发表了文章 2023-07-05
《现代Javascript高级教程》深入理解事件处理和传播机制
JavaScript事件流：深入理解事件处理和传播机制 引言 JavaScript中的事件流是一种机制，用于描述和处理事件在DOM树中的传播过程。了解事件流的属性和工作原理对于编写高效的事件处理代码和实现复杂的交互功能至关重要。本文将详细介绍JavaScript事件流的发展流程、属性以及应用场景，并提供一些代码示例和引用资料，帮助读者深入理解并应用这一重要的前端技术。
-
发表了文章 2023-07-05
《现代Javascript高级教程》页面通信
前端跨页面通信：实现页面间的数据传递与交互 引言 在前端开发中，有时我们需要在不同的页面之间进行数据传递和交互。这种场景下，前端跨页面通信就显得尤为重要。前端跨页面通信是指在不同的页面之间传递数据、发送消息以及实现页面间的交互操作。本文将详细介绍前端跨页面通信的属性、应用场景以及实现方法，并提供一些代码示例和引用资料，帮助读者深入了解并应用这一重要的技术。
-
发表了文章 2023-07-05
《现代Javascript高级教程》装饰器
JavaScript修饰器：简化代码，增强功能 引言 在JavaScript中，修饰器（Decorator）是一种特殊的语法，用于修改类、方法或属性的行为。修饰器提供了一种简洁而灵活的方式来扩展和定制代码功能。本文将详细介绍JavaScript修饰器的概念、语法和应用场景，并提供相关的代码示例。
-
发表了文章 2023-07-05
《现代Javascript高级教程》JavaScript函数式编程
JavaScript函数式编程 引言 函数式编程（Functional Programming）是一种编程范式，它将计算机程序视为数学函数的组合，强调函数的纯粹性和不可变性。JavaScript作为一种多范式的语言，也支持函数式编程风格。本文将介绍JavaScript函数式编程的基本概念和特点，并通过代码示例来展示其实际应用。
-
发表了文章 2023-07-05
详解前端数据存储
详解Cookie, Session, SessionStorage, LocalStorage 引言 在Web开发中，数据的存储和管理是非常重要的。Cookie、Session、SessionStorage和LocalStorage是常见的Web存储解决方案。本文将详细介绍这些概念，比较它们的特点和用法，并提供相关的代码示例。
-
发表了文章 2023-07-05
《现代Javascript高级教程》监测DOM变化的强大工具
MutationObserver：监测DOM变化的强大工具 引言 在Web开发中，操作和监测DOM元素的变化是一项常见的任务。MutationObserver是JavaScript提供的一个强大的API，用于异步监测DOM树的变化，并在发生变化时执行相应的操作。本文将详细介绍MutationObserver的属性、应用场景以及使用示例，帮助读者充分理解和应用这一强大的工具。 1. MutationObserver简介
-
发表了文章 2023-07-05
如何理解V8引擎的垃圾回收机制，试试用动画的方式
引言 JavaScript的运行环境极大地依赖于垃圾回收（GC）机制，而V8引擎则是其中最著名的执行环境之一。V8引擎的垃圾回收机制保证了内存的有效管理，使得开发者可以在不直接处理内存分配和回收的情况下创建复杂的Web应用。我们来理解V8引擎的垃圾回收机制，包括栈回收、堆回收以及代际假说的应用。
-
发表了文章 2023-07-05
用动画的方式讲透vue3 keep-alive组件原理
前言 Vue3的内置KeepAlive组件是一个高效且实用的抽象组件，它能够优化组件性能，减少频繁卸载和挂载DOM所带来的开销。对于一些复杂的、需要长时间计算或获取数据的组件，使用KeepAlive可以极大提高用户体验。接下来我们将通过剖析KeepAlive组件的源码，来深入理解其背后的实现原理，主要分析组件渲染、缓存处理、props参数的处理，以及组件卸载过程。
-
发表了文章 2023-07-05
我工作中用到的性能优化全面指南（2）
使用WebGL进行3D渲染 WebGL是一种用于进行3D渲染的Web标准，它提供了底层的图形API，并且能够利用GPU进行加速，非常适合于进行复杂的3D渲染。
-
发表了文章 2023-07-05
全网最详细的谷歌插件开发小册📚（2)
使用tabs API chrome.tabs API 允许插件操作浏览器的标签页，例如创建新的标签页，关闭标签页，切换标签页，修改标签页的URL等。以下是一个创建新标签页的示例：
-
发表了文章 2023-07-05
全网最详细的谷歌插件开发小册📚（1）
Chrome插件 Chrome插件，或称为扩展，是一种专为Google Chrome浏览器设计的软件应用程序。插件可以让开发者向浏览器中添加新的特性或功能，或者对现有的功能进行增强或改变。从改变浏览器的视觉主题，到阻止广告，从管理密码到加强网络安全，Chrome插件的使用场景几乎无所不包，给用户带来高度定制化的浏览体验。 插件运行在Chrome浏览器的沙盒环境中，这意味着它们在浏览器中执行，但不会影响到计算机的其他部分。这种设计保证了浏览器的稳定性和用户的安全。 插件的开发主要依赖于Web技术，包括HTML、CSS和JavaScript，因此，任何有Web开发经验的人都能够相对容易地开始Chr
-
发表了文章
2023-09-25
在项目中使用Service Worker 与 PWA
-
发表了文章
2023-09-25
我对请求做了个性能小优化，提升了50%的页面性能
-
发表了文章
2023-09-25
前端也能获取电池信息，5分钟带你了解奇奇怪怪的知识点
-
发表了文章
2023-09-25
没登录网页也能个性化推荐？5分钟带你了解浏览器指纹
-
发表了文章
2023-09-25
金九银十，带你复盘大厂常问的项目难点（四）
-
发表了文章
2023-09-25
金九银十，带你复盘大厂常问的项目难点（三）
-
发表了文章
2023-09-25
金九银十，带你复盘大厂常问的项目难点（二）
-
发表了文章
2023-09-25
金九银十，带你复盘大厂常问的项目难点（一）
-
发表了文章
2023-09-25
面试官：说说Javascript数据类型和类型转换（二）
-
发表了文章
2023-09-25
面试官：说说Javascript数据类型和类型转换（一）
-
发表了文章
2023-09-25
预备金九银十，这套前端面试小册阁下请收好
-
发表了文章
2023-09-25
分享一次我github被封的经历以及迁移指南
-
发表了文章
2023-09-25
2023 年了解即将推出的 CSS 功能
-
发表了文章
2023-09-25
写给前端同学的Nginx配置指南（二）
-
发表了文章
2023-09-25
写给前端同学的Nginx配置指南（一）
-
发表了文章
2023-09-25
基于Axios二次封装请求库,带你重构面试亮点（二）
-
发表了文章
2023-09-25
基于Axios二次封装请求库,带你重构面试亮点（一）
-
发表了文章
2023-09-25
5分钟教你SSL证书自动巡检与过期提醒
-
发表了文章
2023-09-25
5分钟教你使用 console.log 管理你的输出日志
-
发表了文章
2023-09-25
说lottie谁是lottie?
