前端学习之路—Vue 第100页

如何将 h5 页面快速转换成微信小程序

咕噜签名-铁蛋·2024-02-01 21:33

基于 vite 创建 Vue3 项目

1、基于vue-cli创建##查看@vue/cli版本，确保@vue/cli版本在4.5.0以上vue--version##安装或者升级你的@vue/clinpminstall-g@vue/cli##执行创建命令

打不着的大喇叭·2024-02-01 21:33

vue+nodejs+mysql上线部署（服务器CentOS8）

一.Liunx配置安装node(环境配置）建software文件夹mkdir/opt/software2.进入software文件夹cd/opt/software3.查看服务器系统，下载相应的node版本uname-a去nodejs官网，找nodejslinux的下载链接(推荐下载node-v16.5.0版本，node-v16.16.0会导致用不了–global)4.下载nodewgethttps

yfy538·2024-02-01 21:19

java+springboot电影订票选座及评论网站影评系统ssm+vue

广大观影消费者需要知道自己的空闲时间，在自己可以接受的地理距离范围内，是否有感兴趣的影片可供观看，也需要清楚哪家影院在销售自己需要的电影票；同时手握电影排期及上映信息的电影院的运营者也急需根据消费者的观影需求实时调整经营策略，这种买卖双方之间的信息交流需求更促进了“电影订票及评论网站”发展ide工具：IDEA或者eclipse编程语言:java数据库:mysql5.7+框架：ssm+springb

计算机专业码农一枚·2024-02-01 21:47

java基于springboot的美妆化妆品商城购物网站ssm+vue

美妆购物网站分为管理员，商家，用户三种权限。用户可以注册，可以登录，用户进入到首页可以看到热门化妆品和新品化妆品，可以选购化妆品（可以通过搜索查询）加入购物车，查看化妆品详细情况，对化妆品进行评论。可以查看订单信息，可以修改个人信息。管理员（商家）可以注册，可以登录，能够提交开店申请，设置自己的品牌名，进行化妆品上传和下架，修改自己商品的价格，查看订单清单超级管理员可以登录，可以进行化妆品的分类，

计算机专业码农一枚·2024-02-01 21:47

java基于springboot+vue的校园失物招领系统 nodejs+element

随着社会的发展，社会的各行各业都在利用信息化时代的优势。计算机的优势和普及使得各种信息系统的开发成为必需。校园失物招领系统，主要的模块包括首页、个人中心、公告信息管理、用户管理、物品类别管理、失物信息管理、招领信息管理、留言板管理、交流论坛、系统管理等功能。系统中管理员主要是为了安全有效地存储和管理各类信息，还可以对系统进行管理与更新维护等操作，并且对后台有相应的操作权限。环境需要1.运行环境：最

QQ123311197·2024-02-01 21:17

java+springboot企业员工工作日志审批管理系统ssm+vue

管理员功能结构图如下：ide工具：IDEA或者eclipse编程语言:java数据库:mysql5.7+框架：ssm+springboot都有前端：vue.js+ElementUI详细技术：HTML+CSS

计算机专业码农一枚·2024-02-01 21:17

nodejs+vue+mysql校园失物招领网站38tp1

操作简单易懂，合理分析各个模块的功能，尽可能优化界面，让用户和管理员能使用环境更好的系统该系统将采用B/S结构模式，使用Vue和ElementUI框架搭建前端页面，后端使用Nodejs来搭建服务器，并使用

计算机专业码农一枚·2024-02-01 21:16

Mxgraph的使用

本项目是基于mxGraph+vue设计的流程图编辑器，可用于流程图绘制，流程渲染等等；项目展示：推荐文章:GitHub源码地址：GitHub-lijiapeng0302/Mxgraph-EasyFlowEditor

爱蹦跶的大A阿·2024-02-01 21:13

JavaScript的dispatchEvent 手动触发事件

‍个人主页：《爱蹦跶的大A阿》当前正在更新专栏：《VUE》、《JavaScript保姆级教程》、《krpano》、《krpano中文文档》✨前言在Web开发中,我们会定义各种事件处理程序,等待浏览器对元素的默认行为触发响应

爱蹦跶的大A阿·2024-02-01 21:12

掌握Promise和async/await编写优雅的异步代码

‍个人主页：《爱蹦跶的大A阿》当前正在更新专栏：《VUE》、《JavaScript保姆级教程》、《krpano》、《krpano中文文档》目录✨前言✨正文一、简介、回调什么是回调函数回调函数示例异步回调小结二

爱蹦跶的大A阿·2024-02-01 21:42

JavaScript事件代理(Event Delegation)

‍个人主页：《爱蹦跶的大A阿》当前正在更新专栏：《VUE》、《JavaScript保姆级教程》、《krpano》、《krpano中文文档》✨前言随着Web应用交互日趋复杂,页面中的元素和事件也越来越多。

爱蹦跶的大A阿·2024-02-01 21:42

JavaScript事件冒泡和捕获

‍个人主页：《爱蹦跶的大A阿》当前正在更新专栏：《VUE》、《JavaScript保姆级教程》、《krpano》、《krpano中文文档》✨前言事件传播是JavaScript中非常重要的一个概念,它描述了从嵌套元素到祖先元素的事件传播顺序

爱蹦跶的大A阿·2024-02-01 21:40

vue组件双向绑定.sync修饰符的一个坑

我们知道组件是单项的，但是有时候需要双向，这时候我们可以使用.sync修饰符，但今天遇到一个坑，一直不成功，花了半小时试出来的。。。。在编程的时候我们很习惯冒号后面跟着空格。而.sync双向绑定需要子组件显性触发this.$emit('update:foo',newValue)这里的updata:foo可以说是一个名字，不能加空格，不能加空格，不能加空格！！！这就是坑，由于编程习惯，也许会有人加空

weixin_34377065·2024-02-01 21:40

Vue——.sync修饰符

根据官方文档理解.sync:`是用来对父组件监听子组件对于props数据的修改而产生的事件的一种缩写``vue官网：`2.3.0+新增-在有些情况下，我们可能需要对一个prop进行“双向绑定”。

还需studystudy·2024-02-01 21:40

vue中.sync修饰符的作用

子组件要修改父组件的数据，经常采用采用自定义事件去修改。即$emit，这样一来，父组件就要写上修改属性的方法。如：这种方式当然是没有问题。但是在写成共有组件的时候这种方法就显得很笨拙，难以调用跟维护。解决这个弊端的方式是使用.sync修饰符：sync本质上只是一个语法糖，当你添加.sync时，他等价于代码：其中fn1：fn1(val){this.money=val}.sync相当于给组件绑定了一个

金色浪花·2024-02-01 21:09

Vue2 通过.sync修饰符实现数据双向绑定

App.vue退出按钮importBaseDialogfrom".

知远同学·2024-02-01 21:39

Vue组件之间的样式冲突问题【Vue学习笔记12】

1.组件之间的样式冲突问题默认情况下，写在.vue组件中的样式会全局生效，因此很容易造成多个组件之间的样式冲突问题。

扶得一人醉如苏沐晨·2024-02-01 21:58

基于Java+Neo4j开发的知识图谱+全文检索的知识库管理系统（源码分析）

【springboot+elasticsearch+neo4j+vue+activiti】实现数字知识库管理系统。一、项目概要1.springboot、vue前后端分离技术。2.先进的

瓯雅爱分享·2024-02-01 20:41

基于springboot开发的工作流系统，bpmn.js，vue源码及功能分析（activiti）

一、项目形式springboot+vue+activiti集成了activiti在线编辑器，流行的前后端分离部署开发模式，快速开发平台，可插拔工作流服务。

瓯雅爱分享·2024-02-01 20:40

Vue学习之vue基础学习1

Vue学习之vue基础学习1下文将简述vue的基础知识包括声明式渲染、Attribute绑定、事件监听、表单绑定、条件渲染几个部分。

ciku·2024-02-01 20:09

Vue学习之使用HBuilderX创建并使用vue3.0项目

Vue学习之使用HBuilderX创建并使用vue3.0项目下文将简述如何使用HBuilderX创建并使用vue3.0项目，包含项目创建、目录介绍、如何引用组件、首页自定义设置。

ciku·2024-02-01 20:08

vue react PC/移动端 lib-flexible postcss-px2rem 一套自适应方法

安装lib-flexiblepostcss-px2rem两个包npmilib-flexible--savenpmipostcss-px2rem--savevue在main.js中引入，react在index.js

空、·2024-02-01 20:37

uni.webView.redirectTo不生效

背景：uniapp开发的小程序（简称UNI）页面A用Webview内嵌vue开发的h5，想从h5直接跳到UNI页面B。

weixin_47072581·2024-02-01 20:37

大屏项目适配问题scale缩放

1、这个是借鉴了大佬们使用的，我又封装成vue组件使用，用了Css3的缩放属性scale控制页面比例，不过这样的可能对地图的经纬度会产生误差，比如点击地图的地点名，可能高亮到其他附加的地方，具体需求看自己界面是什么功能了

爱睡D小猪·2024-02-01 20:35

前端实现自适应屏幕数据可视化大屏（vue + v-scale-screen组件 + dataV组件）

前言目前市面上有很多付费的数据可视化平台，作为一个代码编程人员，为啥不自己搞一套呢，不仅自己可以增加自己的技能，也可以减少开发成本，何乐而不为呢？写这篇文章，一方面工作有需求要实现数据可视化大屏，另一方面当然现在也有很多场景都用到数据可视化大屏，如报告总结、数据跟踪等等，在此总结分享给大家，写的不好的地方欢迎指出批评，谢谢。什么是数据可视化的大屏众所周知，未来的数据可视化趋势已成为了必然性，越来越

夜轩紫语·2024-02-01 20:05

React中封装大屏自适应（拉伸）仿照 vue2-scale-box

0、前言仿照vue2-scale-box1、调用示例{/*xxx代码*/}2、组件代码import{CSSProperties,ReactNode,RefObject,useEffect,useRef,

小小八毛·2024-02-01 20:34

vue3兼容超宽屏、超窄屏、4K屏幕等等

vue3兼容超宽屏、超窄屏、4K屏幕等等在你的项目src下创建一个hooks文件夹在里面创建一个UserScalePage.ts文件在里面写上import{onMounted,onUnmounted}from"vue

我叫汪枫·2024-02-01 19:06

vue3+ts使用echarts正确姿势

首先我们去封装一个Hooks为啥要封装Hooks在vue2中我们可以全局导入echarts通过this.ecahrts方式去使用echats,在vue3中使用了组合式Api对于this的支持不是方便所以为了便于开发建议自己去封装

我叫汪枫·2024-02-01 19:35

Vue下是如何实现CSS私有作用域的

在web开发中，css是一个利器，它可以使得我们的页面更加炫酷华丽，但是在好用的前提下它也给迭代开发带来了一定的麻烦，比如样式相互覆盖或者样式影响到了未考虑的元素等，所以css的私有化就显得很有必要了。但从严格意义上来说，css样式都是全局的，并不存在私有作用域这一说法，所以我们会通过各种各样的方式来模拟实现css的私有化。其中大部分都说基于BEM思想来实现的。css私有化的实现原则是匹配规则尽可

MsgSS·2024-02-01 19:52

nodejs+vue+ElementUi宠物领养救助网站0w6wc

网站的搭建与开发采用了先进的nodejs进行编写，使用了vue框架。该系统从两个对象：由管理员和用户来对系统进行设计构建。

qq2295116502·2024-02-01 19:03

Error: EPERM: operation not permitted, mkdir ‘D:\Program Files\nodejs\node_cache\_cacache‘

安装vue时，出现如下错误：E:\QianDuan\Vue3>npminstall-g@vue/clinpmERR!codeEPERMnpmERR!syscallmkdirnpmERR!

木木三三·2024-02-01 19:46

解密国内BAT等大厂前端技术体系-阿里篇（长文建议收藏）

进入2019年，大前端技术生态似乎进入到了一个相对稳定的环境，React在2013年发布至今已经6年时间了，Vue1.0在2015年发布，至今也有4年时间了。

linchare·2024-02-01 19:59

解密阿里前端技术体系

进入2019年，大前端技术生态似乎进入到了一个相对稳定的环境，React在2013年发布至今已经6年时间了，Vue1.0在2015年发布，至今也有4年时间了。整个业界在前端框架不断迭代中，也

frontend_frank·2024-02-01 19:57

简单学习 moment.js (日期处理类库) 个人在vue中配合element-ui的picker使用

简单学习moment.js(日期处理类库)在vue中配合element-ui的picker使用以下是自己在使用moment.js时的一些心得，‘中途也参考了许多前辈的案例’，如有其他更好方式或是一些问题可以评论下方首先

lanzhengdanrui·2024-02-01 19:55

VUE3+elementPlus 之 Form表单校验器之数字类型、小数位数校验

限制录入数字类型+小数位数限制：封装自定义验证器：/***数字输入项校验*@param{*}ruleelement-ui表单校验规则*@param{*}value输入项的值*@param{*}callback回调函数*@param{*}extraInfo附加校验信息：*allowZeroboolean是否允许为0，true:允许*isRateboolean是否是百分比字段，true：是*numRa

赫兹/Herzz·2024-02-01 19:54

vue实现获取系统当前年月日时分秒星期

(壹)博主介绍个人博客：尔滨三皮⌛程序寄语：木秀于林，风必摧之；行高于人，众必非之。(贰)文章内容{{nowDate+""+nowTime+""+nowWeek}}exportdefault{data(){return{nowDate:"",//当前日期nowTime:"",//当前时间nowWeek:"",//当前星期}},mounted(){this.currentTime()},method

春波petal·2024-02-01 19:24

VUE3+elementPlus 之 Form表单校验器之字符长度校验

需求：校验字符长度，超过后仍可输入，error提示录入字符数与限制字符数校验字符长度：/***检验文字输入区的长度*@param{*}rule输入框的rule对象，field：字段名称*@param{*}value输入框的内容*@param{*}callback回调函数*@param{*}textLengthRules文本长度校验规则对象，key：字段名称，value：字段允许最大长度*@retu

赫兹/Herzz·2024-02-01 19:53

Vue - 关于el-dialog 会让body 标签内的滚动条隐藏，导致窗口抖动的问题和双滚动条问题

问题：关于el-dialog会让body标签内的滚动条隐藏，导致窗口抖动的问题抖动问题抖动问题就不演示了，很简单，按如下配置就能解决：双滚动条问题演示：双滚动条解决效果演示：解决方法：笔者在这里解决这两种问题的解决方法如下：（注意笔者这里是两个问题一起先后出现的）1、解决窗口抖动问题2、解决双滚动条问题overflow-y:scroll!important;//主要是这个属性.el-dialog{

沐修·2024-02-01 18:17

Vue3插槽

可以填充任何模板代码插槽有匿名插槽,具名插槽,作用域插槽,动态插槽1.匿名插槽1.子组件创建插槽父组件使用插槽123或1232.具名插槽创建插槽使用底部或底部作用域插槽import{reactive}from"vue"typenames

*郑*·2024-02-01 18:17

vue-elementui开发采坑-dialog弹框不在顶部

解决Dialog弹窗中滚动条不在顶部问题解决Dialog弹窗中滚动条不在顶部问题问题：打开弹窗后滚动条置于底部解决：添加append-to-body属性即可解决append-to-bodyDialog自身是否插入至body元素上。嵌套的Dialog必须指定该属性并赋值为true

行走在胖子边缘·2024-02-01 18:46

解决vue elementUI 弹框Dialog 打开后滚条回到顶部

设置属性

O3ohn·2024-02-01 18:16

【vue】vue跑马灯vue-marquee-text-component

vue2npminstallvue[email protected]vue3npminstallvue-marquee-text-component安装完成之后，vue页面全局引入

小墨鱼_z·2024-02-01 18:15

Vue3中mitt使用

在Vue3中on,on,on,off和$once实例方法已被移除,在Vu3中可以使用Mitt库1.安装Mittnpminstallmitt-s2.main.ts全局挂载import{createApp}

*郑*·2024-02-01 18:45

Vue的diff算法核心原理

写在最前：本文转发掘金类似文章什么是虚拟DOM讲Diff算法钱，先了解下虚拟DOM，有利于对算法的理解。虚拟DOM是一个用来表示真实DOM的对象，以下是真实DOM：哈哈呵呵嘿嘿对应的虚拟DOM为：letoldVDOM={tagName:'ul',//标签名props:{//标签属性id:'list'},children:[{tagName:'li',props:{class:'itme'},chi

没名字的某某人·2024-02-01 18:15

nodejs+vue+ElementUi家庭美食菜谱分享网站_in9c2

关键词：厨房达人美食分享平台；vue框架；nodejs语言运行软件:vscode前端n

qq2295116502·2024-02-01 18:07

vue覆盖html,VUE 如何覆盖element组件样式

我们通常的vue工程都是用vue-cli自动生成出来的，不知道大家有没有发现一个细节——生成的*.vue文件上会默认带上“scoped”，如下图：UI库不好覆盖的问题

张盼锋·2024-02-01 18:34

Vue覆盖子组件的样式

但我们在vue组件的标签里添加了scoped之后，是无法修改子组件的样式的，这个时候我们可以在子组件的选择器前加一个深度选择器（/deep/）如下：/deep/.el-son{/*要覆盖的样式*/}有个需要注意的地方

寂夜江潮·2024-02-01 18:33

vue 子组件样式覆盖问题浅谈 scoped与 deep

关于scopedcss在页面定义的style中设置scoped/*全局样式*//*本地页面样式*/当标签有scoped属性时，它的CSS只作用于当前组件中的元素。这类似于ShadowDOM中的样式封装。它有一些注意事项，但不需要任何polyfill。它通过使用PostCSS来实现以下转换：.example{ color:red;} hi转换结果：.example[data-v-f3f3eg9]{

蓝晶之心·2024-02-01 18:33

推荐频道

前端学习之路—Vue