前端开发
-
前言 在列表排行榜中通常会出现的一个需求：从左到右依次是名次、头像、昵称、徽标、分数。徽标可能会有多个或者没有徽标，徽标长度是动态的，昵称如果过长要随着有无徽标进行动态截断出现省略号。如下图布局所示（花里胡哨的底色是为了看的更清楚，咱忍忍。。。） 一、实现效果 多个徽标 一个徽标 没有徽标 影响中间文字部分动态截断实现方法： 设置昵称和徽标这个整体div的宽度； 方法1️⃣：昵称部分div设置为 flex-shrink:
2024-12-04 -
这是最后一篇，用户权限模块。 1、在页面permission.js中导航守卫配置代码如下 if (hasToken) { // 有token登录 if (to.path === '/login') { // 如果去登录页就跳转登录页 next({ path: '/' }) NProgress.done() // 因为被next拦截了，所以需要手动关闭掉 } else { const hasGetUserInfo = stor
2024-12-04 -
一、项目准备 1、明确项目需求和目标 在开始构建项目之前，首先要明确项目的需求和目标。这包括了解项目的业务背景、功能需求、性能要求等，以便为后续的技术选型和架构设计提供指导。 2、技术选型与框架选择 前端框架：选择Vue3作为前端框架，利用其组件化、响应式等特性来提高开发效率和代码质量。 构建工具：当前使用的是vue-cli。推荐使用Vite作为构建工具，因为它具有快速的冷启动、实时的热更新和简洁的配置等优点，能够显著提升开发体验。 状态管理：对于复杂的应用，可以选择使用Vuex或Pini
2024-12-04 -
前言： 材质为scene中物体的皮肤，有着不同的特性和视觉效果。 材质的共有属性： 基础属性： 融合属性： 融合决定了我们渲染的颜色如何与它们后面的颜色交互 高级属性： 与WebGL内部有关 简单材质： MeshBasicMaterial 创建材质：可以使用构造函数一次性传完所有参数；或先创建一个实例，再对实例的属性数据赋值 var meshMaterial = new THREE.MeshBasicMaterial({color: 0x7777ff}); MeshDepthMa
2024-12-04 -
在 ArkTS 中，按钮（ Button ）是一种常见的用户界面组件，用于触发特定的操作或事件。以下是关于 ArkTS 按钮的用法： 一、创建按钮 在 ArkTS 中，可以使用 Button 组件来创建按钮。以下是一个简单的示例： @Entry @Component struct ButtonExample { build() { Column() { Button('Click me') .onClick(() => { // 按钮点击时执行的操作 console.l
2024-12-04 -
在数字经济时代，企业间的竞争已不再是简单的产品与服务比拼，而是转变为供应链效率、市场响应速度和数字化转型能力的综合较量。制造业作为国民经济的支柱产业，其转型升级尤为关键。数商云S2B2B系统，凭借其先进的技术和独特的业务模式，正逐步成为制造业企业协同发展的新利器，引领着产业互联的新潮流。本文将深入探讨数商云S2B2B系统的核心价值、功能特点、应用场景及如何为制造业赋能，揭示这一系统如何助力制造业企业实现数字化转型与升级。 一、制造业转型升级的必然趋势 制造业的转型升级是大势所趋，主要体现在智能化
2024-12-04 -
代码： private static String convertToChinese(String dataStr) { System.out.println("--------data str---->" + dataStr); if(dataStr == null || dataStr.length() == 0) { return dataStr; } int start = 0; int end = 0; final StringBuffer buffer = ne
2024-12-04 -
JavaScript中的异步函数可以使用多种方式实现，以下是一些常见的方法： 1. 使用回调函数 回调函数是JavaScript中最常见的异步编程模式。函数可以接受一个或多个回调参数，这些回调在异步操作完成时被调用。 function fetchData(callback) { // 模拟异步操作 setTimeout(() => { callback('数据'); }, 1000); } fetchData(function(data) {
2024-12-04 -
使用Modal中的footer属性，如下： <Modal title="更改成员" visible={visible} confirmLoading={confirmLoading} onCancel={this.handleCancel} footer={ [] // 设置footer为空，去掉 取消 确定默认按钮 }
2024-12-04 -
基于socke手撸web框架 # 请求首行 b'GET / HTTP/1.1\r\n #GET /index HTTP/1.1\r\n (index)为浏览器请求地址） # 请求头 Host: 127.0.0.1:8080\r\n Connection: keep-alive\r\n Cache-Control: max-age=0\r\n Upgrade-Insecure-Requests: 1\r\n # User-Agent用来标识是不是浏览器 User-Agent: Mozilla
2024-12-04