前端技术分享
vue中涉及的字符串模板与dom模板
最近看到vue官方文档的时候，多次提及字符串模板和dom模板，对这个概念比较模糊，经查阅后记录供日后参考。1. 字符串模板字符串模板就是写在vue中的template中定义的模板，如.vue的单文件组件模板和定义组件时template属性值...
vscode中的jsconfig.json文件首行无故报错
问题在vscode中，我们配置完jsconfig.json文件后可能会报错。分析vscode会自动进行JavaScript文件的语义检查。因为自定义的jsconfig.json文件无法覆盖vscode自带的配置，所以会报错。解决方法打开配置...
tsconfig.json配置说明
在 TypeScript 开发中，tsconfig.json 是个不可或缺的配置文件，它是我们在 TS 项目中最常见的配置文件，那么你真的了解这个文件吗？它里面都有哪些优秀配置？如何配置一个合理的 tsconfig.json 文件？本文将全...
babel、vue编译，Prettier原理等离不开的AST技术
概要本文将通过以下几个方面对AST进行学习为什么要了解AST，简要说明AST在开发中的重要性什么是AST，对AST有一个直观的认识AST是如何生成的，分析将代码解析成AST的原理...
JavaScript中undefined与null的区别
大多数计算机语言，有且仅有一个表示"无"的值，比如，C语言的NULL，Java语言的null，Python语言的None，Ruby语言的nil。有点奇怪的是，JavaScript语言居然有两个表示"无"...
Vue的diff算法解析
1. 前言diff算法是一种通过同层的树节点进行比较的高效算法，避免了对树进行逐层搜索遍历，所以时间复杂度只有 O(n)。diff算法的在很多场景下都有应用，例如在 vue 虚拟 dom 渲染成真实 dom 的新旧 VNode 节点比较更新...
什么是BFC？看这一篇就够了
BFC 定义BFC(Block formatting context)直译为"块级格式化上下文"。它是一个独立的渲染区域，只有Block-level box参与， 它规定了内部的Block-level Box如何布局，并...
前端性能优化的知识（下）
引言当遇见“你为性能优化做了哪些事情”，70% 的人上来就说减少合并资源、减少请求、数据缓存这些优化手段；15% 的人会提到需要在 DevTools 下先看看首屏时间，围绕首屏来优化；10%的人会提到需要接入一个性能平台来看看现状，诊断一下...
前端性能优化的知识（上）
前言引言反复看下以下三个问题。有木有不同的人问过你：什么是前端性能优化？有木有不同的面试官问过你：你为前端性能优化做过什么？有木有哪一次，你问过自己：别人问我前端性能优化到底应该如何答复？...
Vue3.0七大亮点
一，性能比2.x快1.2～2倍diff算法的优化在vue2中，虚拟dom是全量比较的。在vue3中，增加了静态标记PatchFlag。在创建vnode的时候，会根据vnode的内容是否可以变化，为其添加静态标记PatchFlag。diff的...
这些原生DOM操作你还记住多少😨
前言 最近在二次封装一个公司内部的UI组件库，其中一个模块就是给 element-plus 的 message 进行扩展，大量运用到了原生DOM操作，操作DOM最方便...
script中defer和async区别
主要记录下defer和async的区别:在没有defer或者async的情况下,会立即执行脚本,所以通常建议把script放在body最后<script src="script.js"></s...
三十分钟包会——正则表达式
一、前言正则表达式，对大家来说既熟悉又陌生。熟悉是因为工作中有很多场景能用到，比如手机号、邮箱、密码等规则校验。陌生则是因为正则表达式看上去就是一堆乱码，且一眼看上去很难看懂匹配规则。有时候在网上去找一个特定规则的正则表达式，搜出来的结果各...
- 最新文章
-
2年前 (2022-04-01)
2年前 (2022-02-23)
2年前 (2022-02-08)
2年前 (2022-01-20)
2年前 (2021-12-07)
- 热评文章
-