前端
13篇文章 · 0订阅
  • 200行代码实现类似Swiper.js的轮播组件
    大家在开发过程中，或多或少都会用到轮播图之类的组件，PC和Mobile上使用 Swiper.js ，小程序上使用swiper组件等。 本文将详细讲解如何用Vue一步步实现的类似Swiper.js
    前端 Vue.js
    200行代码实现类似Swiper.js的轮播组件
  • 重磅更新，unocss终于可以完美使用px单位了
    不管是unocss还是tailwindcss和windicss，默认的单位都是rem，这有一定的设计理念，但其实这对于习惯使用px单位的人来说不太友好，有相当一部分人因为这点而放弃使用原子化css
    CSS Vue.js Vite
    重磅更新，unocss终于可以完美使用px单位了
  • 「万字进阶」深入浅出 Commonjs 和 Es Module
    一 前言 今天我们来深度分析一下 Commonjs 和 Es Module，希望通过本文的学习，能够让大家彻底明白 Commonjs 和 Es Module 原理，能够一次性搞定面试中遇到的大部分有关
    JavaScript 前端 Node.js
    「万字进阶」深入浅出 Commonjs 和 Es Module
  • WebSocket｜概念、原理、用法及实践
    一、WHY：为什么需要 WebSocket？ 在 WebSocket 出现之前，如果我们想实现实时通信，比较常采用的方式是 Ajax 轮询，即在特定时间间隔（比如每秒）由浏览器发出请求，服务器返回最新
    前端 WebSocket
    WebSocket｜概念、原理、用法及实践
  • Nuxt3 优雅地在一个项目中集成 PC 端、移动端多套页面
    在很多网站中，用移动端浏览器和 PC 端浏览器访问同一个路由时，展示的页面是不一样的。这篇文章实现了在 Nuxt3 中，根据设备类型的不同，使用 pages 目录下不同的文件夹作为路由的 “根目录”。
    Nuxt.js
  • 前端性能优化——包体积压缩82%、打包速度提升65%
    压缩项目打包后的体积大小、提升打包速度，是前端性能优化中非常重要的环节，笔者结合工作中的实践总结，梳理出一些常规且有效的性能优化建议
    前端 性能优化 Vue.js
    前端性能优化——包体积压缩82%、打包速度提升65%
  • vite打包性能优化以及填坑
    大家好，我是 simple ，最近在使用 Vite4.0 构建一个中型前端项目的过程中，遇到了一些坑，也做了一些项目在构建生产环境时的优化，在这里做一个记录，以便后期查阅。(完整配置在后面)
    前端 Vite 性能优化
  • 前端性能优化——首页资源压缩63%、白屏时间缩短86%
    提升首屏的加载速度，是前端性能优化中最重要的环节，这里笔者梳理出一些 `常规且有效` 的首屏优化建议 通过对比优化前后的性能变化，来验证方案的有效性，了解并掌握其原理
    前端 性能优化 Vue.js
    前端性能优化——首页资源压缩63%、白屏时间缩短86%
  • Git不要只会pull和push，试试这5条提高效率的命令
    前言 使用 Git 作为代码版本管理，早已是现在开发工程师必备的技能。可大多数工程师还是只会最基本的保存、拉取、推送，遇到一些commit管理的问题就束手无策，或者用一些不优雅的方式解决。 本文分享我
    前端 Git
  • 移动端适配及PC端适配心得总结体会(一) (可能比较全
    css中的像素只是一个抽象的单位，在不同的设备或不同的环境中，css中的1px所代表的设备物理像素是不同的,1px并不是绝对的,它只代表了当前设备像素的最小单位. CSS像素，当页面缩放比例为100%时，一个CSS像素等于一个设备独立像素。 但是CSS像素是很容易被改变的，当用…
    前端