前端开发
-
vue 设置 el-tooltip 最大宽度 在当前组件新建一个style ,不要写scoped popper-class=“item-top-intro” <el-tooltip popper-class="item-top-intro" effect="dark" :content="item.webIntrod" placement="top"> <span class="itemInfo">{{ item.webIntrod }}</span> </
2024-12-03 -
HTML&HTML5革命：构建现代网页的终极指南 4. 使用元素 大家好，我是莫离老师。 到目前为止，我们已经了解了 HTML 和 HTML5 的基础概念，并且选择了适合自己的开发工具。 今天，我们将迈出实际开发的第一步，学习 HTML 元素。 掌握 HTML 元素是构建网页的基础，理解它的结构和规则，是开发者入门的第一步。 什么是元素？ HTML 中的 元素 是网页内容的基本构成单元。 元素用来告诉浏览器应该渲染什么样的内容或结构。 不同的元素有不同的功能 简单来说，元素是 HTML 的核
2024-12-03 -
hash模式。 url上面会有#。 hash模式的主要原理就是onhashchange()事件，表现就是修改#后面的内容不会向服务器发送http请求，因此也不会重新加载页面。 hash 模式打包后，直接在浏览器中打开 /dist/index.html 可以正常的访问 Hash模式的优点在于它兼容性好，可以在所有现代浏览器中工作，而不需要进行任何特殊处理。然而，它的缺点也很明显，那就是URL中包含了#符号，这在某些情况下可能会破坏URL的美观性，同时也不利于搜索引擎的优化（SEO） histo
2024-12-03 -
本文主要介绍了 Vue 自定义拖拽组件的样式，具体如下： 支持通过右侧的属性配置去处理画布中不同元件的不同样式 效果图 实现过程 完整代码 <template> <div class="box"> <!-- 左侧拖拽组件 --> <!-- v-if="false" --> <div class="drap"> <!-- <p>元素</p> --> <!-- @dragstart < -- 是元素开始拖拽的时候触发
2024-12-03 -
今天写代码说明书，忽然想做代码树，vscode有超多插件，于是网上一搜，正好看到ProjectTree这个可以用上。 CSCC ├─ .gitignore ├─ cloudfunctions │ └─ login │ ├─ config.json │ ├─ index.js │ └─ package.json ├─ miniprogram │ ├─ app.js │ ├─ app.json │ ├─ app.wxss │ │ ├─ index │ │ │
2024-12-03 -
这一小节，我们继续纯HTML标签的使用，这一节我们做一个 注册页面。说到注册页面，其实大家的网站都大同小异，所以我们就不四处去找设计图了，我们自己想一个注册页面，想想注册页面都应该有哪些元素，应该长什么样子。 1 需求分析 我们先来分析一下，注册页面都应该有哪些功能： 所以，如果不考虑细节功能的话，注册页面大概需要这些元素： 2 标签使用分析 分析完了功能，那么我们还需要分析一下布局，分析一下使用的标签，对吧。 顶部“注册”标题，可以使用h2标签；底部是一个form表单，
2024-12-03 -
目前技术圈的发展速度可谓是有目共睹，尤其是前端，每隔一段时间就出新的技术，可以说让很多初学者非常畏惧，没有一个明确的方向不知道从何学起。 同时也有很多人，只局限于使用手头已掌握的技术，而不愿去尝试新技术。举个例子，如今 vue3 都已经正式发布，但仍还有停留在 vue2 不愿尝试 vue3 的开发者。而 java 都发布 18 版本了，可还有很多人都还使用着 java8，这种现象可以说是非常常见了。 这里说说我个人编码经验与看法，仅作为个人观点，没别的意思。 熟悉我的人应该都知道，我对很多新鲜的
2024-12-03 -
1. Zustand 简介 Zustand 是由 团队开发的状态管理库。它的主要特点包括： 极简 API：几乎不需要配置或样板代码。与 React 并发模式兼容：Zustand 可以与 React 18 的并发特性兼容。灵活性：你可以轻松创建局部或全局的状态，并且支持异步状态和中间件。性能优化：内置了性能优化的工具，不会像 Redux 那样有多余的状态订阅,也不需要全局挂载,随取随用 [官网] (https://awesomedevin.github.io/zustand-vue/) 相比于
2024-12-03 -
前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 放弃很容易 但是坚持一定很酷 本题目源自于牛客网 微信公众号前端小歌谣 题目 核心代码 <!DOCTYPE html> <html lang="en"> <head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible"
2024-12-03 -
需求：判断对象数组中是否存在重复项 解决思路：根据数组去判断是否有重复项。 注：此方法适用于单个决定性条件导致重复的对象，多个条件的 可以在此方法上优化 原始对象数组： [ { id: 1, name: '数学' }, { id: 2
2024-12-03