前端_Vue 第33页

Puppeteer前端插件

一、概述Puppeteer是一个Node库，它提供了一个高级API来通过DevTools协议控制Chromium或Chrome。Puppeteer默认以headless模式运行，但是可以通过修改配置文件运行“有头”模式。你可以在浏览器中手动执行的绝大多数操作都可以使用Puppeteer来完成！下面是一些示例：生成页面PDF。抓取SPA（单页应用）并生成预渲染内容（即“SSR”（服务器端渲染））。自

Hello.Reader·2024-08-25 00:49

CSS3【待总结学习】

CSS3是CascadingStyleSheets（层叠样式表）的第三个版本，它是前端开发中用于控制网页布局和样式的重要技术。

GISer_Jinger·2024-08-24 23:11

mybatis和hiberate使用对比说明

回复Java全套视频教程或前端全套视频教程即可获取300G+教程资料，以及大量毕设项目源码。专注干货知识分享、项目实战案例开发分享传送门：Github毕设源码仓库文章目录前言1.配置2.CRUD操

Mr.Aholic·2024-08-24 22:38

从零开始搭建 LVS 高性能集群 (DR模式)

LVS将作为前端节点，接收所有进入的请求，并将它们分发到后端服务器。流程配置三台服务器，安装必要的操作系统和软件。关闭防火墙:systemctldisablef

cloud_ether·2024-08-24 21:03

基于SpringBoot的银行OA系统设计与实现

开发语言：Java数据库：MySQL技术：SpringBoot架构，前端使用H5、CSS3、JS和DIV技术工具：MyEclipse、NavicatforMySQL系统展示首页员工管理界面工作任务管理界面申请管理界面摘要在互联网信息技术时代

码农小野·2024-08-24 21:32

使用 Tailwind CSS 实现水平和垂直居中对齐的方法

在前端开发中，可以使用TailwindCSS轻松实现水平和垂直居中对齐。方法1：使用flex布局这种方法最常用且灵活，可以适应各种情况。

B.-·2024-08-24 21:31

@vue/cli安装成功后，运行vue -V报：不是内部或外部命令

最近要新建一个项目，就准备使用vue的官方脚手架搭建，于是安装：npminstall-g@vue/cli安装成功了，验证一下是否安装成功，于是：vue-V但是报错：‘vue’不是内部或外部命令。。。。

我好菜呐·2024-08-24 21:00

UniApp Vue3版如何实现微信小程序样式穿透

很多伙伴在写vue3的时候，都使用了组合式api。而在修改微信小程序的样式的时候，遇到不生效问题，H5却很听话。其实uniapp有个参数配置，需要开启小程序的样式穿透才行。

antlers777_·2024-08-24 21:59

Vue.js学习笔记（六）element表单校验规则

文章目录前言一、表单验证的作用是什么？二、如何使用？1.普通字段2.对象3.对象数组4.自定义校验规则总结前言记录不同情况下的表单字段校验情况。一、表单验证的作用是什么？在防止用户犯错的前提下，尽可能让用户更早地发现并纠正错误。二、如何使用？Form组件提供了表单验证的功能，只需要通过rules属性传入约定的验证规则，并将Form-Item的prop属性设置为需校验的字段名即可。一个字段可以有多个

你看我像是会的样子吗？·2024-08-24 21:29

vue3-巧用指令

不知道大家在工作中用上vue3了没有，vue3好是好，但是有部分插件并没有更新到3.0的，比如我比较喜欢的自定义滚动条overlayscrollbars，vue3直接使用overlayscrollbars-vue

qfxietian·2024-08-24 20:58

Vue实现表格数据的增删改查

整体效果图：一、创建表格数据效果图：el-table组件：表格组件二、查询功能效果图：el-from组件：提供表单验证功能el-from-item组件：用来展示表单项标签，和el-from组件搭配使用el-button组件：不同颜色的操作按钮//el-from表单组件：提供表单验证功能//：是v-bind的缩写//inline行内表单模式垂直方向上空间受限且表单简单，可以一行内放置表单//mode

爱笑小太阳_mm·2024-08-24 20:27

vue3+ElementPlus之CSS深度访问选择器

vue3+ElementPlus之CSS深度访问-deep前言一、demo环境二、问题1-重置elementpluscss无效三、问题2-引入icon无效1、element-plusIcon需要另外安装

Bennett_G·2024-08-24 20:57

Element Plus的deep穿透

ElementPlus的deep穿透主要用于解决在Vue3项目中使用ElementPlus组件库时，样式设置不生效的问题。

HWL5679·2024-08-24 20:27

vue3 使用element-plus动态渲染Icon图标

今天使用vue3+vite重构项目的时候，构建侧边栏的时候需要动态渲染图标之前的写法是这样就可以写一个数组，动态的绑定class但是在vue3中不能这样使用官方给出的实例是这样的但是这样动态渲染就不行了

山野见·2024-08-24 20:56

vue3使用elementui-plus时使用深度选择器穿透影响原样式

一、原样式：下拉框选择时，右边存在一个下拉的箭头符号，那么在许多场景下我们不需要显示，这个时候就可以通过开发者工具进行定位，选中该元素，可以看到，影响的样式是：.el-iconsvg二、深度穿透修改原样式我们修改原样式，增加display:none即可不显示该符号，此时有两种方案，一种是取消style里面的scoped属性，这样会影响全局样式，导致所有的下拉框都没有这个符号了，这并不是我想要的，所

lytcreate.·2024-08-24 20:26

Vue vue/cli3 与 vue/cli4 v-for 和 v-if 一起使用冲突

问题描述异常信息：[vue/no-use-v-if-with-v-for]The'this.

csdn_aspnet·2024-08-24 20:56

【PostgreSQL教程】PostgreSQL 高级篇之触发器

博主介绍：✌全网粉丝20W+，CSDN博客专家、Java领域优质创作者，掘金/华为云/阿里云/InfoQ等平台优质作者、专注于Java技术领域✌技术范围：SpringBoot、SpringCloud、Vue

No8g攻城狮·2024-08-24 20:25

angular 6 HttpClient 请求数据方式总结

前端应用都需要通过HTTP协议与后端进行服务通，目前浏览器主要支持两种API通讯：XMLHttpRequest接口和fetch()API。

小话001·2024-08-24 19:07

海康实时监控预览视频流接入web

我们采取的方案是后端获取视频流返回给前端，然后前端播放海康开放平台海康威视合作生态致力打造一个能力开放体系、两个生态圈，HikvisionAICloud开放平台是能力开放体系的核心内容。

LB_bei·2024-08-24 18:16

（二十二）怎样从新要素到新物种

也许用户的前端体验，依然是那个产品、那个服务，但公司背后的商业运作，已经成为了完全不同的新物种。新要素与新物种的概念是：如何利用不是本行业体验迭代产生的新要素，而是引用跨行业的新要素，

zcl稍等·2024-08-24 18:04

【前端入门】HTML5全攻略

HTML概述HTML指的是超文本标记语言，它是用来描述网页的一种语言。HTML不是一种编程语言，而是一种标记语言。标记语言是一套标记标签。Web标准是由W3C组织和其他标准化组织制定的一系列标准的集合。W3C（万维网联盟）是由国际最著名的标准化组织。Web标准的构成（重点）主要包括结构（structure）、表现（presebtation）、行为（Behavior）三个方面。结构：结构用于对网页元

isun1·2024-08-24 17:42

CSRF 2022-05-21

一次成功的CSRF攻击需要满足2个条件：1.冒用了前端用户的登陆态身份2.后台服务无条件信任请求浏览器默认携带本次http请求域名的cookie，这给了攻击者极

9_SooHyun·2024-08-24 17:44

日期类的时间为什么是以1970年1月1日作为起始点？（格林威治时间）

前端开发的小伙伴们应该都知道，newDate().getTime()获取到的时间戳是从1970年1月1日0点0分0秒到当前的毫秒数。

O无为学长O·2024-08-24 17:11

开源免费的仪表盘设计工具DashBoard

开源地址：DashBoard:基于Vue+ElementUI+G2Plot+Echarts的仪表盘设计器，使用简单，完全免费，代码开源。https://gitee.com/gcpaas/Da

易道合之逍遥峰·2024-08-24 17:09

Vue3的hooks实战演练

1.没使用钩子前：各种数据和方法都交织一起，组件易维护，代码复用性差，可读性差工资总计：{{sum}}工资求和狗的照片：获取狗的照片import{ref,reactive}from'vue';importaxiosfrom'axios'letsum

J不A秃V头A·2024-08-24 15:27

vue3项目使用signalr（长链接/服务端推送到客户端）

需求项目中需要服务端主动向客户端发送通知消息后端是.net6的webapi项目，前端是vue3全家桶项目，前后端分离这里使用signalR来实现，官网：ASP.NETCoreSignalR概述|MicrosoftLearn

woflyoycm·2024-08-24 13:10

Vue 打包部署，自动清理缓存

在Vue开发中遇到打包部署之后总是要手动清除浏览器缓存数据的问题，此问题可以用下方式：1、package.json文件中有一个管理版本号属性：version，在我们每次打包部署之前修改当前版本号2、在入口文件

A_ugust__·2024-08-24 12:40

探秘Vue 3：watchEffect与watch选项的差异

前端开发工程师、技术日更博主、已过CET6阿珊和她的猫_CSDN博客专家、23年度博客之星前端领域TOP1牛客高级专题作者、打造专栏《前端面试必备》、《2024面试高频手撕题》蓝桥云课签约作者、上架课程

阿珊和她的猫·2024-08-24 12:09

vue项目，自动清除浏览器缓存

pages.json中的version版本号，每次打包部署前，改变version二：在main.js中判断version，本地存的version和本次的version比较，如果不同，就强制清除缓存constVUE_APP_VERSION

孙芝琳_629·2024-08-24 12:08

vue前端更新后需要清空缓存

场景：前端vue3网站项目使用wepack打包后进行部署，但是用户浏览器访问网站时加载了缓存，导致没有及时更新。

woflyoycm·2024-08-24 12:06

npm阿里云制品仓库

的版本npmlogin目前有问题verbosewebloginnotsupported,tryingcouch，暂时没试验到解决方案推送项目我用https://github.com/hilongjw/vue-lazyload

愤怒的苹果ext·2024-08-24 12:06

微信小程序uniapp+vue3+ts+pinia的环境搭建

一.创建uniapp项目通过vue-cli创建npxdegitdcloudio/uni-preset-vue#vite-tsmy-vue3-project二.安装依赖：1.pnpmi2.运行项目：将package.json

Outcir·2024-08-24 12:36

vue2 - 详细实现用户收货地址识别解析“姓名/手机号/省市区/街道/乡镇村庄“关键字，用户复制粘贴一段含有姓名电话/详细地址的文字文本信息，vue3自动识别拆分并填入到对应表单字段中，详细示例代码

效果图在vue2、nuxt2项目开发中，实现手机H5移动端网页/电脑PC端网站，“快递地址解析拆分姓名/电话/省市区地址/详细街道乡镇村庄”，提取文本内容中的手机号名称详细位置信息填充到指定表单或data

街尾杂货店&·2024-08-24 11:05

uniapp [全端兼容] - 最新详细实现发送emoji表情包及自定义图片图标小表情功能，支持文字与表情混合显示或光标处插表情，安卓苹果手机显示无差异，类似QQ微信聊天框弹出左右滑动选择表情发送显示

在uni-app全平台兼容（H5网页网站、支付宝/微信小程序、安卓App、苹果App、nvue）项目开发中，详解完成“uniApp表情包emoji”，支持自定义表情包替换或移除，uniapp自定义图片/

王佳斌·2024-08-24 11:05

JointJs 在 Vue 中的使用探索（一）: Hello JointJS

文章目录前言根本问题探索过程安装jointjs测试@joint/coredemo代码jointjs@joint/core前言最近需要用到JointJs做一些东西，但是官方文档的@joint/core跑下来后发现并不太好使，空白一片…（这是个误会…）所以开了个贴给自己做个笔记，也给需要用到的人一个参考根本问题@joint/core是可以正常使用的，猜测是我没有放到onMounted()里探索过程安装

Lovely Ruby·2024-08-24 11:04

【vue】【audio】audio标签播放样式改写

{{audio.currentTime|realFormatSecond}}/{{audio.maxTime|realFormatSecond}}exportdefault{props:{data:{type:Object,default(){return{};},},},data(){return{isPlay:false,//播放暂停按钮sliderTime:0,silderNone:0,au

mooonyuan·2024-08-24 11:34

前端 uniapp 多端条件编译

条件编译是用特殊的注释作为标记，在编译时根据这些特殊的注释，将注释里面的代码编译到不同平台。使用方法以#ifdef或#ifndef加%PLATFORM%开头，以#ifndef结尾。#ifdef：ifdefined仅在某平台存在#ifndef：ifnotdefined除了某平台均存在%PLATFORM%：平台名称条件编译写法说明#ifdefAPP-PLUS需条件编译的代码#endif仅出现在App平

圈圈的熊·2024-08-24 11:02

vue-quill-editor富文本使用

一、准备css文件用于自定义富文本样式(我的放到了assets/css/quillEditor).ql-snow.ql-picker{height:none!important;}/*行高*/.ql-picker-options{line-height:1.5;}/*标题*/.ql-snow.ql-picker.ql-header.ql-picker-label::before,.ql-snow.

等....·2024-08-24 11:31

释放Laravel Blade的威力：掌握Laravel的模板引擎

一、Blade模板引擎概述Blade是Laravel的内置模板引擎，它让你的前端代码

2401_85812026·2024-08-24 11:00

uniapp+vue3的双向渐变

在App.vue中/*每个页面公共css*/@import'common/style/common-style.scss'在common-style.scss中//全局双向渐变.pageColor{background

总萌大人·2024-08-24 11:59

【vue】编辑器段落对应材料同步滚动交互

场景需求编辑器段落对应显示材料编辑器滚动时，材料同步滚动编辑器段落无数据时，材料不显示实现方法编辑器与材料组件左右布局获取编辑器高度，材料高度与编辑器高度一致禁用材料组件的滚动事件获取编辑器段落距离顶部的位置，对应材料的顶部高度与段落一致监听编辑器滚动高度，对应材料组件同步滚动当段落为空时，材料不显示当段落比材料短的时候，对应材料进行下移，避免材料重叠html代码//编辑器中段落代码这是第一段这是

mooonyuan·2024-08-24 11:59

使用Vue 2 + Element UI搭建后台管理系统框架实战教程

Vue2作为一个成熟的前端框架，以其轻量级和高效著称，而ElementUI则是一套专为桌面端设计的Vue2组件库，它提供了丰富的UI元素和组件，大大简化了后台管理系统的开发过程。

不知名靓仔·2024-08-24 10:26

发送jsonp请求(前后端如何实现)

发送jsonp请求(前后端如何实现)前端$.ajax({url:'/api/jsonp',type:'get',data:{id:'123'},//参数dataType:'jsonp',jsonp:'cb

zsd_666·2024-08-24 10:54

Vue使用openlayers加载天地图

Vue使用openlayers加载天地图https://www.jb51.net/javascript/315236epf.htm