自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(33)
  • 收藏
  • 关注

原创 【无标题】

css3 中变量的定义和使用

2024-11-27 10:23:19 220

原创 Vue3 + Vite 项目引入 pinia 和 pinia-plugin-persistedstate

Vue3 + Vite 项目引入 pinia 和 pinia-plugin-persistedstate

2024-11-20 20:21:58 1623

原创 Vue3 + Vite 项目引入 postcss + tailwindcss

Vue3+Vite 项目引入 postcss + tailwindcss

2024-11-20 19:19:46 1253 1

原创 从零开始创建一个 Vue3+Vite+TS+Eslint项目

从零开始创建一个Vue3项目

2024-11-19 20:32:27 367

原创 Vue3 + Vite + TS 项目引入 Eslint + Pritter

Vue3+Vite+TS项目引入Eslint+Prittier

2024-11-19 20:30:44 1790

原创 Vue3 + Vite 项目引入 Typescript

Vue3+vite项目中如何引入Typescript

2024-11-19 16:24:06 1430

原创 HTTP 缓存策略

ETag 的流程跟 Last-Modified 是类似的,区别就在于 ETag 是根据资源内容进行 hash,生成⼀个信息摘要,只要资源内容有变化,这个摘要就会发生巨变,通过这个摘要信息比对,即可确定客户端的缓存资源是否为最新,这比 Last-Modified。Expires 是 http1.0 提出的⼀个表示资源过期时间的 header,它描述的是⼀个绝对时间,由服务器返回。在缓存有效期内命中缓存,浏览器会直接读取本地的缓存资源,当缓存过期之后会与服务器进行协商。浏览器第⼆次请求时就会与服务器进行协商。

2024-11-18 11:24:26 996 1

原创 Vue3 + Vite 常用插件配置:自动导入模块+自动按需导入组件+动态创建图标+设置组件名

Vite 常用插件配置:自动导入+自动注册组件+动态创建图标+设置组件名

2024-07-25 15:37:42 1576

原创 CSS 设置 pointer-events 忽略鼠标事件

CSS 为元素设置 pointer-events 属性为 none,从而忽略元素鼠标事件

2024-07-23 20:33:23 1065

原创 Javascript 路由参数解析

提取路由参数,将其解析为对象

2024-07-23 20:18:10 191

原创 Vue 自定义指令

Vue3 项目中常见的自定义指令

2024-07-23 20:14:20 649

原创 Sass 语法

Sass 语法

2024-07-05 15:28:37 1366

原创 HTML label 标签的作用和应用场景

label 标签的作用、语法、应用场景。

2024-06-03 17:43:22 644

原创 crypto-js 数据加密

前端很多场景需要对数据进行加密,比如密码,手机号码等敏感信息。

2024-06-03 16:12:37 229

原创 CSS -webkit-text-security

-webkit-text-security 可选值、语法、兼容性介绍。

2024-06-03 14:09:24 1145

原创 Vue 路由

Vue 路由相关,包含路由对象、路由模式、动态路由、路由传参、路由守卫等,持续更新。

2024-05-31 14:53:01 1189

原创 Javascript call、apply、bind 的原理与应用

Javascript 中关于 call、apply、bind 函数的原理及应用,持续更新。

2024-05-31 11:47:30 282

原创 Vue Devtools 插件下载、安装和应用

Vue 开发者工具 Vuetools 插件安装,持续更新。

2024-05-30 20:22:27 1999

原创 Vue 组件_动态组件+keep-alive

Vue 动态组件 + keep-alive 相关知识点及应用,持续更新。

2024-05-29 20:24:14 704 1

原创 Typescript 泛型

Typescript 关于泛型的应用,持续更新。

2024-05-28 23:51:27 291

原创 Typescript 类型缩小

上面 typeof 示例 printAll 函数中,通过 typeof strs === “object” 的 if 分支判断,关闭 strictNullChecks 验证时会将 string[] | null 两种类型归为其中,但最好的还是区分 null 类型,除了用 if(strs && typeof strs === “object”) 这种真值缩小的方式将 null 剔除出来,还可以用相等性缩小的方式单独处理 null 情况。❗❗❗请注意,这些分配中的每一个都是有效的。== 和 == 、!

2024-05-28 20:27:08 986

原创 Typescrtpt 类型操作

Typescript 中对类型的操作,包含泛型、keyof、typeof、索引类型、条件类型、映射类型、模板字面类型。

2024-05-24 16:04:53 749

原创 Typescript 工具类型

TypeScript 18 种工具类型以及 4 种内置字符串操作工具类型

2024-05-24 15:23:42 266

原创 Typescript 对象类型

对象类型相关知识点,不断更新。

2024-05-24 14:50:25 349

原创 TypeScript 关于函数

函数相关知识点,不断更新。

2024-05-24 14:17:29 348

原创 Typescript 指南

Typescript 综合,持续更新。

2024-05-23 20:22:40 903

原创 ECMAScript 6 常用语法之数组

ECMAScript 6 中常用的数组语法

2024-05-23 16:10:44 455

原创 ECMAScript 6 常用语法之解构赋值

开发中常用的 ECMAScript 6 解构赋值语法

2024-05-22 19:43:19 181

原创 Javascript 身份证号码校验

通过 Javascript 正则对身份证号码进行校验

2024-05-21 15:30:01 1077

原创 Vite 配置自动引入 Vue3 函数 + Element Plus 组件和图标

【代码】Vite 配置自动引入 Vue3 函数 + Element Plus 组件和图标。

2024-05-17 22:33:57 178

原创 一维数组与二维数组互相转换

一维数组与二维数组互相转换一、二维数组转一维数组1.1 使用 reduce 实现vararr1=[[1,2],[3,4],[5,6],[7]];functiontoArrayOne(pre,value,index,array){returnpre.concat(value);}var arr2 = arr1.reduce(toArrayOne);console.log(arr2 );reduce 还可以实现数组求和,求数组最大值/...

2021-02-07 16:12:43 8043

转载 Web Worker 使用教程

Web Worker 使用教程一、概述JavaScript 语言采用的是单线程模型,也就是说,所有任务只能在一个线程上完成,一次只能做一件事。前面的任务没做完,后面的任务只能等着。随着电脑计算能力的增强,尤其是多核 CPU 的出现,单线程带来很大的不便,无法充分发挥计算机的计算能力。Web Worker 的作用,就是为 JavaScript 创造多线程环境,允许主线程创建 Work...

2019-09-19 14:42:12 446 1

转载 看完让你彻底搞懂 Websocket 原理

看完让你彻底搞懂Websocket原理偶然在知乎上看到一篇回帖,瞬间觉得之前看的那么多资料都不及这一篇回帖让我对websocket的认识深刻有木有。所以转到我博客里,分享一下。比较喜欢看这种博客,读起来很轻松,不枯燥,没有布道师的阵仗,纯粹为分享。废话这么多了,最后再赞一个~一、websocket与httpWebSocket是HTML5出的东西(协议),也就是说HTTP协议没有变化...

2019-09-19 14:40:39 236

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除