前端开发
-
参考文章 // 直接引入使用 import defaultImg from '../assets/image/defaultImg.png' item.avatar = defaultImg <img :src="item.avatar" class="rounded-circle" alt="">
2024-11-23 -
网站的配置和局域网开启端口访问 1.IIS配置项目 2.点击网站,然后右击,添加网站 3.按照下图配置,项目名称是你这个项目的名称,随便填,不影响网站的运行 4.运行网站 2.局域网开放端口访问网站 步骤:打开控制面板->系统和安全->window defender防火墙->左侧的高级设置->入站规则->新建规则->端口->tcp->写下你的端口->完成 3.配置网站注意点 1.入口文档不是index.html解析不了网站的问题 入口文档比如是start.html 返回即
2024-11-23 -
一、原理 首先，render 函数在 react 中有两种形式： 在 render中，我们会编写 jsx，jsx 通过 babel 编译后就会转化成我们熟悉的 js 格式，如下： return ( <div className='cn'> <Header> hello </Header> <div> start </div> Right Reserve </div> ) babel 编译后： return ( React.createElement(
2024-11-23 -
一、??网站题目 ?汽车网站、?汽车介绍、?汽车官网、汽车租赁、企业网页 、等网站的设计与制作。 二、✍️网站描述 ?️ 此作品为学生汽车网页设计题材，HTML+CSS 布局制作,web前端期末大作业,大学生网页设计作业源码，这是一个不错的网页制作，画面精明，代码为简单学生水平, 非常适合初学者学习使用。 ? 一套优质的?网页设计应该包含 (具体可根据个人要求而定) 三、?网站介绍 ?网站布局方面：计划采用目前主流的、能兼容各大主流浏览器、显示效果稳定的浮动网页布局结构。 ?网站程序方面
2024-11-23 -
零.前言 本系列适用于零基础小白，亦或是初级前端工程师提升使用。 知识点较为详细，如果追求非常详细，请移步官方网站或搬运网站。 1.CSS简介 CSS全称：“Cascading Style Sheets”，中文名：“层叠样式表”。 用于定义网页样式和布局的样式表语言。 通过CSS可以指定页面中各个元素的颜色、字体、大小、间距、边框等等样式。 如果HTML是一个房子的骨架，那么CSS就是对房子进行精装修！ 2.CSS一般语法 CSS通常由选择器（标签、id、class等）、属性、属性值组成。 需
2024-11-23 -
最近有一个需求，产品要求级联选择器可以选择任意一级，对于Element组件的级联只能通过props属性可以解决，但样式太丑了，如图： 需要点击左边的圆圈看起来很丑，需要去掉圆圈后点击跟平常一样 上代码,在你的页面加入这些代码 <template> <div> <el-cascader ref="myCascadeRef" popper-class="myCascade" :props="props" style="width: 100
2024-11-23 -
需求：三级分类的饼图 1、一级分类通过左右箭头切换的方式展现2、二级分类通过饼图的形式展现(默认不显示每块区域name，高亮时候显示name)3、三级分类通过鼠标放在饼图某一区域上时以文字的形式呈现(自定义提示文字) <template> <div class="w100 h100"> <!-- 左右切换箭头及一级分类名字 --> <div> <div class="title">{{ pieData[index].name }}</div> <div
2024-11-23 -
这里一定要注意单引号和双引号的用法，否则就不能正确传递。原因是json内包含双引号。 return "<div><button class='btn btn-xs btn-warning btnEditSupervisorDuty ' onclick='EditSupervisorDuty(" + JSON.stringify(full) + ")'>编辑</button><div>" function EditSupervisorDuty(obj) { cons
2024-11-23 -
知识点 路由守卫（使用了前置守卫）：根据用户角色判断要添加的路由 vuex：保存动态添加的路由 难点 每次路由发生变化时都需要调用一次路由守卫，并且store中的数据会在每次刷新的时候清空，因此需要判断store中是否有添加的动态路由。 （若没有判断 则会一直添加 导致内存溢出） 根据角色判断路由 过滤动态路由 判断每条路由角色是否与登录传入的角色一致 <template> <div> <el-menu :default-active="$route.pat
2024-11-23 -
在身份验证和授权领域，"有状态"（stateful）和"无状态"（stateless）通常用来描述系统处理用户认证信息的方式。 简而言之，有状态认证系统依赖于服务器端存储的会话状态来验证用户身份和权限，而无状态认证系统则不依赖于服务器端存储的会话状态，所有的认证信息都被包含在每个请求中。
2024-11-23