前端技术分享
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最方便...
CSS3 @media 用法总结
//语法: @media mediatype and | not | only (media feature) { css-code;&n...
script中defer和async区别
主要记录下defer和async的区别:在没有defer或者async的情况下,会立即执行脚本,所以通常建议把script放在body最后<script src="script.js"></s...
三十分钟包会——正则表达式
一、前言正则表达式,对大家来说既熟悉又陌生。熟悉是因为工作中有很多场景能用到,比如手机号、邮箱、密码等规则校验。陌生则是因为正则表达式看上去就是一堆乱码,且一眼看上去很难看懂匹配规则。有时候在网上去找一个特定规则的正则表达式,搜出来的结果各...