
前端
文章平均质量分 85
前端技术整理
前端嘟老板
乘风破浪会有时,直挂云帆济沧海!!!
展开
专栏收录文章
- 默认排序
- 最新发布
- 最早发布
- 最多阅读
- 最少阅读
-
搞定 TS 装饰器,让你写 Node 接口更轻松
本文从一个极简的 User 服务类切入,重点讲述 TS 装饰器 相关的知识点原创 2024-05-07 15:08:13 · 1428 阅读 · 0 评论 -
为什么不建议在 Vue <style> 中使用 scoped?
我们使用 开发页面时,经常需要在 标签下编写样式。不知你是否留意,在 标签下有一个属性经常出现 - 。你知道它起到什么作用吗?原理是怎样的?有没有什么弊端呢?今天我们就来聊聊它。原创 2024-05-07 14:58:12 · 2304 阅读 · 0 评论 -
一文带你了解多数企业系统都在用的 RBAC 权限管理策略
今天我们来聊聊几乎所有企业系统都离不开的 权限管理,大家平时在做项目开发的时候,有没有留意过权限这块的设计呢?都是怎样实现的呢?如果现在脑子里对于这块儿不够清晰,那么,请跟我一起,来了解下企业系统常用的权限管理策略 - `RBAC` 模型。原创 2024-05-06 17:12:58 · 1440 阅读 · 0 评论 -
项目实战 | 如何恰当的处理 Vue 路由权限
结合真实项目案例,阐述对于 Vue 路由权限的处理过程及代码实现原创 2024-05-06 17:09:51 · 1199 阅读 · 0 评论 -
项目实战 | 如何正确使用 watch/computed/ref
最近接了个成本千万级的业务系统运维工作,前端是用 Vue3 写的。看了代码之后,我大为震惊,让我不得不重新思考下使用 Vue3 的正确姿势原创 2024-02-29 16:13:39 · 1098 阅读 · 0 评论 -
express 基础入门
想要了解 express 搭建后端服务的小伙伴请看过来。本文从 express 基础应用出发讲述其基础使用方法,帮助大家快速上手。原创 2024-02-29 10:49:48 · 1142 阅读 · 0 评论 -
React 源码中的 MessageChannel 到底是什么
哈喽大家好,我是 **SuperYing**。最近看 `React` 源码的时候,发现了一个我不太常用的玩意儿 - `MessageChannel`,这是什么东西呢?到底是用来做什么的呢?如我一般好奇的小伙伴们请跟着我一起往下看......原创 2024-02-25 17:36:30 · 1503 阅读 · 0 评论 -
TypeScript 模块那些事儿
哈喽,大家好,我是 SuperYing。今天我们来聊聊 TypeScript 模块那些事儿。关于术语的一点说明:TypeScript 1.5里术语名已经发生了变化。 “内部模块”现在称做“命名空间”。 “外部模块”现在则简称为“模块”,这是为了与 ECMAScript 2015 里的术语保持一致,(也就是说 module X { 相当于现在推荐的写法 namespace X {)。什么是模块TypeScript 沿用了 ES6 的模块概念。模块只能在其自身的作用域内执行,而不是在全局作用域里。模原创 2022-05-02 16:53:00 · 540 阅读 · 0 评论 -
关于 TypeScript 内置工具类型的那些事儿
哈喽,大家好,我是 SuperYing。今天我们来聊聊 TypeScript 的内置工具类型。对 TypeScript 有所了解的小伙伴应该知道,我们可以借助 TypeScript 语言强大的类型系统编写各种类型来实现代码的类型控制,提示等。其实 TypeScript 也是内置了一些开箱即用的工具类型,你们知道吗?接下来我们来看看到底有哪些吧…1.Partial该工具函数可以构造一个新类型,将类型参数 T 中的所有属性变为 可选属性。interface Person { name: string原创 2022-04-28 09:07:05 · 417 阅读 · 0 评论 -
Vue3 自定义指令:ClickOutside(点击当前区域之外的位置)
哈喽,大家好,我是 SuperYing。今天我们聊一个 Vue3 自定义指令 — ClickOutside,顾名思义,就是处理点击当前区域之外的位置的场景。Vue 指令首先,我们先来回顾一下 Vue 指令 相关的知识点。简介Vue 指令是带有 v- 前缀的特殊 attribute。指令 attribute 的值预期是 单个 JavaScript 表达式。指令的职责是当表达式的值改变时,将其产生的连带影响,响应式的作用于 DOM。注册方式1.全局注册通过 Vue 实例对象的 directive原创 2022-04-19 22:09:51 · 18715 阅读 · 6 评论 -
Rollup 插件开发牛刀小试
哈喽,大家好,我是 SuperYing。今天我们来聊聊 Rollup 插件开发,整点代码,小试牛刀。不知道大家是否了解过 Rollup 插件相关的东西,感兴趣的话可以到 Rollup 官网 瞅瞅。简单点理解,Rollup 的插件就是一个函数,返回值是一个对象,这个对象需要包括 Rollup 规定的属性,编译 hooks 和 输出 hooks 等。这部分规定的内容都可以在官网的 plugin-development 部分找到,我就不多赘述了哈。Rollup 插件可以实现诸如在打包前传输代码,在 node_原创 2022-04-14 22:21:02 · 1752 阅读 · 0 评论 -
从0到1搭建 Rollup + TypeScript 模板工程
哈喽,大家好,我是 SuperYing。今天我们来聊聊如何从 0 到 1 搭建一个 Rollup + TypeScript 工具库模板工程,包括从创建文件夹开始,到依赖配置,打包编译等一整套内容。Rollup 是一个 JavaScript 模块打包器,因此对于封装一个纯 js 库来说,无论从配置难易程度还是打包后体积来说,rollup 都是不二之选。对于 Rollup 感兴趣且不怎么熟悉的同学,可以浏览Rollup 官网了解下。接下来我们正式开始:1.创建 npm 工程1.1 创建文件夹// 切换原创 2022-04-13 09:00:17 · 3471 阅读 · 3 评论 -
Rollup + TypeScript 编译类型声明文件
hello 大家好,我是 SuperYing。本文将从工具库开发者角度讲述如何编译 TypeScript 类型声明文件。大家在使用 TS 作为开发语言,引入 JS 库的时候,经常遇到这样的报错:无法找到模块“@superying/remote-ui”的声明文件...这是由于引用的 JS 库没有对应的类型声明文件造成的,若 @types/ 没有维护响应的类型库,则需要自己手动在 .d.ts 中声明:// 如 global.d.ts declare module '@superying/remote-u原创 2022-04-08 23:26:44 · 3395 阅读 · 0 评论 -
浏览器从输入URL到页面展示流程及涉及知识点
DNS:域名解析,域名转换为IP地址TCP:传输控制协议,类似协议如UPD;TCP:可靠传输协议,速度快,可靠策略包括分片,错误重传,窗口校验等;UPD:不可靠传输协议,速度快,数据发送后不管结果;HTTP/SSL:http协议基于TCP协议;SSL安全协议,用于https协议;浏览器缓存策略: 强缓存:1)last-Modified/if-modify-since;2)e-tag/if-no-match; 协商缓存:向服务端发送请求,根据状态码判断,304表示使用缓存;响应解原创 2021-01-24 20:03:06 · 171 阅读 · 0 评论