前端--vue

vue3使用canvas画动态虚线和普通虚线

1、使用ref封装虚线方法constdrawDashed=(x:any,y:any,x1:any,y1:any,color:any,width:any,canvas:any)=>{constctx=canvas.value.getContext("2d");ctx.lineWidth=width;ctx.strokeStyle=color;ctx.beginPath();ctx.setLineDa
Abao·2024-08-24 09:46

前端登陆方式，这一篇就够了

目录1、基于会话（Session）的认证1.1实现流程1.2优缺点1.3应用场景2、基于Token的认证（如JWT，JSONWebTokens）2.1实现流程2.2优缺点2.3应用场景3、OAuth/OpenID3.1实现流程3.2优缺点3.3应用场景4、单点登录（SSO，SingleSign-On）4.1实现流程4.2优缺点4.3应用场景5、多因素认证（MFA，Multi-FactorAuthe
爱吃果蔬的猫·2024-08-24 08:45

前端保存登录信息-jwt的使用

node+express开发中，经常会使用后端session+前端cookie方式来保存登录信息，如果后端采用多服务器的话，session要共享还得采用redis来保存session。
dgiij·2024-08-24 08:42

前端审查_Nginx

项目如何部署上线前端如何构建生产环境代码vueCli/vite/cra/umi等都是运行build脚本npmrunbuildbuild如何定义打包生产环境代码配置vueCli在配置文件vue.config.js
苦逼的猿宝·2024-08-24 08:11

前端实现首次访问，后续从本地访问

在前端实现将PDF文件下载到用户的本地磁盘，并在后续加载时使用本地文件，而不是重新从服务器下载，可以通过以下步骤实现：1.
Feng-sir·2024-08-24 08:41

提升前端性能的JavaScript技巧

1.前端JavaScript性能问题前端JavaScript的性能问题可以显著影响Web应用的用户体验和整体性能。
丁爸·2024-08-24 07:00

Qt+vue开发桌面应用程序（二）Vue部分介绍

上一章介绍了Qt+vue开发桌面应用程序（一）Qt部分介绍，本文介绍Vue部分一、原理介绍主要是引入Qt5里面qwebchannel.js文件，再定义交互类和Qt5交互二、代码实现在Vue项目中的public
丁爸·2024-08-24 07:00

流程图编辑框架LogicFlow-vue-ts和js

LogicFlow支持前端研发自定义开发各种逻辑编排场景，如流程图、ER图、BPMN流程等。在工作审批配置、机器人逻辑编排、无代码平台流程配置都有较好的应用。
懒员员·2024-08-24 06:29

LogicFlow

滴滴开源LogicFlow:专注流程可视化的前端框架demo地址GitHub-pauline105/logicFlow-demo
尤加利叶·2024-08-24 06:28

vue组件封装——公用基础table组件

ui框架用的element-ui；vue版本为vue2（2.5.17）baseTable组件table+pagination{{scope.row[column.prop]}}exportdefault
h_jQuery·2024-08-24 06:27

Vue3学习——Node环境安装（一）

在进行Vue项目开发时，必须先安装Node.js。Node.js是一个基于ChromeV8引擎的JavaScript运行环境。
rain_love_snow·2024-08-24 06:57

探索 LogicFlow Vue Demo：一款强大的可视化建模工具

探索LogicFlowVueDemo：一款强大的可视化建模工具是一个基于Vue.js的逻辑流程图绘制库的示例项目，它为开发者提供了一种直观、易用的方式来创建和展示复杂的逻辑流程图。
杭律沛Meris·2024-08-24 06:57

2019-06-26vue-cli使用sass

save-devsass-loader//sass-loader依赖于node-sassnpminstall--save-devnode-sass修改style标签打开src目录下的components目录中的Hello.vue
Kason晨·2024-08-24 06:09

关于elementui table组件 —— 竖向表格

前端模拟数据方式：html代码：js代码：exportdefault{data(){return{//表格数据tableData:{uesId:'',//部门编号keyWord:'',//关键词target
爱吃果蔬的猫·2024-08-24 06:55

不同分辨率下vue页面的高度自适应

1.使用视口单位.element{height:100vh;/*使得元素高度等于视口高度的100%*//*可以减去一部分高度以适应页眉或页脚*/height:calc(100vh-100px);}2.使用百分比（%）高度.parent{height:100vh;/*父元素高度等于视口高度*/}.child{height:50%;/*子元素高度为父元素高度的50%*/}3.使用Flexbox或Gri
Abao·2024-08-24 06:24

vue @scroll监听滚动条事件，解决不生效问题

1、单纯加@scroll并不生效2、在配置@scroll同时在mounted加上一下方法mounted(){window.addEventListener('scroll',this.loadMore,true)},3、loadMore方法可以自己定义loadMore:function(e){console.log(e)}4、通过以上可以顺利监听滚动条监听事件
Long long ago.·2024-08-24 05:48

vue3中shallowRe用法介绍

shallowReactive、‌shallowRef和shallowReadonly是Vue3中CompositionAPI的一部分，‌它们用于创建响应式数据，‌但与普通的reactive、‌ref和
phpgolife·2024-08-24 04:13

mongoDB 日期排查踩坑

文章目录备忘和踩坑问题描述原因总结超级具体的总结备忘和踩坑问题描述某天前端告诉我按日期筛选数据时某个日期缺数据了，但是我自己拿到mongo查询日志里的语句自己到mongo执行语句时却发现没缺数据……百思不得其解原因后来经过同事提示
w_3123454·2024-08-24 04:11

Jenkins实现前端项目自动化构建

一、基础环境准备前端代码是通过Gitlab管理、通过npm编译，因此必须先安装Git以及搭建nodejs环境。
测试界筱筱·2024-08-24 03:09

前端：篮球投掷动画

篮球投掷动画使用H5和CSS3实现的一个篮球投掷动画。玩法：通过点击篮球所在的绿色(紫色)容器，实现篮球的投掷和回收。亮点：使用复选框和伪类选择器代替JS实现按钮控制效果。使用多重渐变完成背景的绘制。演示视频如下：篮球投掷动画源代码如下：投篮机*{padding:0;margin:0;}body{background-color:#03a9f4;font-family:"sans-serif";w
懒羊羊大王呀·2024-08-24 03:34

POI对Excel的读取操作

//前端excel只需要直接提交form表单即可publicAjaxResultexcelAdd(@RequestPart("file")MultipartFilefile)throwsException
不会写爬虫的程序员B·2024-08-24 01:55

Vue3的Hooks的使用创建（组合式API的灵魂）

可以利用toValue()工具函数来实现：import{toValue}from'vue'functionuseFeature
J不A秃V头A·2024-08-23 23:45

Vue Styled Components 新版本发布

仓库地址：https://github.com/vue-styled-components/core文档地址：https://vue-styled-components.com近段时间版本升级比较频繁，
来一杯奶茶呀！·2024-08-23 23:14

Vue computed多种使用场景和详细使用案例

Vue的computed属性是一种特殊的数据属性，它们根据组件中其他数据属性的值动态计算得出。computed属性是响应式的，只有当依赖的响应式数据发生变化时，计算属性才会重新计算。
夲奋亻Jay·2024-08-23 23:13

js 下载文件

网上的文章乱七八糟，还不支持IE8,这里整理了一下，支持IE浏览器，360浏览器，火狐，谷歌当然最简单的其实是后端用流文件的方式给出链接，前端点击a标签直接就下载了（以前chrome浏览器下是这么做的，
一沭丶·2024-08-23 23:44

vue3什么场景使用computed?如何使用

比如说，我们有这样一个包含嵌套数组的对象：jsconstauthor=reactive({name:'JohnDoe',books:['Vue2-AdvancedGuide','Vue3-BasicGuide
fury_123·2024-08-23 23:42

flask+echarts+pyecharts+layui+bootstrap+爬虫 flask快速搭建学习

bootstarp模板包下载地址https://codeload.github.com/twbs/bootstrap/zip/v3.4.1前端页面确实是个难事，资源管理页面和首页，用的分别是layui的模板与
陈彦祖本祖·2024-08-23 22:04

Flask+LayUI开发手记（一）：LayUI表格的前端数据分页展现

用数据表格table展示系统数据，是LayUI的基本功能，编码十分简单，就是通过table.render()渲染，把属性配置好就OK了，十分方便，功能也十分强大。不过，在实现时，把table的有个功能却理解错了，就是分页。table.render()的分页属性，主要包括三个，page、limit和limits，page是逻辑值，设置为true是分页，limit是每页显示行数，limits是设置面显
hbrown·2024-08-23 21:31

flask+layui实现前后端文件传输

flask+layui实现前后端文件传输此处不再赘述flask跟layui的基本配置了前端：可以查看文档https://www.layui.com/demo/upload.html效果图代码前端（注：大多数是
焦志坤·2024-08-23 21:31

uniapp-组件规范

uni_module、datacom、原生组件、uniCloud组件easycom：只要组件安装在项目的components目录下或uni_modules目录下，并符合components/组件名称/组件名称.vue
if.else.Z·2024-08-23 21:59

Vue axios在Spring Boot 的 Controller中接收数组类型的参数

现在我们来看看如何使用Vue的axios发送POST请求来调用这个接口。
serve the people·2024-08-23 21:58

计算机毕业设计之springboot+mpvue招聘网站 招聘信息分享平台 招聘信息分享小程序

介绍小程序端，使用美团小程序框架mpvue+有赞UI组件库Vant+蚂蚁金服数据可视化方案AntV等。后端基于SpringBoot+MyBatis+Redis+Mysql。
计算机毕业设计大全·2024-08-23 21:13

WEB网页设计期末作业个人主页——基于HTML+CSS制作个人简介网站

精彩专栏推荐✍️作者简介:一个热爱把逻辑思维转变为代码的技术博主作者主页:【主页——获取更多优质源码】web前端期末大作业：【毕设项目精品实战案例(1000套)】程序员有趣的告白方式：【HTML七夕情人节表白网页制作
html5网页设计·2024-08-23 20:55

2022-06-04 FIRE日记：239.应景

后来看到以前端午要赐扇，居然无意中应了景。
春迟馆·2024-08-23 19:57

Vue3的三种样式控制及实现原理

个人知乎Vue3中一共有三种样式控制，分别是全局样式控制、局部作用域样式控制和深度样式控制，今天我们一起看下这三种样式控制的使用，以及实现的原理是什么。
沐爸muba·2024-08-23 19:19

深入理解Vue数据响应式

Vue数据响应式主要研究的是Vue构造选项中data属性的特性深入响应式官方文档网址：https://cn.vuejs.org/v2/guide/reactivity.html1.首先理解ES6的getter
雨溪滩·2024-08-23 18:20

electron-vite封装UI级的消息提示

说明Electron+Vite+Vue3+ElementPlusElectron中写提示有两种方案：系统级：electron带的dialog相关APIUI级：UI框架内部的提示，如ElMessage、ElMessageBox
前端没钱·2024-08-23 18:12

Vue3+ElementPlus el-date-picker设置可选时间范围

需求:选择年份，对应的日期范围选择器跟随年份变化，只可选当前年份ElementPlus的el-data-picker没有picker-options属性，但是提供了default-value属性可以设置不可选的日期这里我们定义一个方法disabledDateFun用来筛选符合要求的日期，接受一个date格式的对象作为参数，返回格式为Boolean//此函数接受date作为参数通过判断是否符合要求返
屠灵666·2024-08-23 18:41

(JS\VUE\REACT) div拖拽移动+控制大小（高度、宽度） 及 单独只控制div的宽度

一、div拖拽移动+控制大小（高度、宽度）1.演示数据拖拽测试数据01测试数据022.初始化（页面生成时调用）varbox=document.getElementById('box')vardrag=document.getElementById('drag')varscale=document.getElementById('scale')//调用拖拽方法this.dragTop(drag)//
丁先生320·2024-08-23 18:11

vue中table表格根据返回数据显示内容及表格字段对应的数据类型是数组

问题1：定义：方法：sfktHouse(row,index){if(row.stopType=="120000"){return"停机保号";}if(row.stopType=="230000"){return"到期停机";}}问题2：方法1：{{orderItems.goodsNbr}}方法2：//遍历table中roles数组rolesData(row){letarr=[]row.roles.
丁先生320·2024-08-23 18:11

vue面试题四

v-show和v-if是Vue.js中用于控制元素显示与隐藏的两个常用指令，但它们的工作方式和性能表现有所不同。
笃励·2024-08-23 18:41

vue面试题十四

一、Vue3的CompositionAPI主要包括哪些函数和钩子？
笃励·2024-08-23 18:41

若依/vue2引入threejs展示glb/gltf模型，以及画布截图功能

需求背景：前端对glb/gltf模型进行线上管理，支持上传本地模型，每次上传后展示模型，在提交给后端的时候带上该模型的截图，具体效果不便展示，相关代码如下：1.安装依赖//"three":"^0.162.0
怎么吃不饱捏·2024-08-23 18:40

vue面试题十六

**一、Vue3相对于Vue2有哪些主要改进和新增特性？**Vue3相对于Vue2在多个方面进行了显著的改进和新增了多项特性，这些改进旨在提升性能、提供更好的开发体验以及增强代码的可维护性和可读性。
笃励·2024-08-23 17:35

Vue页面中debugger失效

目录一、F12打开开发者工具，找到设置二、去掉自定义排除规则一、F12打开开发者工具，找到设置二、去掉自定义排除规则
Monly21·2024-08-23 17:32

vue3 语法糖＜script setup＞

在Vue3中，是一种新的语法糖，它极大地简化了组件的编写方式。是在单文件组件(SFC)中使用组合式API的编译时语法糖。当同时使用SFC与组合式API时该语法是默认推荐。
fishmemory7sec·2024-08-23 16:01

Spring Boot 实现全局异常处理

在SpringBoot中，实现全局异常处理是一个常见的需求，它可以帮助我们集中处理应用中可能抛出的异常，并返回统一的响应格式给前端。这不仅可以减少代码重复，还能提高应用的可维护性和用户体验。
&loopy&·2024-08-23 16:26

vue 2.0 对应vuex的commit用法

在Vue.js2.0中，commit方法通常与Vuex（Vue的状态管理模式+库）一起使用，用于触发mutation（更改Vuexstore中的状态的唯一方法）。
&loopy&·2024-08-23 16:26

vue mapActions的使用

在Vue.js中，特别是在使用Vuex进行状态管理时，mapActions是一个辅助函数，用于帮助我们将组件中需要调用的actions映射到本地方法上。
&loopy&·2024-08-23 16:26

uni-app 如何开发多平台小程序

Uni-app是一个使用Vue.js语法开发跨平台应用的前端框架，可以一次性编写代码并发布到多个平台，包括小程序（如微信小程序、支付宝小程序、百度小程序等）、H5、App（iOS和Android）等。
梨园猫·2024-08-23 16:25
上一页 30 31 32 33 34 35 36 37 下一页
按字母分类： ABCDEFGHIJKLMNOPQRSTUVWXYZ其他