摘要: 深入了解Vite:依赖预构建原理 前言 前面我们有提到Vite在开发阶段,提倡的是一个no-bundle的理念,不必与webpack那样需要先将整个项目进行打包构建。但是no-bundle的理念只适合源代码部分(我们自己写的代码),vite会将项目中的所有模块分为依赖与源码两部分。 依赖: 指的是一些不会变动的一些模块,如:node 阅读全文
posted @ 2024-09-05 19:15 前端南玖 阅读(89) 评论(0) 推荐(0) 编辑
摘要: Vite本地构建:手写核心原理 前言 接上篇文章,我们了解到vite的本地构建原理主要是:启动一个 connect 服务器拦截由浏览器请求 ESM的请求。通过请求的路径找到目录下对应的文件做一下编译最终以 ESM的格式返回给浏览器。 基于这个核心思想,我们可以尝试来动手实现一下。 搭建静态服务器 基于koa搭建一个项目: 项目结构 阅读全文
posted @ 2024-07-28 17:00 前端南玖 阅读(259) 评论(0) 推荐(1) 编辑
摘要: 浅析Vite本地构建原理 前言 随着Vue3的逐渐普及以及Vite的逐渐成熟,我们有必要来了解一下关于vite的本地构建原理。 对于webpack打包的核心流程是通过分析JS文件中引用关系,通过递归得到整个项目的依赖关系,并且对于非JS类型的资源,通过调用对应的loader将其打包编译生成JS 代码,最后再启动开发服务器。 阅读全文
posted @ 2024-06-20 19:54 前端南玖 阅读(388) 评论(0) 推荐(4) 编辑
摘要: 【性能监控】如何有效监测网页静态资源大小? 前言 作为前端人员肯定经常遇到这样的场景:需求刚上线,产品拿着手机来找你,为什么页面打开这么慢呀,心想自己开发的时候也有注意性能问题呀,不可能会这么夸张。那没办法只能排查下是哪一块影响了页面的整体性能,打开浏览器控制台一看,页面上的这些配图每张都非常大,心想这些配图都这么大,页面怎么快,那么我们有没 阅读全文
posted @ 2024-04-24 15:26 前端南玖 阅读(581) 评论(0) 推荐(4) 编辑
摘要: 移动端安全区域适配方案 前言 什么是安全区域? 自从苹果推出了惊艳的iPhone X,智能手机界就正式步入了全面屏的新纪元。然而,这一革新也带来了一个特别的问题——那就是屏幕顶部的“刘海”和底部的“黑条”区域。这些区域犹如手机的“神秘面纱”,遮挡了一部分屏幕,给开发者带来了新的挑战。 Android似乎对iPhone的设计 阅读全文
posted @ 2024-04-16 12:52 前端南玖 阅读(1184) 评论(0) 推荐(2) 编辑
摘要: 如何巧妙应对iOS键盘难题? 前言 写过移动端的同学或多或少都遇到过软键盘带来的各种各样的问题,最典型的就是输入框被软键盘遮挡、fixed元素失效等问题,并且这些问题在iOS上的表现让人难以接受。 webview的差异 在移动端上,我们的H5页面一般是运行在宿主APP提供的webview中,简单点理解,你其实可以把它当作浏览器, 阅读全文
posted @ 2024-04-11 11:19 前端南玖 阅读(1302) 评论(3) 推荐(1) 编辑
摘要: 关于小程序如何做到强制更新 前言 在小程序的日常迭代中,有一些场景我们可能需要在小程序发布后,用户能够马上感知并更新,比如上线新活动、修复高危漏洞等,如果用户因为各种原因未能及时更新小程序,这就可能导致一些功能无法正常使用或者存在安全隐患,因此,实现小程序的强制更新功能就显得尤为重要。本文将探讨小程序如何做到强制更新,以确保用 阅读全文
posted @ 2024-03-14 16:57 前端南玖 阅读(922) 评论(0) 推荐(3) 编辑
摘要: JavaScript 最新动态:2024 年新功能 前言 随着 Web 技术的日新月异,JavaScript 也在不断地吸收新的特性和技术,以满足日益复杂和多样化的开发需求。在 2024 年,JavaScript 迎来了一系列令人瞩目的新功能,这些功能不仅提升了开发者的效率,也极大地丰富了 Web 应用的表现力和交互性。 在接下来的内容中,我们将逐一 阅读全文
posted @ 2024-03-07 10:39 前端南玖 阅读(708) 评论(1) 推荐(1) 编辑
摘要: 使用原生 cookieStore 方法,让 Cookie 操作更简单 前言 对于前端来讲,我们在操作cookie时往往都是基于document.cookie,但它有一个缺点就是操作复杂,它并没有像localStorage那样提供一些get或set等方法供我们使用。对与cookie的操作一切都是基于字符串来进行的。为了让cookie的操作更简便, Chrome87率先引 阅读全文
posted @ 2024-02-27 18:48 前端南玖 阅读(354) 评论(0) 推荐(2) 编辑
摘要: 团队协作如何确保项目Node版本的一致性? 前言 想必大家在工作过程中都遇到过node版本带来的各种各样的问题,对于团队协作项目,你不能保证所有人的本地node版本都相同,所以在项目文档中往往会写上以下内容: 为与线上环境一致,请保证以下版本 node:15.x.x vue-cli:4.4.x 但这样并不能完全避免问题,比如多个不同项目中使用 阅读全文
posted @ 2024-02-24 21:18 前端南玖 阅读(300) 评论(1) 推荐(3) 编辑
摘要: 揭开空白网页背景色的神秘面纱 前言 一个看似简单实则有坑的问题:空白网页的背景色是什么? 大家是不是都会认为是白色,但事实并非如此,有时候我们眼睛看到的也不一定是真的🧐 页面根元素背景色 比如下面这段代码: <!-- ... --> <style> body { background-color: skyblue; } </s 阅读全文
posted @ 2024-01-30 10:29 前端南玖 阅读(521) 评论(1) 推荐(7) 编辑
摘要: 基于taro搭建小程序多项目框架 前言 为什么需要这样一个框架,以及这个框架带来的好处是什么? 从字面意思上理解:该框架可以用来同时管理多个小程序,并且可以抽离公用组件或业务逻辑供各个小程序使用。当你工作中面临这种同时维护多个小程序的业务场景时,可以考虑使用这种模式。灵感来自最近webpack的多项目打包构建 起步 首先你得先安装好 阅读全文
posted @ 2024-01-22 10:59 前端南玖 阅读(578) 评论(0) 推荐(3) 编辑
摘要:  国庆微信头像DIY:轻松打造个性化头像 前言 国庆节马上要到了,今天就教你如何从0到1使用canvas生成国庆风微信头像。 本文包含以下内容: vue3项目搭建,需求分析 canvas合成图片原理 github自动化部署 开发过程遇到的问题及解决方案 文末附源码及在线体验地址~ 搭建项目,分析需求 项目的话就直接使用脚手架生成一个 Vue 阅读全文
posted @ 2023-09-24 21:39 前端南玖 阅读(960) 评论(4) 推荐(10) 编辑
摘要: 纯前端也可以访问文件系统! 前言 周末逛github的时候,发现我们只需要在github域名上加上1s他就能够打开一个vscode窗口来阅读代码,比起在github仓库中查看更加方便 然后我就想网页端vscode能不能打开我本地的项目呢,带着这个疑惑我打开了网页版vscode,它居然真的可以打开我本地的项目代码! 难道又出了新 阅读全文
posted @ 2023-09-10 19:06 前端南玖 阅读(1095) 评论(2) 推荐(8) 编辑
摘要: 【NestJS系列】连接数据库及优雅地处理响应 ## 前言 Node作为一门后端语言,当然也可以连接数据库,为前端提供CURD接口 我们以`mysql`为例,自行安装`mysql` ## TypeORM > TypeORM 是一个[ORM](https://en.wikipedia.org/wiki/Object-relational_mappi 阅读全文
posted @ 2023-08-29 18:40 前端南玖 阅读(1353) 评论(0) 推荐(1) 编辑