前端开发工程师面试整理-HTML5的新特性
HTML5引入了许多新特性，旨在提高网页的功能性和用户体验。以下是一些主要的新特性： 语义化标签 1. <header>: 页面或区块的头部内容。 2. <footer>: 页面或区块的底部内容。 3. <section>: 表示文档中的一个区段。 ...
前端开发工程师面试整理-响应式设计的原则和实现方式
响应式设计（Responsive Design）是一种Web设计方法，使网页能够在各种设备和屏幕尺寸上良好地显示和使用。以下是响应式设计的基本原则和实现方式： 响应式设计的原则 1. 流式布局（Fluid Grid Layouts）: ● 使用相对单位（如百分比、em、rem）而非绝对单位（如像素）来定义布局，以适应不同屏幕尺寸。 ● 例如，将容器的宽度设置为百分比： < ...
制造业MES系统源码，前端框架：vue.js，后端框架：springboot 功能模块包括：生产计划管理、物料管理、工艺管理、设备管理、
，帮助企业提高生产效率、降低成本、提高产品质量，从而增强竞争力。 开发技术： 技术架构：springboot + vue-element-plus-admin 开发语言：Java 开发工具：idea 前端框架：vue.js 后端框架：springboot 数 据 库：mysql 移 动 端：uniapp MES系统的特性： 1）数据采集引擎，集成数据采集通道（RFID，条码设备，PLC，Sensor，...
vue3前端开发-小兔鲜项目-form表单的统一校验
vue3前端开发-小兔鲜项目-form表单的统一校验！实际上，为了安全起见，用户输入的表单信息，要满足我们的业务需求，参数类型等种种标准之后，才会允许用户向服务器发送登录请求。为此，有必要进行一次form表单的全局校验。也为后面的是否发送登录业务请求作为判定依据。 1：使用钩子函数，ref.获取到form的表单对象。 之前我分享的内容文章里介绍过这个ref是一个钩子函数，用它，可以获取到标签对象的内容...
前端低代码必备：FrontendBlocks 4.0版本重磅发布，助力Uniapp-X原生APP开发
项目介绍 本软件是一款强大的所见即所得前端页面设计器，是低代码开发领域的基础设施，生成的代码不依赖于任何框架，实测可以将前端布局工作的耗时减少80%以上，最关键的是，它实现了人人都可以写前端页面的梦想。 不用写一行代码即可让设计师、前端开发人员轻松设计出前端代码的利器，100%还原设计稿不再是梦。对于Uniapp开发非常友好，可以快速生成组件和页面。 本软件可以生成HTML5代码、按2x生成手机端V...
vue3前端开发-小兔鲜项目-二级页面的tab切换后动态调用
vue3前端开发-小兔鲜项目-二级页面的tab切换后动态调用！上一次仅仅是做了基础的渲染，这一次，把tab切换后的动态参数调用做一下。 1：其实很简单。因为官方框架提供了原生的动态绑定和动态监听函数。 如下图所示： 如图，我们给这个el-tabs标签呢，绑定了一个动态数据对象，就是我们上面的那个reqData的参数。sortFiled.这就实现了动态切换参数的值的效果了。 然后我们使用了原生的监听函数...
web前端学习笔记Day02
web学习Day02 一、页面布局 盒子模型 盒子将页面的所有标签都包含在了一个矩形区域content(内容区域)->padding(内边距区域)->border(边框区域)->margin(外边距区域) div标签: 一行只能显示一个（独占一行）width默认为父元素宽度，height默认由内容撑开可以设置宽高 span标签： 一行可以有多个span标签width和height默认由内容撑开不可以...
vue3前端开发-小兔鲜项目-二级页面面包屑导航和跳转
vue3前端开发-小兔鲜项目-二级页面面包屑导航和跳转！这一次，做两件事。第一件事是把二级分类页面的跳转（也就是路由）设计一下。第二件事是把二级页面的面包屑导航设计一下。 第一件事，二级页面的跳转路由设计一下。 如图，我们提前创建，准备好二级页面需要用到的组件代码。 <script setup>import {getCategoryFilterAPI} from '@/apis/category'...
vue3前端开发-执行npm run dev提示报错怎么解决
vue3前端开发-执行npm run dev提示报错怎么解决！今天在本地安装初始化了一个vue3的案例demo。但是当我执行npm run dev想启动它时报错了说，找不到dev。让我检查package.json文件是否包含dev。如下图所示： 实际上，不必惊慌，这是因为我自己的项目存档路径，进行了一次嵌套操作，所以引起的故障。 下面给大家看一下，我这一次项目存档的路径情况。就明白了。 如图，我使...
tg小程序前端-dogs前端源码分析
tg小程序前端-dogs前端源码分析 前端源码 index.html <!DOCTYPE html><html lang="en"> <head> <script src="https://telegram.org/js/telegram-web-app.js" onload="window.Telegram.WebApp.expand(); window.Telegram.WebApp.setH...