小小羊羊

什么是正则表达式？ 基本语法？底层原理？优化建议？实用示例？你想知道的，都在这里！正则表达式（英语：Regular Expression，常简写为regex、regexp或RE）常用来匹配和处理文本…

一. 什么是 tree-shaking 前端中的 tree-shaking 可以理解为通过工具"摇"我们的 JS 文件，将其中用不到的代码"摇"掉，是一个性能优化的范畴。具体来说，在 webpack

我们知道，如果写import xxx from 'xxx.js'所有的资源都会被打包进一个资源文件里面。 这样做的优点就是能减少最终页面的HTTP请求数，但是缺点也同样存在： 随着项目的不断增大，最终

关于首屏优化，我做了哪些 前段时间领导突然找到我，说新项目的访问怎么变得这么慢，我立马访问对应页面，果然，首页加载8、9s，这近10s的等待时间，对于用户来说，无疑是痛苦的。于是乎领导就把这个首页加载

本文介绍了使用monaco-editor优化打包体积的思路和示例代码。通过按需加载需要的功能模块来实现减小打包体积的优化，并给出了引入常用功能模块的示例代码，如代码高亮、折叠、右键菜单、代码格式。

Base64在前端应用其实很广泛，截图，jwt，头像剪裁，混淆加密，soureMap等等，探求起源，理解原理以及相关的编码知识。

实现网页版编辑器有比较成熟的插件，这里使用的是微软的开源组件monaco-editor，由于官网文档较为晦涩难懂，结合中文文档，完成网页编辑器的代码高亮、代码 提示以及中文汉化等功能

微软之前有个项目叫做Monaco Workbench，后来这个项目变成了VSCode，而Monaco Editor（下文简称monaco）就是从这个项目中成长出来的一个web编辑器，他们很大一部分的代码（monaco-editor-core）都是共用的，所以monaco和VSC…

1. 普通组件的watch监听props传参 3. immediate属性 如果通过动态组件来切换组件里面的watch是不会监听props第一次传值的。要等到propsTime值改变时才执行监听计算。 4. deep属性 但是这样性能开销就会很大，假如一个对象里面有多层嵌套，里…