前端学习日记Vue

【还没开始】每个前端开发人员都应了解的延迟数据

https://vercel.com/blog/latency-numbers-every-web-developer-s...
·2025-01-24 03:09

vue组件学习三(插槽)

目录1、匿名插槽2、渲染作用域3、默认内容4、具名插槽5、条件插槽6、作用域插槽7、具名作用域插槽最后1、匿名插槽父组件调用Mycomponet1组件clickme子组件为最后结果为clickme2、渲染作用域因为插槽的内容是在父组件中定义的，所以能访问到父组件中的数据作用域，无法访问到子组件的数据。3、默认内容在我们没有从父组件中提供插槽内容时，可以提供一个默认值例如：默认内容在这个例子中，父组
@爱学习的小姜·2025-01-24 03:09

logback+kafka+ELK实现日志记录（操作）

日志平台业务思路用户请求进入后台根据搜索的参数去查询内容返回所有信息,返回json数据，当用户查看详情后根据查询到的内容里面的traceId去es里查询和traceId相等的所有日志信息最后返回给前端业务流程
酷酷的码农小哥·2025-01-24 03:08

Vue 全局自适应大小：使用 postcss-pxtorem

在现代前端开发中，响应式设计已经成为不可或缺的一部分。尤其是在移动设备的普及下，保证网页在各种屏幕尺寸下的显示效果变得尤为重要。Vue.js作为一个流行的前端框架，能够很方便地实现响应式设计。
前端程序猿i·2025-01-24 02:36

14天速成小程序开发：第九章 首页banner轮播图效果的实现

文章目录前言一、获取数据二、渲染样式三、成果展示四、代码展示1.index.vue页面1.1template1.2script1.3style2.utils.js公共逻辑前言本文将学习调用组件和接口文档实现首页
雁于飞·2025-01-24 02:30

Vue全家桶 - 电商后台管理系统项目开发实录（详）

目录1.项目概述1.1电商项目基本业务概述1.2电商后台管理系统的功能1.3电商后台管理系统的开发模式（前、后端分离）2.项目初始化2.1前端项目初始化步骤码云相关操作2.2后台项目的环境安装配置3.登录
←か淡定☆ ヾ·2025-01-24 00:16

在Vue页面中实现平滑滚动功能

这是一个实现平滑滚动的函数，可以让页面在滚动到指定位置时产生缓动效果该函数依赖于Math.easeInOutQuad函数和requestAnimFrame函数，其中Math.easeInOutQuad函数用于计算当前滚动位置的值（根据时间、起始值、变化量和持续时间），requestAnimFrame函数用于实现动画效果。函数的参数包括：to:目标滚动位置；duration:滚动持续时间，默认为50
种花的人_·2025-01-23 23:45

搭建vue项目

一、VueVue是一款用于构建用户界面的JavaScript框架。它基于标准HTML、CSS和JavaScript构建，并提供了一套声明式的、组件化的编程模型，帮助你高效地开发用户界面。
LYy0·2025-01-23 23:09

Vue3项目开发——新闻发布管理系统（八）

文章目录十、新闻管理模块设计开发1、新闻管理主页面设计1.1基本架构搭建1.1.1搜索表单1.1.2新闻主表格样式(静态数据模拟渲染)1.2新闻分类选择框1.2.1新建组件1.2.2页面中导入渲染1.2.3调用接口，动态渲染下拉分类，设计成v-model的使用方式1.2.4父组件定义参数绑定1.2.5发布状态，也绑定一下，便于将来提交表单2、新闻表格渲染2.1封装API接口，新闻主表格渲染2.1.
bjzhang75·2025-01-23 22:08

vue项目开发总结——任务悬赏平台（前端）

项目简介：该项目实习中的第一个项目，该项目分为用户端、企业端、后台管理端。用户可以在任务大厅接受任务，每完成任务都会获得响应的报酬，用户只能接受一个任务，该任务完成后才能继续下一个任务。任务进行期间，该任务可以被企业取消，若企业取消用户正在完成的任务，则返回5%的奖励给用户。企业可以发布任务，发布任务之前需要上传企业认证凭证给后台管理端，后台管理员审核通过之后企业才可发布任务，企业可以对用户已完成
boboj1·2025-01-23 22:07

React 路由导航与传参详解

React作为最流行的前端框架之一，提供了强大的路由管理工具react-router-dom，帮助开发者轻松实现页面导航和传参。
疯狂小料·2025-01-23 22:35

Exa CEO惊人预测：前端工程师三年内消失？数学家700天后失业？AI代码生成器时代来临！

Exa公司CEO威廉·布里克近日做出了一个惊人的预测：前端工程师将在三年内消失，而数学家则只有700天的时间！这个预测的背后，是英伟达千万美元投资以及对AI技术突破的深刻观察。
·2025-01-23 22:00

如何使用 Emmet 快捷方式提高开发效率

前端开发是一个高度依赖效率的领域，开发者们常常需要处理大量的HTML和CSS代码。为了解决重复工作和提高开发效率，Emmet快捷方式应运而生。
木觞清·2025-01-23 21:58

vuex中commit

一、不使用模块的基础模式看vuex相关的文件夹，放在src下的store文件夹，里面有一个index.js文件，为vuex的入口，如果不使用模块，可以将所有相关代码写在index.js文件里面，下面是最基础的
努力搬砖的程序媛儿·2025-01-23 21:26

vue - 实现省市区的级联选择

  最近要实现一个省市区级联选择效果，省市区的数据都是使用的本地数据，实现起来逻辑会有一点复杂，我在这里列举PC端的总结分享一下，移动端的代码也是差不多的，除了html之外，其它的可以复制根据需求使用即可。希望对大家有所帮助。一、效果图  PC端的效果图：  移动端的效果图：二、实现逻辑  我这里的实现逻辑是先通过省份来获取城市，然后通过城市来获取区县，街道因为不是固定的，所以让用户自己输入。获取
紫菀檀ss·2025-01-23 20:23

vue 给iframe设置src_vue项目中，iframe的src动态赋值

可以类似这样：/***动态创建iframe*@paramdom创建iframe的容器，即在dom中创建iframe。dom能够是div、span或者其它标签。*@paramsrciframe中打开的网页路径*@paramonloadiframe载入完后触发该事件。能够为空*@return返回创建的iframe对象*/createIframe(dom,src,onload){//在document中
weixin_39961636·2025-01-23 19:48

vue使用window.open（）跳转页面

项目场景：提示：项目需要vue带参数跳转打开新页面、新窗口：例如：点击机巢监控按钮，在当前页面重新打开一个窗口到另一个页面（同时把参数全部带过去）window.open()的用法open()方法用于打开一个新的浏览器窗口或查找一个已命名的窗口
scorpion_V·2025-01-23 19:46

【AI日志分析】基于机器学习的异常检测：告别传统规则的智能进阶

网罗开发（小红书、快手、视频号同名）  大家好，我是展菲，目前在上市企业从事人工智能项目研发管理工作，平时热衷于分享各种编程领域的软硬技能知识以及前沿技术，包括iOS、前端、HarmonyOS、Java
网罗开发·2025-01-23 19:14

Element-plus封装表格Validate

Element-plus实现表格内的表单验证：useAttrValidateHook在Vue.js项目中，表单验证是一个常见的需求，尤其在处理复杂表格编辑场景时。
努力搬砖的宣·2025-01-23 19:44

uniapp小程序项目从0到1开发

https://uviewui.com/components/install.htmlcmd执行[email protected]引入并使用uView的JS库，注意这两行要放在importVue
扶园·2025-01-23 19:42

Vue+Element-plus搭建

一.下载node看这篇博客：http://t.csdn.cn/kTeRL二.安装vue的脚手架(vue-cli)如果没有切换node的下载镜像，使用这条命令切换淘宝镜像：npmconfigsetregistryhttps
a3337779·2025-01-23 18:11

前端——Html+CSS

目录CSS引入方式颜色表达方式CSS选择器去掉超链接的下划线路径表示行高和首行缩进常见标签布局标签flex布局表单标签表单项标签改变鼠标指针的样式表格标签div{box-sizing:border-box;}CSS引入方式具体有3种引入方式，语法如下表格所示：名称语法描述示例行内样式在标签内使用style属性，属性值是css属性键值对。中国新闻网内部样式定义标签，在标签内部定义css样式。h1{.
逆风局？·2025-01-23 18:09

Vue.js 深度剖析：2024 前端高频面试题详解

Vue.js深度剖析：2024前端高频面试题详解1.Vue的响应式原理是什么？2.Vue组件通信方式有哪些？3.Vue的生命周期是什么？4.如何优化Vue应用性能？
跟着小郑学前端·2025-01-23 18:39

Vue-Router路由动态缓存组件(keep-alive)，vue2/vue3不同写法

个人简介：某大型国企资深软件开发工程师，信息系统项目管理师、CSDN优质创作者、阿里云专家博主、华为云云享专家，分享前端后端相关技术与工作常见问题~作者：码喽的自我修养❣️专栏：vue2/3从基础到起飞若有帮助
码喽的自我修养·2025-01-23 18:38

Vue 3中的路由（Router）详解

在前端开发中，路由是构建单页应用程序的核心慨念之一。允许应用根据URL的变化动态地渲染不同的组件或页面。Vue.js提供了官方的路由管理工具——VueRouter。
scorpion_V·2025-01-23 18:37

Element修改表格结构样式集合（后续实时更新）

场景修改前端Element组件el-table样式实现线表格-->-->执行-->轨迹轨迹-->.guiji-pop{height:100%;width:100%;.tablepro{width:100%
白嫖叫上我·2025-01-23 18:07

Exa CEO惊人预测：前端工程师三年内消失？数学家700天后失业？AI代码生成器时代来临！

Exa公司CEO威廉·布里克近日做出了一个惊人的预测：前端工程师将在三年内消失，而数学家则只有700天的时间！这个预测的背后，是英伟达千万美元投资以及对AI技术突破的深刻观察。
·2025-01-23 18:57

基于django+vue高校实验室预约系统【开题报告+程序+论文】-计算机毕设

本系统（程序+源码+数据库+调试部署+开发环境）带论文文档1万字以上，文末可获取，系统界面在最后面。系统程序文件列表开题报告内容研究背景随着高等教育的快速发展，高校实验室作为实践教学与科研活动的重要基地，其利用率与管理效率直接关系到教学质量与科研成果的输出。然而，传统的手工预约和管理方式已难以满足日益增长的实验室使用需求，存在信息不对称、预约流程繁琐、资源分配不均等问题。因此，开发一套高效、便捷、
煜文学长_毕设·2025-01-23 18:06

无@RequestBody获取数据为null

知识点参考：https://blog.csdn.net/justry_deng/article/details/80972817/今天在做一个post提交数据时，发现后台接收到的数据总为null，这是vue
爱恰鸡米花·2025-01-23 18:04

2025年计算机专业毕业设计选题推荐 速存

领域优质创作者，荣获“博客之星”称号掘金、华为云、阿里云、InfoQ等平台优质作者专注于Java技术及学生毕业项目实战指导高校教师/讲师，擅长同行交流合作文末获取源码联系方式主要内容SpringBoot、Vue
小晓程序设计·2025-01-23 17:03

EventLoop事件循环机制(浏览器和Node EventLoop)

前端的同学们应该都听说过EventLoop的概念，网上各大平台关于它的文章也是成百上千质量参差不一，其实在笔者刚开始接触js的时候这对这方面一头雾水，也是看了高程、官方文档以及大量的文章后才对它有了深刻认识
·2025-01-23 17:50

Spring MVC中HandlerInterceptor和Filter的区别

一、处理阶段Filter：是基于Servlet的，作用于请求的最前端，即请求进入Servlet容器后、进入Servlet之前被调用。它可以
码农小灰·2025-01-23 17:27

程序员转行做什么好：数据分析师、AI大模型工程师、产品经理和云计算工程师？

例如，AI大模型工程师、数据分析师、前端开发工程师、全栈开发工程师等都是当前市场上需求量较大的职位。就拿数据分析师来说，因其在
雪碧没气阿·2025-01-23 14:08

视频的上传，转码与展示的过程

本文是记录自己学习过程的，不适合直接拿来用的业务需求及场景后台基于springboot的微服务框架，页面是vue用户可以选择一个视频上传的管理页面，新增时，用户可以选择上传封面图片或者不选择上传封面图片
小子武·2025-01-23 14:05

table多行表头合并 vue_vue elementUI table 自定义表头和行合并

最近项目中做表格比较多，对element表格的使用，只需要传递进去数据，然后写死表头即可渲染。但现实中应用中，如果写死表头，并且每个组件中写自己的表格，不仅浪费时间而且消耗性能。这个时候需要动态渲染表头。而官方例子都是写死表头，那么为了满足项目需求，只能自己来研究一下。1、自定义表头代码如下，其实就是分了两部分，表格主数据是在TableData对象中，表头的数据保存在headerDatas，hea
weixin_39540704·2025-01-23 13:35

element-plus 的table section如何实现单选

但是我没找到改变成不可编辑的方法，只能采取隐藏import{ref,reactive,toRefs}from'vue'consttaskTableRef=ref();//表格ref//变量定义conststate
肖肖肖丽珠·2025-01-23 13:33

ElementUi el-date-picker封装

第一步新建vDatePicker.vueimport{ref,}from"vue";importutilsfrom"..
柒柒兮·2025-01-23 13:32

v=534c014e‘ vue3引入jwt-decode报错

安装cnpminstalljwt-js-decode导入import{jwtDecode}from'jwt-js-decode';使用constdecode=jwtDecode(user_token)
BigData-0·2025-01-23 12:30

vue和reacts数据响应式的差异

Vue的数据响应式：原理：Vue使用Object.defineProperty或Proxy（在Vue3中）来实现数据的响应式。
每天吃饭的羊·2025-01-23 11:50

watch里可以写异步吗

在Vue的watch中可以写异步，但通常不推荐。原因-可维护性差：watch的主要用途是响应式地监听数据变化。如果在里面写复杂的异步操作，会让代码逻辑变得难以理解和维护。
每天吃饭的羊·2025-01-23 11:20

【Web前端】JWT（JSON Web Tokens）概述

1、简介JWT（JSONWebTokens）是一种用于双方之间安全传输信息的简洁的、URL安全的令牌标准。它基于JSON对象，并通过数字签名确保其完整性和真实性。JWT因其小巧、自包含以及易于在客户端和服务器之间传输的特性而被广泛使用于身份验证和信息交换的场景中。2、组成部分JWT由三个部分组成，这三部分通过点（.）分隔：Header（头部）：头部通常包含了两部分信息：例如：typ：表示令牌的类型
泡芙冰淇淋ya·2025-01-23 09:35

uniapp APP端页面触发调用uniapp开发的webview里的方法

原理：使用getCurrentInstance()获取当前组件的Vue实例，通过instance.proxy.$scope.$getAppWebview()获取Uniapp的原生WebView对象。
printf_824·2025-01-23 08:55

Blazor-ApexCharts 开源项目指南

https://gitcode.com/gh_mirrors/bl/Blazor-ApexCharts一、项目介绍Blazor-ApexCharts是一个用于Blazor框架的图表组件库封装，它基于流行的前端图表库
凌桃莺Talia·2025-01-23 08:23

小白WEB前端学习（七）

续：小白WEB前端学习（六）继续学习CSS（五）8.响应式布局：响应式布局意在实现不同屏幕分辨率的终端上浏览网页的不同展示方式1.响应式布局介绍：优点:面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点
Sun ᥫᩣ涵·2025-01-23 07:19

四、【Vue3】——setup不得不说的两个注意点

在Vue3中setup被称为组合式API表演的舞台，可见其重要性与地位，在小编第一篇中浅谈过setup的使用，这节可以进阶学习一下setup中两个注意点：执行时机以及其参数。
YIFEI132·2025-01-23 07:17

vue | TODO记事本

{{item.content}}constapp=newVue({el:'#app',data:{todoname:"",list:[{id:1,content:'写毕设',isDone:false},
jingling1007·2025-01-23 06:43

Vue教程｜搭建vue项目｜Vue-CLI新版脚手架

一、安装Node环境安装Node及Npm环境Node下载地址：Node.js—RunJavaScriptEverywhereNode.js®isaJavaScriptruntimebuiltonChrome'sV8JavaScriptengine.https://nodejs.org/en/安装完成后，检查安装是否成功，并检查版本，命令如下：node-vnpm-vmac@MacdeMacBook-
cnsxjean·2025-01-23 06:10

赶紧收藏！2024 年最常见 20道分布式、微服务面试题（八）

负载均衡的关键概念：前端（Client-Side）负载均
学长爱编程·2025-01-23 05:02

js高阶-响应式原理

这种模式在现代前端框架（如Vue.js、React等）中非常常见，尤其是在数据绑定和UI更新方面。
silver687·2025-01-23 03:11

2025年前端发展趋势

开发领域：前端开发|AI应用|Web3D|元宇宙技术栈：JavaScript、React、ThreeJs、WebGL、Go经验经验：6年+前端开发经验，专注于图形渲染和AI技术开源项目：github晓智元宇宙
贵州数擎科技有限公司·2025-01-23 03:39
上一页 1 2 3 4 5 6 7 8 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他