- 博客(14)
- 收藏
- 关注
RSS订阅原创 浏览器缓存概念
在前端开发中，缓存是一个非常重要的概念，可以帮助减少网络请求、提升性能、降低服务器负载等。缓存强缓存：强缓存是指在一定时间内，浏览器直接使用本地缓存，不发起请求。常用的强缓存机制有 Expires 和 Cache-Control。Expires：指定缓存过期时间，是服务器返回的响应头中的一个字段，表示缓存将在该时间点后失效。缺点是依赖于客户端时间，如果客户端时间不准确，会导致缓存过...
2023-09-19 10:25:40
215
原创 手把手带你了解DevTools实现原理
没有DevTools的前端就像基督教徒没有耶路撒冷。前言经过二十年的发展，我们的调试工具已经渐渐从最初的在IE时代的window.alert()调试，这种调试方式，不可避免的就会有极低的调试效率。到2006年Apple的WebKit团队发布第一代调试工具后面FireFox发布早期调试神器FireBug。直到互联网的发展逐渐来到了移动互联网时代，调试工具届出现了一个大爹那就是Chrome的d...
2023-09-15 11:23:25
1379
原创 H5移动端调试方案全解（iOS&Android&Chrome&vConsole）
前言在移动端盛行的今天，大家在日常中经常会接触到H5的移动端网页，不仅仅是在浏览器中，在各种的APP中也有存在着许多的H5页面，所以我们作为前端开发者就会有在开发时候进行移动端调试、甚至是真机调试的需求，本文旨在一文带领大家了解iOS、Android等平台的调试以及模拟器和真机的调试方法。谷歌浏览器手机模式调试优点：方便，常用确定：无法完全模拟真机，无法发现真机上的一些问题调...
2023-08-30 10:40:51
15737
2
原创 什么是BFF？
什么是BFF？BFF，全称为 "Backend For Frontend"，是一种架构模式，用于构建前端与后端之间的中间层。BFF 的主要目标是为前端应用提供一个专门的服务层，以优化前后端协作、提升性能和开发效率。BFF 的核心思想是根据不同的前端需求，为前端应用定制特定的接口和数据源，从而避免前端应用与后端服务之间出现紧耦合的情况。BFF 的中间层可以处理与前端相关的事务，如数据聚合、数...
2023-08-23 11:38:44
1597
原创 如何才能让一套组件库兼容vue2和vue3？（基本思路）
前言距离Vue3在2020年9月18日第一次发布到现在，已经过去了将近三年时间，虽然目前许许多多的新项目都开始使用vue3作为主要开发语言，但是因为旧项目比较庞大臃肿，很多的业务中项目、模块等都非常多，贸然升级的成本和风险都较高，所以公司中的许多老项目依旧是vue2的，那么如何去用同一套标准UI的组件库来兼容vue2和vue3就成了一个需要解决的问题。因为细节和代码会比较多，这里给大家提供一下...
2023-08-22 14:10:31
3808
原创 【万字长文】前端储存方案不完全指北
前言前端的储存方案有很多，在不同的业务场景下大家会选择不同的储存方案，虽然我们大多数用的是前端储存三剑客(Cookie、LocalStorage、SessionStorage)或者在大型框架中会选择一些全局状态管理方案来储存如：Pinia、Redux等等，但是在某些情况下这些储存方案并不能够完全覆盖需求，所以本文旨在介绍目前前端存在的储存解决方案，。前端基本储存方案介绍及其优劣1. C...
2023-08-15 20:43:47
635
原创 通过Vite来发布自己的第一个npm包(手把手版)
前言我们在前端开发中经常会安装一些npm包，当你在前端开发有一段时间之后你也会知道，那些npm包实际上就是别人写好的一些代码来供你调用，那么今天就来讲讲如何通过Vite + TS 来发布一个属于自己的npm包使用Vite建立项目安装Vite在你想要建立的项目的文件下使用Bashnpm create vite [project-name]→ vanilla→ Type...
2023-07-20 15:06:15
557
原创 快速入门TypeScript
基本使用基本类型的注解很简单 variableName: TypeAnnotation 即可，例：typescriptlet num: number;let str: string;let bool: boolean;数组类型数组类型用 :TypeAnnotation[] 表示，例：typescriptlet boolArray: boolean[];接口...
2023-07-14 17:45:58
126
原创 浏览器DeBug及网络接口调试方法
浏览器调试(以Chrome浏览器为例)在开发者工具中进行调试，打开方式：右键检查Win: F12 / Ctrl + Shift + iMac: Cmd + Opt + i代码调试(Sources面板)进入调试方法面板左侧打上break point(注意source map情况)代码中打入debugger仅在开发者工具打开时有效，否则浏览器会*忽略它*...
2023-07-03 14:39:22
5355
原创 【我用ChatGPT学编程】Vue-Router中history模式Nginx部署后刷新404的问题
简单的说就是在80端口的server中加入就可以解决问题，值得注意的是，如果您的网站使用了SSL，并且是强制重定向到https访问的话，也同时需要在443端口在加上上述反向代理。
2023-03-14 11:08:35
2809
原创 【BUG】数字在IOS中间隔特别大，PC端正常的BUG修复和问题解析
这个bug问题在于iconfont中的样式会对字体等等产生影响且仅在ios端有影响，最终解决方案是分开写！
2022-12-21 17:32:33
464
原创 【聚焦前端实战】后端让我把图片文件和字段一起上传了，我懵的掏出了祖传的FormData
文件上传是一个常见的功能，图片上传则是其中最常用到的，对于前端新手来说这也是从字段的增删改查到图片的增删改查的一个飞跃！一般单个图片的上传很简单，许多组件库都可以直接支持，但是如果要把字段和图片文件一起上传那就不支持了，当然也不能像普通的字段上传一样使用JSON，这个时候就要掏出我们的FormData格式了！
2022-11-21 12:07:06
945
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人