前端开发
-
基于 JSON Schema 构建 Element 表单，表单页面开发从未如此高效! Element Schema Form: textarea不能展示显示行号，也没有代码高亮，可以使用vue-codemirror替代 vue-codemirror: CodeMirror： Extensible Code Editor CodeMirror 6 is a rewrite of the code editor. It greatly improves the library's acce
2024-12-03 -
实现代码： <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <title>动态表格</title> <style> table { border: 1px solid; margin: auto; width: 500px; } td, th { te
2024-12-03 -
懒加载： 又叫做延迟加载，通过加载网络资源或符合某些条件时才加载资源。常见的就是图片延迟加载。 懒加载的意义：懒加载的目的主要是作为服务器前端的优化，减少请求数或延迟请求数。 懒加载的实现方式： 1、纯粹的延迟加载:使用setTimeOut或者setInterval进行加载延迟。 2、条件加载:符合某些条件，或者触发某些事件才开始异步加载。 3、可视化区域加载：即只加载用户看得到的区域通过监控滚动来实现，一般会在距离用户看到图片前一定距离才开始加载，这样可以保证用户下拉时正好看到图片。 预加载：
2024-12-03 -
vuex总结起来无非是： 存：mutations（只能由它来操作state） 中转：actions（处理异步任务给mutation） 取：getters（类似计算属性，依赖state数据） 库：state（即数据源） 使用方法，建议使用展开运算符方式获取， 注意：解构出来的方法只能有一个参数，如果有多个要传递，可以使用数组或者对象。 import {mapState,mapMutations,mapActions,mapGetters} computed: { ...mapState(['数
2024-12-03 -
装饰器是一种特殊类型的声明，它能够被附加到类声明，方法，属性或参数上，可以修改类的行为。通俗的讲装饰器就是一个方法，可以注入到类、方法、属性参数上来扩展它们的功能。装饰器的写法有普通装饰器（无法传参）和 装饰器工厂（可传参）两种。常见的装饰器有：类装饰器、属性装饰器、方法装饰器、参数装饰器。 1. 类装饰器 // 装饰器 function logClass(params:any){ // params就是当前的类HttpClient // 通过装饰器给类扩展属性
2024-12-03 -
掌握 CSS 选择器：精通元素定位与样式应用 CSS 是网页样式设计的基石，而选择器则是 CSS 中的核心概念。无论是简单的按钮样式还是复杂的网页布局，CSS 选择器都发挥着至关重要的作用。掌握 CSS 选择器不仅可以提高开发效率，还能让你的代码更加清晰、易维护。本篇文章将系统性地介绍 CSS 选择器的基础知识、应用技巧和进阶用法，帮助你全面提升 CSS 能力。 目录 1. 什么是 CSS 选择器？ CSS 选择器是用于选择 HTML 元素并为其应用样式的规则。通过选择器，你可以精确控制
2024-12-03 -
在uni-app和vue3中，我们可以封装全局函数来复用代码。以下是详细的步骤： import globalFunctions from './globalFunctions' Vue.prototype.$globalFunctions = globalFunctions 然后，我们在globalFunctions.js文件中定义我们的全局函数。例如，我们可以定义一个打印日志的函数和一个发送网络请求的函数。 // 打印日志的函数 export functio
2024-12-03 -
❤ ❤ ❤ # 一、??网站题目 ?游戏官网、⛹️游戏网站、?️电竞游戏、?游戏介绍、等网站的设计与制作。 二、✍️网站描述 ⭐ 网页中包含：Div+CSS、鼠标滑过特效、Table、导航栏效果、banner、表单、二级三级页面等，视频音频元素，同时设计了logo（源文件），基本期末作业所需的知识点全覆盖。 ? 一套A+的网页应该包含 (具体可根据个人要求而定) 三、?网站介绍 ?网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。 ?网站
2024-12-03 -
功能描述 （1）某个变量的值通过下拉选择得出； （2）下拉数据量大； （3）只能通过分页获取的下拉数据； （4）可根据搜索内容动态显示下拉数据。 能同时满足这几个项目要求，select组件的基本能实现，为在项目中更好的复用这个功能和使用时更简洁，接下来就封装成新的组件datat-select。 Props 参数描述类型默认值v-model选中值string-width选择框的宽度string“100%”fieldNames自定义 options 中 label value 的字段object{
2024-12-03 -
在使用Pinia进行状态管理时，只要页面刷新，全局变量就会丢失。经过查找，找到了一篇不错的Pinia指导文章，感谢大佬！指路： 具体解决方案就是： 使用pinia-plugin-persist持久化状态管理插件，它会默认把你需要持久化的数据缓存在Session Storage里。使用方法： 第一步：安装pinia-plugin-persist插件 npm i pinia-plugin-persist --save 第二步：导入pinia持久化插件 import piniaPluginPers
2024-12-03