WEB前端开发ESLint如何安装和配置?如何在编辑器中集成 ESLint? 介绍 ESLint 是一个开源的 JavaScript 静态代码分析工具,用于识别和报告代码中的错误、潜在问题以及不符合约定的代码风格。它可以帮助开发团队在开发过程中保持一致的代码质量和风格,以及遵循... 2023-08-21832 viewsComments 阅读全文
WEB前端开发HTML做网页,如何使用Vue3、Element-plus、Axios 有时候我们写一个网页的时候,不想使用脚手架去搭建,因为太笨重,但又想使用vue3去实现,怎么办? 下面就讲一讲如何实现! ❞ 基本结构 <!DOCTYPE html> <html l... 2023-08-20959 viewsCommentsHTML VUE 阅读全文
WEB前端开发H5 移动端适配原理VS第三方组件库如何做适配? 计稿,而各种不同移动设备具有不同的页面分辨率和大小,所以适配的目的就是让一份设计稿在不同移动设备上表现出一致性。 虽然现如今各种插件都可以帮助我们快速配置完成,例如 lib-flexible、post... 2023-08-20965 viewsComments 阅读全文
WEB前端开发使用 CSS 创建打字机动画效果 创建打字机效果比您想象的要容易。虽然实现这种效果的最常见方法是使用 JavaScript,但我们也可以使用纯 CSS 来创建我们的打字机动画。 在本文中,我们将了解如何仅使用 CSS 创建打字机动画效... 2023-08-19631 viewsCommentsCSS 阅读全文
WEB前端开发6 个你需要使用 Tailwind CSS 的原因 Tailwind CSS因其在构建用户界面(UI)方面的独特方法而在Web开发社区中获得了显着的流行。这个实用优先的CSS框架提供了许多优势,使它成为开发者强大的工具。在本文中,我们将探索6个令人信服... 2023-08-19691 viewsCommentsCSS 阅读全文
WEB前端开发基于Tailwind CSS开发的10个优秀的UI组件库 写在前面 在Web开发中,由于Tailwind CSS的原子化思想,简单灵活的操作,能够带来高效的开发,确立了它作为最好用CSS框架之一,使其成为许多开发人员的理想选择。 然而,尽管它有很多优点,虽然... 2023-08-196,766 viewsCommentsCSS 阅读全文
WEB前端开发中高级前端必须掌握的package.json全新指南 前言 package.json 是一个用于描述和配置项目的重要文件,其中包含了许多字段和选项,可以影响项目的构建、依赖管理、脚本执行等方面。了解这些字段可以帮助开发者更好地理解和控制项目的行为。 pa... 2023-08-17567 viewsComments 阅读全文
WEB前端开发什么是微前端?常见应用场景有哪些? 什么是微前端? 微前端(Micro-Frontends)是一种将单体应用程序分解为较小、更独立的部分的架构模式。它的目标是使团队可以独立开发、部署和扩展应用程序的不同部分,而不会影响整体应用程序的稳定... 2023-08-172,329 viewsComments 阅读全文
WEB前端开发前端开发HTML5几种存储方式的总结 前端开发中,数据的存储是一个非常重要的主题。随着HTML5的发展,我们可以使用新的API来进行数据的存储和操作,这给开发人员带来了很多便利。本文将详细介绍HTML5中几种常见的存储方式,包括Local... 2023-08-14985 viewsCommentsHTML 阅读全文
WEB前端开发Vite 4.4 正式版发布,全面拥抱 Lightning CSS 一、什么是 Vite 图片 Vite 是由 Evan You 推出的下一代前端构建工具,是官方 Vue CLI 的替代品,速度非常快。Vite 利用原生 ESM 并使用 Rollup 处理开发和打包工... 2023-08-10752 viewsComments 阅读全文
WEB前端开发Rollup打包Vue组件库问题汇总 打包类库时 Rollup 是不二选择,如果是常规的 Web 应用的话,Webpack 则更为合适。 最近,我用 Rollup 在为一个 Vue 项目打包组件库时就遇到了几个问题,今天把这些问题和解决方... 2023-08-071,606 viewsCommentsVUE 阅读全文
WEB前端开发Vue Vine:创造另一种书写 Vue 组件的方式 Vue Vine:https://github.com/vue-vine/vue-vine 在社区中,有很多帖子讨论过希望有一个支持在单个文件中编写多个 Vue 组件的解决方案。Vue Vine 因此... 2023-08-05748 viewsCommentsVUE 阅读全文
WEB前端开发前端跨平台框架:Finclip、 Flutter、Taro、React Native、Weex、 Rax、 Electron 概述 前端跨端实践是指在开发过程中,使用统一的代码库或框架来实现在不同平台上运行的应用程序。 这种实践旨在减少重复开发和维护成本,并提高开发效率和用户体验。 以下是一些前端跨端实践的方法和技术: 1.... 2023-08-052,345 viewsCommentsFlutter React.js 阅读全文
WEB前端开发Rollup——JavaScript 模块打包器 介绍 Rollup 是一个 JavaScript 模块打包器,用于将多个模块(如 ES6 模块)组合成一个或多个文件,以便在浏览器或 Node.js 环境中使用。与其他打包工具(如 Webpack 和... 2023-08-041,420 viewsCommentsjavaScript 阅读全文
WEB前端开发Vue3+Echarts项目开发:常用属性总结之折线图 Vue3中使用echarts 要在Vue 3中使用echarts图表库,你需要按照以下步骤进行操作: 安装echarts库。在终端中运行以下命令: npm install echarts 在需要使用e... 2023-08-043,613 viewsCommentsVUE 阅读全文
WEB前端开发Vue3技巧:避免直接引用对象/数组 props props 在Vue3中,当将对象或数组props作为子组件传递时,无法更改对象或数组本身,但可以更改对象或数组的嵌套属性。 当传递单个值作为 props 时 如果将单个值作为 props 传递,则更... 2023-08-01850 viewsCommentsVUE 阅读全文
WEB前端开发Vite是什么?一个现代化的前端构建工具和开发服务器 介绍 Vite是一个现代化的前端构建工具和开发服务器,专为Vue.js和React等现代Web应用程序框架而设计。它的名称来源于法语单词"vitesse",意为"速度",因为Vite的主要目标是提供快... 2023-07-271,182 viewsComments 阅读全文
WEB前端开发前端开发技巧:MutationObserver计算首屏时间 一、前言 在前端开发中,优化页面性能是至关重要的,计算首屏时间(First Contentful Paint,FCP)是衡量网页性能的重要指标,它表示页面内容中的第一个元素被渲染到屏幕上的时间点。而M... 2023-07-26949 viewsComments 阅读全文
WEB前端开发Vue3 组合式 API 来封装表格数据请求 阅读 aHooks 文档时发现了一个非常实用的函数 useAntdTable,它封装了一些 Ant Design Form 和 Ant Design Table 常见的逻辑。刚好最近我自己也封装了一个... 2023-07-19940 viewsCommentsVUE 阅读全文
WEB前端开发怎么使用 JavaScript 来识别不同的浏览器? 在前端快速发展的今天, JavaScript 代码可以在不同的运行环境中执行。为了更好的适应各种运行环境,需要判断当前代码是在哪个运行环境中执行的,下面提供Vue是如何判断运行环境的: vue/src... 2023-07-15847 viewsCommentsjavaScript 阅读全文
WEB前端开发Uniapp结合Vite4 Vue3搭建跨端移动应用项目 学习了下Uniapp结合Vite4 Vue3搭建跨端移动应用项目,二者搭配构建运行速度快,兼容性也不错,真香~~ HBuilderX: 3.8.4vite: 4.2.1uview-plus: 3.1.... 2023-07-151,837 viewsCommentsVUE 阅读全文
WEB前端开发Vue全家桶:单文件组件 1. 传统组件的问题和解决方案 问题 全局定义的组件必须保证组件的名称不重复 字符串模板缺乏语法高亮,在 HTML 有多行的时候,需要用到丑陋的 \ 不支持 CSS 意味着当 HTML 和 JavaS... 2023-07-15757 viewsCommentsVUE 阅读全文
WEB前端开发Vue全家桶:webpack配置打包 Web 开发面临的困境 文件依赖关系错综复杂 静态资源请求效率低 模块化支持不友好 浏览器对高级 Javascript 特性兼容程度较低 etc… 1. webpack 概述 webpack 是一个流... 2023-07-15847 viewsCommentsVUE webpack 阅读全文
WEB前端开发Vue全家桶:模块化相关规范 1. 模块化概述 传统开发模式的主要问题 ① 命名冲突 ② 文件依赖 通过模块化解决上述问题 模块化就是把单独的一个功能封装到一个模块(文件)中 模块之间相互隔离 但是可以通过特定的接口公开内部成员 ... 2023-07-15658 viewsCommentsVUE 阅读全文