前端开发

前端开发是创建WEB页面或APP等前端界面呈现给用户的过程,通过HTML,CSS及JavaScript以及衍生出来的各种技术、框架、解决方案,来实现互联网产品的用户界面交互。前端开发跟随移动互联网发展带来了大量高性能的移动终端设备应用。HTML5,Node.js的广泛应用,各类UI框架,JS类库层出不穷,开发难度也在逐步提升。
使用 nuxi clean 命令清理 Nuxt 项目-牛翰网

使用 nuxi clean 命令清理 Nuxt 项目

title: 使用 nuxi clean 命令清理 Nuxt 项目 date: 2024/9/1 updated: 2024/9/1 author: cmdragon excerpt: nuxi clean 命令是管理和维护 Nuxt 项目的重要工具,它帮助你快速清理生成的文件和缓...
9fa5d29356c2bce2的头像-牛翰网Amd7941年前
03415
Vue导出el-table表格为Excel文件的两种方式-牛翰网

Vue导出el-table表格为Excel文件的两种方式

目录 前言 方式一:简单导出 方式二:多 sheet 导出,带样式 安装依赖 封装导出功能 使用方法 前言 在开发过程中,我们经常需要将表格数据导出为 Excel 文件。大多数情况下,由后端处理即可,但...
557397c76a8d83a7的头像-牛翰网呛再首1年前
05615
React Native性能优化红宝书方案详解-牛翰网

React Native性能优化红宝书方案详解

目录 一、React Native介绍 1、RN优势 2、RN劣势 3、跨平台框架比较 4、Hybrid App 优势 5、React Native 0.68之前的架构 6、RN中的视图渲染 7、RN架构设计--新旧架构对比 8、从 0.68 版本开始R...
9e21aa9105024cd9的头像-牛翰网桃子叔叔1年前
04015
ElementUI el-table 树形数据的懒加载的实现-牛翰网

ElementUI el-table 树形数据的懒加载的实现

目录 懒加载的基本概念 实现步骤 第一步:创建基础的 el-table 第二步:添加展开事件处理器 第三步:实现懒加载逻辑 注意事项 当面对大量数据时,一次性加载所有数据可能会导致性能问题。为了解...
3c31dd5961093d9b的头像-牛翰网肥仔全栈开发1年前
03715
js正则校验特殊的不可见字符的具体实现-牛翰网

js正则校验特殊的不可见字符的具体实现

目录 背景 方法 校验 代码 背景 表单的输入框,用户可能从Excel或者其他地方直接复制粘贴,这时候提交到后端会导致获取的用户输入中包含一些特殊的不可见字符,比如tab键或者制表符等,这时需要...
前端实现图片或视频预览的三种方法总结-牛翰网

前端实现图片或视频预览的三种方法总结

目录 一、上传到OSS或者服务器 二、使用FileReader对象转换File对象为base64 三、通过blob协议实现预览 附:前端自定义封装图片预览组件(支持多张图片预览 缩放) 总结  一、上传到OSS或者...
63f3c929550ca815的头像-牛翰网chens1231231年前
04515
React的Props、生命周期详解-牛翰网

React的Props、生命周期详解

目录 Props 的只读性 为什么Props是只读的呢? 如果我无法避免要在组件内部修改数据,该怎么办? 生命周期 Props 的只读性 “Props” 是 React 中用于传递数据给组件的一种机制,通常作为组件的...
React echarts 组件的封装使用案例-牛翰网

React echarts 组件的封装使用案例

React echarts 组件的封装 import React, { useEffect, useRef } from 'react'; import { useSize, useDebounceEffect } from 'ahooks'; import LoopShowTooltip from './echartsTooltipLoop'; ...
0a1e04244bc90e5b的头像-牛翰网栖北1年前
05115
Angular中SASS样式的详细使用教程-牛翰网

Angular中SASS样式的详细使用教程

目录 前言 项目集成 组件样式 全局样式 Sass 重点语法 1. 使用变量 2. 使用嵌套 3. 使用计算 4. 使用 mixin 混合器 5. 使用 extend 继承 总结 前言 在 Angular 自定义指令 Tooltip 文章中,我们...
04310eb058daa0f6的头像-牛翰网梅花十三儿1年前
04015
Angular项目过大时的合理拆分angular split-牛翰网

Angular项目过大时的合理拆分angular split

目录 前言 拆分思路 自定义webpack配置 使用DLL 路由级CodeSpliting dashboard.module.ts: 后续 前言 本文描述如何合理拆分项目,关于性能优化等方面后续的文章再讨论。 Angular 让人诟病的一点...