新一代前端工具链rome
Rome是最新一代的JavaScript和TypeScript的Linter。 但 Rome 不只是 Linter ， 它还是给 JavaScript，TypeScript，HTML， JSON，Markdown，CSS 使用的工具。 它不仅包含编译器，还包含打包工具，测试执行工具等等。它的目标是统一前端开发工具链。
image.png
Rome 是一个单一的完整的工具链，它和之前前端
前端
前端大屏适配方案：从设计到实现的全流程指南
引言随着数据可视化需求的增长，大屏展示项目在前端开发中越来越常见。然而，大屏开发面临独特的挑战：
屏幕分辨率多样：从1080P到4K甚至8K，如何保证清晰度？
布局复杂：多图表、多组件如何合理排列？
性能优化：数据量大、动画复杂，如何保证流畅性
突破亚马逊壁垒，Web Unlocker API 助您轻松获取数据
目录
一、Web Unlocker API简介
二、开始使用Web Unlocker API
1、首先进入控制台页面，点击左侧第一个tab键“代理 & 抓取基础设施”，找到“网页解锁器”，开始使用。
2、进入网页解锁器页面后，填写通道名称，添加简短描述，点击添加
3、直接展示代理基础设施/
前端流式输出实现详解：从原理到实践
前端流式输出实现详解：从原理到实践
前言
一、流式输出核心原理
1.1 什么是流式输出？
1.2 技术优势对比
1.3 关键技术支撑
二、原生JavaScript实现方案
2.1 使用Fetch API流式处理
关键点解析：
2.2 处理SSE（Server-Sent Events）
Vue中的keep-alive是什么意思？以及如何使用
一、keep-alive是什么？
<keep-alive>是vue内置的一个组件，能在组件的切换的过程中将状态保留在内存中，防止重复渲染DOM 包裹动态组件的时候，会缓存不活动的组件实例，而不是销毁他们！
<keep-alive>是一个抽象组件：它自身不会渲染一个DOM元素，也不会出现在父组件中，作为标签使用 包裹在需要缓存的组件中
注意：
1. include 字符串
iframe的父子页面通信
平时工作中有时会遇到页面嵌套的情况，一般是用iframe解决。那么，两个页面如何通信呢？下面分两种情况进行：
一、父子页面同源的情况
现在有两个不同源的iframe嵌套页面，父页面parent.html,子页面child.html，二者代码如下：
// parent.html
// ...
<iframe
id='testIframe'
name='test'
src='./ch
git stash 和 git stash pop 的用法
git stash 和 git stash pop 是 Git 中用来临时保存和恢复未提交更改的命令。它们通常用于在当前工作中切换到其他分支时保存工作进度。
git stash：
该命令用于将当前工作目录和暂存区（staging area）中的修改暂时保存到一个新的 stash 中，并将工作目录恢复到与上次提交一致的状态。
使用方式
vue-loader源码解读
调试
新增script调试脚本
npm run debug后打开chrome://inspect/,即可看到对应位置断点
初始化
webpack的插件要求是一个包含了apply方法的对象，将被其自动回调
为loader打标记
当编译对象创建后，读取loader并标记vue-loader为true，表示用户通过plugin方
Vue 组件间通信有哪几种方式
Vue 组件间通信主要指以下 3 类通信：父子组件通信、隔代组件通信、兄弟组件通信
1.props / $emit 适用 父子组件通信
props是父组件将值传给子组件，$emit是子组件通过派发事件的方式将值传给父组件
2.ref 与 $parent / $children 适用 父子组件通信
1）ref：如果在普通的 DOM 元素上使用，引用指向的就是 DOM 元素；如果用在子组件上，引用就指
