前端-VUE 第38页

vue 在style标签中引入js变量控制样式

1.基本的绑定样式示例data(){return{colorData:'blue',}}详细用法可参考下面的博客：https://www.jianshu.com/p/2b82ee1e6199

古迪红尘·2024-03-26 22:13

javascript实现SM2加密解密

前提JavaWeb环境前端代码window.sm2=function(t){functioni(e){if(r[e])returnr[e].exports;varn=r[e]={i:e,l:!

人生在勤，不索何获·2024-03-26 22:42

Vue：为什么要使用v-cloak

Vue.js是一种流行的JavaScript框架，它使我们能够构建交互性强大的用户界面。在Vue.js中，v-cloak是一个指令，用于解决在页面加载时出现的闪烁问题。

刻刻帝的海角·2024-03-26 21:11

vue生命周期

它用于观察Vue实例上的数据变动。对应一个对象，键是观察表达式，值是对应回调。值也可以是方法名，或者是对象，包含选项。

涡看你就不是好人呐·2024-03-26 17:36

前端埋点解决方案

一、前言：基于神策数据的前端埋点解决方案JavaScript快速使用·神策分析使用手册[预览版]二、sdkgitlab下载地址https://github.com/sensorsdata/sa-sdk-javascript

zhu_zhu_xia·2024-03-26 16:05

Vue 发送Ajax请求多种方式

1.发送ajax请求的方式方案一：jq的ajax（在vue中不推荐同时使用）方案二：js原始官方fetch方法方案三：axios第三方2.方案一后端视图函数fromrest_framework.viewsetsimportViewSetfromrest_framework.responseimportResponseclassIndex

Red丶哞·2024-03-26 15:04

vue时间组件：dayjs与moment

一、dayjs使用Day.js是一个极简的JavaScript库，可以为现代浏览器解析、验证、操作和显示日期和时间。具体使用可参考：dayjs官网1、本年start=dayjs().startOf('year').format('YYYY-MM-DD')end=dayjs().endOf('year').format('YYYY-MM-DD')console.log(start,end)//['2

煸橙干儿~~·2024-03-26 13:31

vue3中使用过渡动画transition

//appear表示一进入页面就使用动画hello.slide-enter-active,//进入动画的生效状态.slide-leave-active{//离开动画的生效状态transition:all0.5sease;}.slide-enter-from,//进入动画开始状态.slide-leave-to{//离开动画结束状态height:0px!important;}.slide-enter-

前端小趴菜05·2024-03-26 13:30

blog-engine-06-pelican 静态网站生成支持 markdown 和 reST 语法

拓展阅读blog-engine-01-常见博客引擎jekyll/hugo/Hexo/Pelican/Gatsby/VuePress/Nuxt.js/Middleman对比blog-engine-02-通过博客引擎

老马啸西风·2024-03-26 11:58

在Vue中组件和组件之间的通信有哪些？

1.父向子传数据？props2.子向父传数据？第一种方式：父向子传一个函数，子接收这个函数，然后子去调用这个函数，通过这个函数向子传数据第二种方式：组件的自定义事件绑定事件：负责接收数据触发事件：负责发送数据3.可以完成所有组件之间的数据，包括：兄弟之间、爷孙之间、但不限于这些全局事件总线4.怎么选择呢？父向子：props子向父：自定义事件其他的关系使用全局事件总线

qingyun989·2024-03-26 11:27

如何提出令人爱回答的好问题？

这些新的有用的东西，都在前端被实践着，暂时来不及把知识系统

兮若耶·2024-03-26 07:17

谈谈对前端性能监控的理解和实践

一、谈谈对前端性能监控的理解和实践前端性能监控是确保网页或应用高效、稳定运行的关键环节，它涉及对前端页面加载速度、资源消耗、错误率等指标的实时监控和预警。

Layla_c·2024-03-26 05:20

mineadmin使用docker启动方式

找个目录,git下来mineadmin代码,在根目录,创建文件名docker-compose.yml然后复制下面代码version:'3'services:#首先下载前端，https://gitee.com

qq_38812523·2024-03-26 04:49

它如何帮助管理前端开发项目？

版本控制工具（如Git）在前端开发项目中扮演着重要的角色，主要有以下几方面的作用：1.**版本管理**：版本控制工具可以帮助开发团队管理项目的不同版本，记录每次代码变动的历史记录，方便追踪和回溯。

智伴科技·2024-03-26 02:46

vue-pdf 预览pdf (数据流)

页面有个要预览pdf的需求，数据是从后台传递过来的数据流：1.安装插件：npminstallvue-pdf2.在页面引用：importpdffrom'vue-pdf'...components:{pdf

reembarkation·2024-03-26 02:45

js封装SDK 在VUE、小程序、公众号直接调用js调用后端接口（本文以vue项目为例）

1.封装一个js文件msgSdk.js注意：需要修改这个请求地址apiServiceAddress;(function(){if(window.msgSdk){return}varmsgSdk=(function(){varm_msgSdk=thisvarapiServiceAddress="http://172.12.14.5:8000"this.I_SendHTTPRequest=functi

祝你今天也快乐·2024-03-26 01:45

低代码与前端开发架构：重塑软件开发的未来

在这场变革中，低代码开发平台和前端开发架构扮演着越来越重要的角色。本文将探讨低代码与前端开发架构之间的关系，并分析它们如何共同推动软件开发的创新与发展。

快乐非自愿·2024-03-26 01:44

【Vue】elementUI-MessageBox组件相关

官方代码：点击打开MessageBoxexportdefault{methods:{open(){this.$confirm('此操作将永久删除该文件,是否继续?','提示',{confirmButtonText:'确定',cancelButtonText:'取消',type:'warning'}).then(()=>{this.$message({type:'success',message:'

SZnA1·2024-03-25 23:12

基于nodejs+vue智慧农业小程序python-flask-django-php

根据此问题，研发一套智慧农业小程序，既能够大大提高信息的检索、变更与维护的工作效率，也能够方便微信小程序的管理运用，从而减少信息管理成本，提高效率。该微信小程序主要设计并完成了管理过程中的用户注册登录、个人信息修改、用户信息、知识科普、土壤信息、水质信息、购物商城等功能。该微信小程序操作简便，界面设计简洁，不但可以基本满足本行业的日常管理工作，同时又可以有效减少人员成本和时间成本，为智慧农业管理工

QQ_1963288475·2024-03-25 16:05

nodejs+vue的街道办管理系统python-flask-django-php

在此基础上，结合现有街道办管理体系的特点，运用新技术，构建了以nodejs为基础的街道办管理信息化管理体系。首先，以需求为依据，根据需求分析结果进行了系统的设计，并将其划分为管理员和用户二种角色和多个主要模块：用户、住户信息、流动人口、住户居住、住户迁出、缴费信息、投诉维修理、处理信息、评价评分、核酸采样、预约信息等。使用目前市场主流的技术express框架进行项目构建，基于MVC开发模式，使用n

QQ_1963288475·2024-03-25 16:05

vue动态获取本地图片

/components/child.vue'exportdefault{data(){return{list:[{name:'小明',avatar:'@/assets/剑士.jpg'},{name

浅墨_东·2024-03-25 14:03

接口测试之测试原则、测试用例、测试流程......

开发岗位分为前端和后端，他们相互配合完成工作，会协商接口的定义方法。一般后端定义接口，前端调用接口。前后端

程序员老鹰·2024-03-25 10:57

vue3 + Element + nodejs 大文件上传、断点续传

前言大文件上传，一般时间都比较长，这么长的时间内，可能会出现各种各样的问题，比如断网，一旦出错，我们的文件就需要重新上传，这样造成资源浪费，如果我们使用了断点续传继续就不会造成资源浪费了，因为当出现错误的时候，我们再重新上传文件，就会从我们出现错误的地方开始上传了，对于出错前上传的内容就不用再上传了，对于已经上传过的文件，就可以实现秒传的效果了。完整仓库地址流程1、上传方法constonUploa

ZL随心·2024-03-25 05:21

【前端】CommonJS和ES Module

区别语法差异：CommonJS：使用require()导入模块，使用module.exports或exports导出模块。ESModule：使用import导入模块，使用export导出模块。编译时vs运行时：CommonJS是在运行时加载模块，模块代码是动态执行的。ESModule是在编译时静态解析模块依赖关系，以便更好地进行优化和静态分析。异步加载：CommonJS不支持异步加载模块，只能同步

Lucky小维·2024-03-25 05:51

如何快速上手Vue框架?

要快速上手Vue框架，可以按照以下步骤进行：一、准备工作了解Vue：Vue是一个构建用户界面的渐进式框架，核心库只关注视图层。环境准备：安装Node.js和npm，这是Vue开发的基础环境。

山间漫步人生路·2024-03-25 05:50

基于python+vue高校毕业生离校管理系统flask-django-php-nodejs

课题主要采用Uni-weixin、django架构技术，前端以小程序页面呈现给用户，结合后台java语言使页面更加完善，后台使用MySQL数据库进行数据存储。

QQ511008285·2024-03-25 03:48

Vue项目使用process.env关键字及Vue.config.js配置解决前端跨域问题

1.process.env是Node.js中的一个环境1.打开命令行查看环境：2.process.env与VueCLI项目VueCli有以下三种运行模式development模式用于vue-cli-serviceservetest

百思不得小李·2024-03-25 02:47

浅谈前端路由history和hash的理解

hash和history在前端面试中是很常考的一道题目，可能很多人对于history和hash的理解差异性就是，他们两者的url字段一个没有#号一个有#号，但是有没有想过为什么这样呢，有无#号又有什么差异呢

怂怂敲代码·2024-03-25 02:46

vue项目报错，npm install 报错

1.报错问题：npmERR!cb()nevercalled!npmERR!Thisisanerrorwithnpmitself.Pleasereportthiserrorat:npmERR!9npmERR!Acompletelogofthisruncanbefoundin:npmERR!C:\Users\AdministratorAppDataRoamingnpm-cachelogs2020-12

m87里的光·2024-03-24 19:08

Websocket + Vue使用

这里有一篇文档可以参考一下>闪现POM文件org.springframework.bootspring-boot-starter-websocket2.7.0WebSocketConfig配置importorg.springframework.context.annotation.Bean;importorg.springframework.context.annotation.Configura

人间观察师·2024-03-24 19:37

uniapp：wx.switchTab: url 不支持 queryString

方案一：vuex方案二：pinia上面两种代码自行处理，下面提供一种更为简单的方案方案三：使用ref或是reative配合watchEffect【推荐】在相同目录创建一个data.ts/***搜索参数*

你的代码我的心·2024-03-24 19:37

百度地图的使用(js，vue2，vue3)

百度地图的使用创建应用获取密钥akak是在百度地图开发者平台申请的密钥详见http://lbsyun.baidu.com/apiconsole/key一、原生js使用百度地图引入初始化地图varmap=newBMapGL.Map("container");//创建地图实例varpoint=newBMapGL.Point(116.404,39.928);//创建点坐标map.centerAndZoo

Nancy哇·2024-03-24 17:36

拖拽插件的使用（vue-draggable-resizable）

拖拽功能使用插件（vue-draggable-resizable）用于可拖动和可调整大小元素的Vue2组件。

Nancy哇·2024-03-24 17:35

[套路] 浏览器引入Vue.js场景-WangEditor富文本编辑器的使用 (永久免费)

滑块验证码目录系列文章目录前言一、实现1.1场景1.2Window对象简介1.3引入WangEditor1.4页面配置前言公司使用freemarker的老旧SpringBootWeb后台项目,前两年通过浏览器引入js的方式使用Vue

Grandpa_Rick·2024-03-24 14:34

【 Vue 】自定义渲染器和异步渲染

自定义渲染器和异步渲染在本章之前，我们花费了很大的篇幅全面的讲解了一个普通渲染器的实现原理，它可以将VirtualDOM渲染为Web平台的真实DOM。本章我们将在上一章的基础上讲解更加高级的渲染器：自定义渲染器(Customrenderer)以及异步渲染。自定义渲染器的原理渲染器是围绕VirtualDOM而存在的，在Web平台下它能够把VirtualDOM渲染为浏览器中的真实DOM对象，通过前面几

fans小知·2024-03-24 04:51

Yarn 管理的前端项目转换为使用 npm

如果你想将一个使用Yarn管理的前端项目转换为使用npm，你需要执行一些步骤来确保成功迁移。以下是一种可能的方法：步骤：备份项目：在执行任何更改之前，确保你对项目进行了备份。

577wq·2024-03-24 04:20

一、项目介绍

该项目就是运用Vue.js+epub.js实现的一个阅读器，实现阅读器、书城、书架、听书功能。阅读器的基础功能有字号选择、主题选择、进度条、目录等功能。

彩虹桥下的小淅猪·2024-03-24 04:50

accessToken

1、介绍accessToken，通常是用于身份验证和授权的令牌,它可以用于前端和后端，具体使用方式取决于应用程序的架构和需求。

星梦清河·2024-03-24 04:50

python社区垃圾分类管理平台的设计与实现flask-django-php-nodejs

语言：Python框架：django/flask软件版本：python3.7.7数据库：mysql数据库工具：Navicat前端框架:vue.js通过比较两个不同因素的框架，可以看出Flask和Django

QQ_511008285·2024-03-23 23:14

springboot项目学习-瑞吉外卖（1）

退出功能注意：本博客没有使用网上教程里的mybatis-plus，使用的是mybatis；数据库连接池也没有使用教程里的druid，使用的是spring自带的连接池基本架构common包：存放的通用类R，用来给前端返回

两仪式quq·2024-03-22 08:54

前端测试方法

对于前端工程师，测试是开发过程中不可或缺的环节。而其中两种最基本、最常见的测试类型就是“冒烟测试”和“全量测试”。1.冒烟测试众所周知，冒烟这个词是源自汽车行业的。

gyqJulius_Caesar·2024-03-22 06:23

问了一下 GPT--当前基于 React + TypeScript 的生态中一名前端工程师需要具备哪些能力？

在当前基于React+TypeScript的生态中，你需要掌握一系列的技能和知识，以构建现代化、高效能且可维护的前端应用程序。

zoe_ya·2024-03-20 19:31

reactive 和ref区别和原理

reactive和ref区别和原理在Vue3中，reactive和ref都是用来创建响应式数据的方法。它们的主要区别在于如何使用它们以及它们如何处理值.reactive是用来创建响应式对象的。

小王学前端️·2024-03-20 18:30

react 和vue区别

React和Vue是两个非常流行的前端JavaScript框架，它们有许多相似之处，但也有一些关键的区别：设计理念：React更倾向于函数式编程，推崇组件的纯粹性和可预测性，而Vue则更倾向于易用性和灵活性

小王学前端️·2024-03-20 17:59

登录页面用户名和密码怎么连接服务器使用服务器数据

前端代码将用户名和密码发送到服务器。可以使用AJAX或表单提交等技术。服务器接收到用户名和密码后，可以通过数据库查询等方式验证用户身份。

独木人生·2024-03-20 17:58

vite和webpack的区别

Vite和Webpack都是现代前端开发中的常见打包工具，但在实际使用过程中，它们存在五个主要区别：1.开发模式不同；2.打包效率不同；3.插件生态不同；4.配置复杂度不同；5

小王学前端️·2024-03-20 16:28

RabbitMQ学习笔记：节点名称详解、rabbitmq-server、及rabbitmq-env.conf

rabbitmq-serverrabbitmq-server启动一个RabbitMQ节点1.rabbitmq-server在前端启动一个RabbitMQ节点，示例如下：[root@rabbit3rabbitmq

Bejpse·2024-03-20 13:55

vue中时间戳转换时间格式并实时刷新案例

{{date}}import{dateFormat}from"../utils/index.js";exportdefault{data(){return{date:`${newDate().getFullYear()}年${(newDate().getMonth()+1>9?newDate().getMonth()+1:newDate().getMonth()+1)}月${(newDate().

zyghhhh·2024-03-20 12:30

React——组件通讯

组件通讯-父子间、兄弟间传值propsprops，学过vue的其实我们都很熟悉，都是父组件传递给子组件的一种方式。props是只读对象，只能读取属性，无法修改，属于单向数据

水煮庄周鱼鱼·2024-03-20 11:21

vue+elementUI用户修改密码的前端验证

旧密码后端验证是否正确；前端验证新密码的规范性，新密码规范为：6-16位，至少含数字/字母/特殊字符中的两种；确认密码只需要验证与新密码是否一致；弹窗结构取消确认form验证规则passRules:{oldPassword

zj_zjk_sjz·2024-03-20 08:49

推荐频道

前端-VUE