Vite 确实是现代前端开发中非常重要的一个工具。让我们深入探讨一下 Vite 的重要性和它在现代元框架中的角色:
1. 快速的开发服务器:
- Vite 利用原生 ES 模块导入,提供了极快的热模块替换(HMR)。
- 开发时几乎立即启动,不需要打包整个应用。
2. 优化的构建:
- 生产构建使用 Rollup,提供高度优化的静态资源。
- 支持自动拆分 CSS 和异步 chunk 加载。
2024年09月10日
Vite 确实是现代前端开发中非常重要的一个工具。让我们深入探讨一下 Vite 的重要性和它在现代元框架中的角色:
1. 快速的开发服务器:
- Vite 利用原生 ES 模块导入,提供了极快的热模块替换(HMR)。
- 开发时几乎立即启动,不需要打包整个应用。
2. 优化的构建:
- 生产构建使用 Rollup,提供高度优化的静态资源。
- 支持自动拆分 CSS 和异步 chunk 加载。
2024年09月10日
Visual Studio Code 是一款轻量级但功能强大的源代码编辑器,适用于 Windows、macOS 和 Linux。内置了对 JavaScript、TypeScript 和 Node.js 的支持,并为其他语言(例如 C++、C#、Java、Python、PHP、Go)并且提供了丰富的扩展生态系统。
2024年09月10日
UI来自elementUI
还记得原先熟练地敲出这样一个HTML文档:
这是属于jq的时代,直到后来我的膝盖中了一箭,没错,箭是Angularjs射出的,当然这之间还有一些历程,比如Backbone.js的出现再到Angularjs,从mvc模式到mvvm的过渡,不过这已经是很久之前的事了。
现在是SPA(single-Page Web Application)或者MPA(multi-Page Web Application)的时代了,去年最火的莫过于这三个框架了
2024年09月10日
前言
笔者从 Nuxt2.x 开始接触这个框架,当年的选型,也主要因为它提供了开箱即用的 vue SSR 方案。当然,项目开始这一路走来,遇到的坑非常的多。不过相对于的技术收获也是很大的,因为我们不得不在这趟旅程中,接触许多平常未曾涉及的知识体系,这些对我们前端开发而言,大有裨益。
2024年09月10日
本系列上一篇文章「vue基础」新手快速入门篇(一),我们通过引入JS的文件,快速的了解了Vue的基础语法和简单用法,本篇文章笔者将带着大家继续学习,如何使用工程化工具构建Vue项目。
像其他框架一样,Vue 的生态也有很多一系列的工具,通过工具,可以快速帮我们构建项目、发布项目、部署打包等,方便我们调试,避免不必要的Bug等。本篇文章我将重点介绍下构建工具和调试用的浏览器插件,这两款工具都有相关的官方工具,因此推荐大家进行使用。
2024年09月10日
看完了上一篇《为什么要使用预处理器?》的各种安利,你应该已经跃跃欲试了吧!接下来我们来聊一聊,如何快速上手 CSS 预处理器。
在接触 CSS 预处理器之前,你最好已经具备了一定的 CSS 基础和实践能力,比如你可以完成常见网页的样式和布局;另外,如果你有一些项目经验就更好了,比如组织过整个网站的 CSS 文件、设计过 CSS 代码的分层和复用等等。
因为,当你有了这方面的经验之后,在学习 CSS 预处理器时,对它提供的功能会更有感触,会更有针对性地解决过往 CSS 开发中的种种痛点。
2024年09月10日
我们平常实现的垂直居中不是真正的垂直居中?何出此言!很多时候,往往自己明明正确的实现了垂直居中,但是 UI/UX 依旧说你的垂直居中有问题,然后自己仔细一看确实好像在视觉效果上存在一些偏差,但是仔细看自己实现的垂直居中代码却丝毫没有问题。今天我们就探讨一下这个有趣问题的由来、解决方案以及文字排版的未来。
Github
2024年09月10日
作为一名前端工作者对于CSS必然非常熟悉,基本上整天与他们打交道,但是传统的CSS书写繁琐,复用性差,可以看下对比图(点击放大观看)。
左侧是传统CSS写法,右边是Sass,Sass的逻辑结构更简洁明了,通过嵌套可以直观的看出属性所属关系,而且Sass可以定义变量做到属性的复用,并且可以做属性的计算等等,后面我们会详细说。
准备工作
正常来说使用Sass是需要安装Ruby的,但是为了快速应用到项目中去,我们另辟蹊径去掉繁琐的安装方法,适当来一些“野路子”,首先是前端开发IDE,这里我们使用开源的brackets,他不仅开源,颜值也高,插件多(据不完全统计,brackets的插件有1299个之多),而且支持实时预览。