- 博客(195)
- 资源 (8)
- 收藏
- 关注
原创 前端性能优化:理论与实战「强烈建议实践收藏慢慢看,干货太多」
前端性能优化一直是开发过程中不可忽视的重要环节,尤其是随着前端技术的不断进化,性能的提升不仅仅是让页面“快一点”,更是让用户在各种网络环境下都能获得流畅的体验。作为一名高级前端开发工程师,我将从理论和实践结合的角度,详细阐述性能优化的各个方向。前端性能优化贯穿了网络、页面渲染、JavaScript执行、图片处理、打包构建和框架使用等多个环节,最终目的是提升用户体验,减少加载时间,提升交互响应速度。网络优化。
2024-10-22 10:40:44 1015
原创 Vue3应用之使用Vite搭建Vue3项目以及TypeScript、Vue Router、Vuex、Ant Design的使用
尤大的 Vue3.0 已经发布有一阵子了, 已经很成熟了。今天想起来,是时候该上手体验分享一波了。前言大家都知道,在 Vue3 生态系统中有一个新构建工具 Vite ,它的开发服务器比 Vue CLI 快 10 ~ 100倍,是不是很好奇?具体的内容可以移步至:迟到的 Vue3.0 与 Vite 的体验学习总结 的 七、Vite 与 Vue CLI 阅读。本文将主要分享如何使用 Vite 来创建一个 Vue3.0 的项目,并且结合相关内容(TypeScript、Vue Router、Vuex、An.
2021-01-05 18:06:59 16056 11
原创 2024最新最全的前端面试题集锦(2024 持续更新中...敬请关注)
工作以来,感觉自己接触到的东西还是挺多的,但是当我面试的时候,就会发现各种问题,很多知识点都是模棱两可,答得不全面。究其原因,还是没有吃透这些内容。所以我决定,用几个月的时间,将我们大前端的大部分精选面试题进行整理,将大部分知识点进行归纳总结,为自己也为其他小伙伴们提供一份面试学习参考。
2020-12-17 14:10:34 9987 9
原创 高级Web前端必会面试题知识点,大厂面试必备
高级Web前端工程师必会面试题,这里只是整理一些范围知识点,并没有特别具体的面试题目,只要把这些知识点搞明白了,面试题都不是问题。文档持续更新中。。。加油骚年!!
2020-08-30 23:30:24 4902 1
原创 「JavaScript深入」熟悉事件循环Event Loop吗?说说事件循环机制和宏任务微任务「 拿走不谢」
「JavaScript深入」熟悉事件循环吗?说说事件循环机制和宏任务微任务
2024-10-17 09:36:39 1064
原创 「JavaScript深入」彻底搞懂JS原型与原型链
「JavaScript深入」彻底搞懂JS原型与原型链:原因、使用class实现继承、原型、原型链、prototype和proto
2024-09-28 16:20:13 947
原创 「JavaScript深入」聊一聊 new操作符具体干了什么?
「JavaScript深入」聊一聊 new操作符具体干了什么:概念「在JavaScript中,`new` 操作符用于创建一个给定构造函数的实例对象」、流程、手写一个new
2024-09-27 17:42:37 580
原创 「JavaScript深入」彻底理解JS中的闭包
彻底理解JS的闭包问题:概念、示例、实用的闭包、用闭包模拟私有方法、一个常见错误:在循环中创建闭包、优劣、图解闭包、闭包在实际中的应用
2024-09-25 09:44:21 1395
原创 「JavaScript深入」一文说明白JS的执行上下文与作用域
一文说明白JS的执行上下文与作用域:上下文执行、上下文、生命周期、执行栈、作用、作用域等内容
2024-09-24 11:17:30 1089
原创 「JavaScript深入」深拷贝与浅拷贝,如何手写实现?
「JavaScript进阶」深拷贝与浅拷贝,如何手写实现?浅拷贝:浅拷贝得到的对象会受原对象的影响(同样可以影响原对象)深拷贝:深拷贝得到的对象不会受到原对象影响
2024-09-24 08:53:56 679
原创 「JavaScript深入」一文吃透JS的基本数据类型 Symbol
一文吃透JS的基本数据类型Symbol:概念、Symbol.prototype.description、作为属性名的Symbol、实例:消除魔术字符串、属性名的遍历、Symbol.for(),Symbol.keyFor()、内置的Symbol值
2024-09-23 13:41:23 1106
原创 【TypeScript入坑】TypeScript 的declare关键字、d.ts类型声明文件
【TypeScript入坑】TypeScript 的declare关键字、d.ts类型声明文件
2024-09-23 09:03:17 427
原创 【TypeScript入坑】TypeScript 的装饰器
装饰器(Decorator)是一种语法结构,用来在定义时修改类(class)的行为。在语法上,装饰器有如下几个特征。第一个字符(或者说前缀)是,后面是一个表达式。后面的表达式,必须是一个函数(或者执行后可以得到一个函数)。这个函数接受所修饰对象的一些相关值作为参数。这个函数要么不返回值,要么返回一个新对象取代所修饰的目标对象。
2024-09-20 15:13:35 856
原创 【TypeScript入坑】TypeScript 的复杂类型「Interface 接口、class类、Enum枚举、Generics泛型、类型断言」
【TypeScript入坑】TypeScript 的复杂类型「Interface 接口、class类、Enum枚举、Generics泛型、类型断言、namespace」
2024-09-20 09:17:08 1178
原创 【TypeScript入坑】TypeScript 的类型系统「any、unknow、never类型、数组、元组 tuple、函数、Symbol类型、对象」
TypeScript 数组有一个根本特征:所有成员的类型必须相同,但是成员数量是不确定的,可以是无限数量的成员,也可以是零成员。元组(tuple)是 TypeScript 特有的数据类型,JavaScript 没有单独区分这种类型。它表示成员类型可以自由设置的数组,即数组的各个成员的类型可以不同。元组必须明确声明每个成员的类型。函数的类型声明,需要在声明函数时,给出参数的类型和返回值的类型。Symbol 值通过Symbol()函数生成。在 TypeScript 里面,Symbol 的类型使用。
2024-09-20 08:54:38 365
原创 【TypeScript入坑】什么是TypeScript?
TypeScript:是 JavaScript 的超集,拥有类型机制,不会再浏览器直接执行,而是编译成 JavaScript 后才会运行。超集(superset):比如 ES6 包含了 ES5 所有的内容,还有一些独特的语法特性,就可以理解为 ES6 是 ES5 的超集类型:指的是静态的类型,js 中一个存放字符串的变量,后续依旧可以将数字、对象、数组等类型赋值到该变量,这是动态类型。而 ts 则是静态类型,后续不可更改类型。
2024-09-20 08:45:29 454
原创 记一次 npm cache clean --force 时报错 Your cache folder contains root-owned files, due to a bug in...的解决方案
因为默认情况下,npm不允许完全清空缓存。这个命令会删除所有缓存数据,确保你的后续安装使用的是最新的包。这段字面描述很清楚,你的缓存目录中包含 root 权限的文件,所以因为你没有权限操作这个文件就报错了。首先删除 node_modules 目录和 package-lock.json 文件,以确保从头开始。最后的安装完依赖,项目成功跑起来了,哦耶✌️。安装依赖包下载依赖的时候报错。执行此命令,问题解决。
2024-09-19 14:14:16 814
原创 前端项目代码开发规范及工具配置
在项目开发中,良好的代码编写规范是项目组成的重要元素。本文将详细介绍在项目开发中如何集成相应的代码规范插件及使用方法。
2024-09-19 10:17:29 1602
原创 webpack5 构建优化方案看这篇就够了!【Node.js进阶】
无论在面试还是内部晋升,webpack 构建优化方案 一直都是非常重要的部分。
2024-09-18 17:51:59 1666
原创 Koa (下一代web框架) 【Node.js进阶】
koa (中文网) 是基于 Node.js 平台的下一代 web 开发框架,致力于成为应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石;利用 `async 函数` 丢弃回调函数,并增强错误处理,koa 没有任何预置的中间件,可快速的编写服务端应用程序。
2024-09-18 15:11:26 2564
原创 CSS 新特性查漏补缺,快来看看你用过几个?
这些属性其实并没有多么新,但受限于固有的浏览器兼容思维,可能在日常开发中用的不多,随着 IE11 都已经是小众浏览器后,可以大胆用起来了。
2024-09-14 15:49:10 1212
原创 不能嵌套的 HTML 元素,你用错过几个?
大部分 HTML 标签都是可以互相嵌套使用的,但为了确保文档结构的正确性和语义的清晰性,某些标签有特定的嵌套规则,违反这些规则刘然浏览器会尝试自动修复,但可能会导致非开发者预期的页面渲染错误或意想不到的行为
2024-09-14 10:54:05 1004
原创 CSS 实现 flex布局最后一行左对齐的方案「多场景、多方案」
在CSS flex布局中,使用来控制列表的水平对齐方式,使用或者对齐时,如果最后一行的列表的个数不满,就会出现最后一行没有完全垂直对齐的问题。👇 如下示例:
2024-01-25 11:32:45 4781
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人