- 博客(185)
- 资源 (8)
- 收藏
- 关注
原创 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 15980 11
原创 2024最新最全的前端面试题集锦(2024 持续更新中...敬请关注)
工作以来,感觉自己接触到的东西还是挺多的,但是当我面试的时候,就会发现各种问题,很多知识点都是模棱两可,答得不全面。究其原因,还是没有吃透这些内容。所以我决定,用几个月的时间,将我们大前端的大部分精选面试题进行整理,将大部分知识点进行归纳总结,为自己也为其他小伙伴们提供一份面试学习参考。
2020-12-17 14:10:34 7672 8
原创 高级Web前端必会面试题知识点,大厂面试必备
高级Web前端工程师必会面试题,这里只是整理一些范围知识点,并没有特别具体的面试题目,只要把这些知识点搞明白了,面试题都不是问题。文档持续更新中。。。加油骚年!!
2020-08-30 23:30:24 4622 1
原创 【TypeScript入坑】TypeScript 的装饰器
装饰器(Decorator)是一种语法结构,用来在定义时修改类(class)的行为。在语法上,装饰器有如下几个特征。第一个字符(或者说前缀)是,后面是一个表达式。后面的表达式,必须是一个函数(或者执行后可以得到一个函数)。这个函数接受所修饰对象的一些相关值作为参数。这个函数要么不返回值,要么返回一个新对象取代所修饰的目标对象。
2024-09-20 15:13:35 660
原创 【TypeScript入坑】TypeScript 的复杂类型「Interface 接口、class类、Enum枚举、Generics泛型、类型断言」
【TypeScript入坑】TypeScript 的复杂类型「Interface 接口、class类、Enum枚举、Generics泛型、类型断言、namespace」
2024-09-20 09:17:08 862
原创 【TypeScript入坑】TypeScript 的类型系统「any、unknow、never类型、数组、元组 tuple、函数、Symbol类型、对象」
TypeScript 数组有一个根本特征:所有成员的类型必须相同,但是成员数量是不确定的,可以是无限数量的成员,也可以是零成员。元组(tuple)是 TypeScript 特有的数据类型,JavaScript 没有单独区分这种类型。它表示成员类型可以自由设置的数组,即数组的各个成员的类型可以不同。元组必须明确声明每个成员的类型。函数的类型声明,需要在声明函数时,给出参数的类型和返回值的类型。Symbol 值通过Symbol()函数生成。在 TypeScript 里面,Symbol 的类型使用。
2024-09-20 08:54:38 224
原创 【TypeScript入坑】什么是TypeScript?
TypeScript:是 JavaScript 的超集,拥有类型机制,不会再浏览器直接执行,而是编译成 JavaScript 后才会运行。超集(superset):比如 ES6 包含了 ES5 所有的内容,还有一些独特的语法特性,就可以理解为 ES6 是 ES5 的超集类型:指的是静态的类型,js 中一个存放字符串的变量,后续依旧可以将数字、对象、数组等类型赋值到该变量,这是动态类型。而 ts 则是静态类型,后续不可更改类型。
2024-09-20 08:45:29 317
原创 记一次 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 384
原创 前端项目代码开发规范及工具配置
在项目开发中,良好的代码编写规范是项目组成的重要元素。本文将详细介绍在项目开发中如何集成相应的代码规范插件及使用方法。
2024-09-19 10:17:29 1343
原创 webpack5 构建优化方案看这篇就够了!【Node.js进阶】
无论在面试还是内部晋升,webpack 构建优化方案 一直都是非常重要的部分。
2024-09-18 17:51:59 1596
原创 Koa (下一代web框架) 【Node.js进阶】
koa (中文网) 是基于 Node.js 平台的下一代 web 开发框架,致力于成为应用和 API 开发领域中的一个更小、更富有表现力、更健壮的基石;利用 `async 函数` 丢弃回调函数,并增强错误处理,koa 没有任何预置的中间件,可快速的编写服务端应用程序。
2024-09-18 15:11:26 1282
原创 CSS 新特性查漏补缺,快来看看你用过几个?
这些属性其实并没有多么新,但受限于固有的浏览器兼容思维,可能在日常开发中用的不多,随着 IE11 都已经是小众浏览器后,可以大胆用起来了。
2024-09-14 15:49:10 1181
原创 不能嵌套的 HTML 元素,你用错过几个?
大部分 HTML 标签都是可以互相嵌套使用的,但为了确保文档结构的正确性和语义的清晰性,某些标签有特定的嵌套规则,违反这些规则刘然浏览器会尝试自动修复,但可能会导致非开发者预期的页面渲染错误或意想不到的行为
2024-09-14 10:54:05 927
原创 CSS 实现 flex布局最后一行左对齐的方案「多场景、多方案」
在CSS flex布局中,使用来控制列表的水平对齐方式,使用或者对齐时,如果最后一行的列表的个数不满,就会出现最后一行没有完全垂直对齐的问题。👇 如下示例:
2024-01-25 11:32:45 4269
原创 关于js复制内容到浏览器原生剪贴板报错:Cannot read properties of undefined (reading ‘writeText‘)的解决方案【已全平台解决】
根据使用浏览器提供的原生功能 navigator.clipboard 返回的 Clipboard 对象的方法 writeText() 写文本到剪贴板。在本地开发,或者说是在使用http://127.0.0.1:8088 或者 http://localhost:8088 本地调试时,是没有问题的,但是如果使用绑定 host 或者使用不安全域(域名+http)时,使用此功能,就会发生下面的报错:Cannot read properties of undefined (reading 'writeText')
2024-01-24 16:37:59 1871
原创 单点登陆(SSO)基于CAS实现前后端分离的SSO系统开发「IDP发起」
单点登录(SSO),英文全称为 Single Sign On。SSO 是指在多个应用系统中,用户只需要登录一次,就可以访问所有相互信任的应用系统。一般同域的SSO,用共享session就可以实现了,常见于各微服务都是自己开发的情况。更普遍的场景是跨域集成的SSO,这时候一般采用标准的CAS方案。IDP SSO 服务用于解决同一公司不同业务应用之间的身份认证问题,只需要登录一次,即可访问所有添加的应用。此服务可以涵盖用户在公有云和私有云中的双重需求。
2024-01-24 14:50:53 2181
原创 「JavaScript基础」一文彻底搞懂JS的事件流以及事件模型
在JavaScript中,事件流和事件模型是处理用户交互的关键概念。深入理解这些概念将使你能够更好地处理和响应用户的动作。本文将详细介绍JavaScript的事件流和事件模型。
2024-01-23 18:59:37 2041
原创 一起来加深对 SASS 的理解「最强总结篇,含Demo」
Sass 是一种CSS预处理器,它引入了许多增强和扩展CSS的功能,使样式表的编写更加灵活和可维护。与纯粹的CSS相比,Sass提供了嵌套规则、变量 (nesting)、混合器(mixins)、继承等功能,大大提高了样式表的可读性和可维护性。
2024-01-23 10:54:02 1305
原创 关于 Ant Design 如何给组件去掉/关闭动画效果的解决方案【Antd v5 已解决】
Antd 默认内置了一些组件交互动效让企业级页面更加富有细节,在一些极端场景可能会影响页面交互性能,如需关闭动画可以在 ConfigProvider 给组件 Dropdown 设置 motion: false
2024-01-22 14:32:16 2200
原创 关于 contentEditable 可编辑DIV 实现在光标处插入自定义图片【已解决,可直接使用】
可编辑DIV也就是常说的富文本编辑器。当我们自己实现一个富文本编辑器时,需要设置div的可编辑属性 `contenteditable="true"`
2024-01-22 10:32:04 1402
原创 我的技术发展规划「深耕前端,广揽新知」
在充满变革与创新的大前端领域,作为一名经验丰富的工程师,我深感对技术的持续追求和学习是保持竞争力的关键。新的一年即将到来,我制定了一份详细的技术发展规划,旨在深入学习前端核心技术,挖掘框架底层的奥秘,拓展大前端技能边界,以及不断追赶行业的最新潮流。
2024-01-10 19:36:35 470
原创 关于解决Edge浏览器下使用createObjectURL生成的Blob下载错误的问题【已解决】
在前端开发中,我们经常会遇到需要将内容下载为文件的情况。为了实现这一功能,通常会使用 Blob 对象生成一个链接,然后利用a标签的下载属性将内容保存到本地。然而,近期在使用Edge浏览器时,发现这一过程中出现了一些问题,导致下载操作失败。本篇博客将介绍在Edge浏览器中使用createObjectURL解决Blob下载错误的问题。
2024-01-08 15:51:07 2600
原创 关于TypeScript 扩展全局 Window 时报错「类型“Window & typeof globalThis”上不存在属性“xx”」的解决方案【TS+已解决】
由于TypeScript需要开发者做到先声明后使用。这就导致开发者在调用很多原生接口(浏览器window、Node.js)或者第三方模块的时候,因为某些全局变量或者对象的方法并没有声明过,导致编译器的类型检查失败。通常情况下,我们给`window`对象赋值,只需要`window.propoerty = 'xxx'`,但是在此处编译器或者检查器,并不认识`window`是什么,所以给出了错误提示。
2024-01-08 14:39:59 4848
原创 杀疯了的ChatGPT——开启AI智能交流新纪元 「文末有彩蛋」
欢迎打开 ChatGPT 的新世纪大门 🌍。随着人工智能技术的飞速发展,自然语言处理(NLP)领域也取得了巨大的进步。ChatGPT 是 OpenAI 开发的一种先进的自然语言处理模型,ChatGPT4 目前是 GPT 系列的最新版本,当前我们是基于ChatGPT 3.5 进行的分享。ChatGPT提供了前所未有的自然语言生成能力。本文将介绍ChatGPT的高级之处以及如何使用这一强大的工具,让我们一同探索它的魅力。
2023-08-03 13:44:12 825 1
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人