前端学习日记Vue 第21页

使用Nginx部署前端Vue项目

在使用Nginx部署前端Vue项目时，我们主要关注的是如何高效地将静态资源（HTML、CSS、JavaScript、图片等）提供给客户端浏览器。

bigbig猩猩·2024-09-02 08:31

【Vue】`v-if` 指令详解：条件渲染的高效实现

`v-if`的性能优化四、`v-if`的常见应用场景1.表单验证2.弹窗控制五、`v-if`指令的注意事项Vue.js是一个用于构建用户界面的渐进式框架，其中v-if指令是一个非常重要的工具，用于条件渲染元素

Peter-Lu·2024-09-02 08:30

前端框架与库的区别：深入解析与实战指南

前端框架与库的区别：深入解析与实战指南基本概念和作用框架库功能使用思路与代码示例示例一：使用React框架构建组件示例二：使用Lodash库进行数据处理示例三：使用Vue.js框架进行双向数据绑定实际工作中的使用技巧经验分享自行拓展内容在前端开发领域

DTcode7·2024-09-02 08:25

前端开发中的单元测试与端到端测试：全面解析与实战指南

前端开发中的单元测试与端到端测试：全面解析与实战指南引言单元测试：基础与实践基本概念目的与优势实战演练示例一：加法功能单元测试扩展视角端到端测试：场景与执行基本概念目的与优势实战演练示例二：登录流程端到端测试扩展视角结合经验的技巧分享引言在现代前端开发中

DTcode7·2024-09-02 08:24

前端基础入门三大核心之HTML篇：深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南

前端基础入门三大核心之HTML篇：深入解析PNG8、PNG16、PNG24与PNG32的差异及网页应用指南基础概念与作用说明PNG8PNG16PNG24PNG32代码示例与使用场景PNG8示例PNG24

DTcode7·2024-09-02 08:54

element-ui时间选择器组件及转时间戳

组件(这里用的ts)要获取时间戳，直接把value-format设置成timestamp，但是得到的值要除以1000import{Component,Prop,Vue}from'vue-property-decorator

w_小伍·2024-09-02 08:03

SpringBoot项目集成数据脱敏（密码加密）功能

代码连接【https://gitee.com/pengmqqq/sensitive-data-encryption】介绍后端敏感数据加密的一些解决方案，包括：配置文件敏感数据加解密前端传输敏感数据加解密数据库获取的敏感数据加解密软件架构配置文件数据脱敏

明明在干嘛·2024-09-02 07:51

Nuxt3入门：路由系统（第4节）

Nuxt的一个核心功能是文件系统路由器，路由是根据文件自动注册的，Nuxt为在pages/目录下的每个Vue文件创建相应的路由（或URL）。

沐爸muba·2024-09-02 06:41

如何设置element ui选择结束时间为23:59:59？

两个方法，不过都是针对于传值给后端做的处理，不包括前端展示1每次发送请求时更改结束时间给后端//请求函数getDataList(){this.dataListLoading=true;//请求参数手动更改

weixin_42220130·2024-09-02 05:34

Nginx 部署 Vue 指南

1.引言解决一下Nginx部署Vue的问题和介绍一下部署流程2.准备工作2.1安装Node.js和VueCLI首先，确保你已经安装了Node.js和npm。

高危型·2024-09-02 04:33

vue之MVC与MVVM区别

、、、、、、、、、、、仅对以前所学做复习记录使用、、、、、、、、、MVC：M-model-模型：数据处理（数据库、接口）V-view-视图：用户界面、页面（HTML编写的）C-control-控制器：编写js业务逻辑例如：从页面view层触发一个按钮获取数据，就会向C控制器层请求自己需要的数据，而C控制器就会向M模型层请求数据，M模型层就会把数据传给C，C再传给V视图层。MVVM：M-model-

火红_·2024-09-02 04:03

Vue3学习记录——(1)MVC与MVVM

1.传统的MVC模式模型（Model）：数据存储。视图（View）：用户界面。控制器（Controller）：业务逻辑。Model代表数据存储，主要用于实现数据的持久化；View代表用户界面（UI），主要用于实现页面的显示；Controller代表业务逻辑，串联起View和Model1.流行的MVVM模式模型（Model）：数据存储。视图（View）：用户界面。视图模型（ViewModel）：数据

一只漫步前行的羊·2024-09-02 04:03

vue中实现图片裁剪

本文将介绍如何使用Vue.js结合Cropper.js实现一个简单的图片裁剪功能。以下是实现该功能的完整代码。

浮游本尊·2024-09-02 04:58

在vue3中封装WebSocket

一、新建webSockte.js文件//webSocket.js//自定义组合式函数，用于管理WebSocket连接import{ref,onMounted,onBeforeUnmount}from"vue

_Legend_King·2024-09-02 03:57

基于nodejs+vue程序设计竞赛团队管理系统[程序+论文+开题]-计算机毕业设计

本系统（程序+源码+数据库+调试部署+开发环境）带文档lw万字以上，文末可获取源码系统程序文件列表开题报告内容研究背景随着信息技术的高速发展和程序设计竞赛在全球范围内的普及，越来越多的高校、企业及爱好者投身于各类编程竞赛中，以期提升编程技能、锻炼团队协作能力并寻求职业发展机会。然而，传统的竞赛组织管理方式往往面临效率低下、信息更新滞后、团队协作不畅等问题。特别是在团队管理方面，缺乏一个统一、高效、

zhiwen106·2024-09-02 02:17

vue-cli webpack 打包报错：Unexpected token: punc (()

本来项目完美打包，后来我增加了一个插件vue-ionicons，打包build就是报错：ERRORinstatic/js/8.017e5cf2d2f1a552890d.jsfromUglifyJsUnexpectedtoken

曹天骄·2024-09-02 01:13

UglifyJs Unexpected token: punc (,)

vue打包报错：查到几种可能原因，一一排除@click调用方法传参多了个逗号仔细检查了，确认没有写多逗号uglifyjs-webpack-plugin代替webpack.optimize.UglifyJsPluginyarnuglifyjs-webpack-plugin

触不到的颜色是否叫彩虹·2024-09-02 01:42

JavaScript 模块化开发：ES6 模块与 CommonJS 的对比与应用

前言随着前端项目规模的增长，代码组织和管理变得越来越复杂。模块化开发成为解决这一问题的有效手段，能够帮助开发者将代码进行分割、复用和维护。

程序员小羊！·2024-09-02 01:12

滴滴前端日常实习一面

简单数据类型和复杂数据类型的区别深拷贝和浅拷贝的区别JSON.stringify有什么弊端怎么判断数组类型Vue3和Vue2的区别Vue生命周期钩子，activated和deactivated用过吗Vue

真的很上进·2024-09-02 01:39

Vue2.0学习--基础--4--Class与Style绑定

（day5）操作元素的class列表和内联样式是数据绑定的一个常见需求。因为它们都是attribute（也就是每个元素的class属性和style属性），所以我们可以用v-bind处理它们：只需要表达式计算出字符串结果即可。（也就是说，在HTML中class和style属性后面都是接一个双引号括起来的字符串值）但是字符串拼接麻烦且易错。所以，在使用v-bind将class与style与特定的值绑定

naildingding·2024-09-02 00:06

Vue——认识day06_class与style绑定

在Vue中，可以使用v-bind指令来将CSS样式动态地绑定到HTML元素上。

WenJGo·2024-09-02 00:06

【前端实例代码】使用HTML CSS 和 JavaScript制作一个五星评价的功能~可动态好评+差评+留言功能~

bilibili在线视频演示地址：【web前端特效源码】使用HTMLCSS和JavaScript制作一个五星评价的功能！可动态好评+差评+留言功能！效果图：

南北极之间·2024-09-02 00:05

【前端实例代码】使用html+css+JavaScript实现带有波浪跳跃动画的登录表单页面

效果图：完整代码：【前端实例代码】使用html+css+JavaScript实现带有波浪跳跃动画的登录表单页面@importurl("https://fonts.googleapis.com/css2?

南北极之间·2024-09-02 00:34

基于Springboot和Vue的在线小说阅读平台系统(570)

获取源码请滑到最底部访问官网项目配套调试视频和相对应的软件安装包1、项目描述具体请看视频演示2、项目开发工具开发工具：Idea或Eclipse数据库：MysqlJar包仓库：Maven前端框架：Vue2

源码出售和定制·2024-09-02 00:34

html5 css3 JavaScript响应式中文静态网页模板js源代码

该批次模板具备如下功能：首页，二级页面，三级页面登录页面均有，页面齐全，功能齐全，js+css+html,前端HTML纯静态页面，无后台，可用dreamweaver,sublime,webstorm等工具修改

Yucool01·2024-09-01 23:32

前端工程环境变量配置

前端工程环境变量配置以Vite为例1.创建.env环境变量文件2.配置package.json3.当执行script中的内容时mode会被传入vite.config.ts文件中的defineConfig

比苦瓜苦·2024-09-01 23:00

前端配置环境

工具类配置一、下载GitBash下载地址二、下载google浏览器下载地址三、下载微信开发者工具下载地址四、下载vscode下载地址1、安装中文包安装中文包教程2、安装插件3、vscode中使用git教程4、setting.json我自己常用的：{"editor.fontSize":18,"[scss]":{"editor.defaultFormatter":"esbenp.prettier-vs

葱头的故事·2024-09-01 23:29

测试老鸟汇总，接口测试总结与用例编写，一文策底概全...

现在很多系统前后端架构是分离的，因为不同端（前段，后端）的工作进度不一样，所以我们要针对最开始出来的接口，以及需要调用其他公司的（银行，支付宝，微信，qq等）一些接口进行接口测试及验证数据，从安全层面来说，只依赖前端进行限制已经完全不能满足系统的安全要求

软件测试老莫·2024-09-01 22:56

【前端框架开发 | Vue.js | 第一篇】Vue.js框架简介、安装及打包教程

文章目录前言什么是Vue.js为什么是Vue.jsVue.js安装打包Vue项目方法一：vite打包方法二：webpack打包webpack执行流程总结前言正式开始学习前确保确保你已掌握前端三件套：HTMLCSSJavaScript

秋说·2024-09-01 22:52

【甲方安全建设】富文本编辑器XSS漏洞攻击及防御详析

文章目录调研背景搭建TinyMCE富文本编辑器靶场富文本编辑器前端过滤富文本编辑器后端攻击后端弱过滤弱过滤1弱过滤2后端有效过滤从甲方的视角看动态安全调研背景随着Web2.0技术的普及，富文本编辑器在各种

秋说·2024-09-01 21:51

常见中高危漏洞修复建议（汇总）

5、禁止在前端显示明文或密文信息。3、任意文件下载使用白名单限制下载路径，建议不要使用拼接文件路径参数的

落樱坠入星野·2024-09-01 21:21

uniapp使用 uview-plus 底部导航栏(vue3项目)

前提：项目中已引入uview-plus，具体可查看uview-plus官网Tabbar底部导航栏网站：Tabbar底部导航栏|uview-plus3.0-全面兼容nvue的uni-app生态框架-uni-appUI

奔跑的露西·2024-09-01 21:17

tp6 购买商品送积分，上级也送积分，签到、推荐都送积分如何实现？

在ThinkPHP6中实现购买商品送积分、上级也送积分、签到、推荐都送积分的功能，需要涉及后端逻辑处理、数据库设计以及可能的前端交互。

m0_69254007·2024-09-01 21:46

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏

先自我介绍一下，小编浙江大学毕业，去过华为、字节跳动等大厂，目前阿里P7深知大多数程序员，想要提升技能，往往是自己摸索成长，但自己不成体系的自学效果低效又漫长，而且极易碰到天花板技术停滞不前！因此收集整理了一份《2024年最新大数据全套学习资料》，初衷也很简单，就是希望能够帮助到想自学提升又不知道该从何学起的朋友。既有适合小白学习的零基础资料，也有适合3年以上经验的小伙伴深入学习提升的进阶课程，涵

2401_84181383·2024-09-01 20:15

uniapp使用 uview-plus 底部导航栏(vue3项目)_uniapp底部导航栏(1)

}else{useStore.setActive(index)constpath=item.pagePathuni.switchTab({url:path})}}}//图标的切换constgetTabbarIcon=(item,index)=>{returnuseStore.activeTab===index?item.selectedIconPath:item.iconPath}>>**说明：*

2401_84182793·2024-09-01 20:15

VUE day3 v-bind指令绑定属性（class，style）

v-bind指令vue中，v-bind用来动态的绑定属性，当使用v-bind绑定元素的属性时，将从vue实例中查找所绑定的变量.v-bind的格式是v-bind：属性名="",简写为：如：百度一下//简写为百度一下

weixin_46383150·2024-09-01 20:41

陪孩子备战高考第一百八十九天

我希望能一直坚持下去，我也要改变一下，认真检查孩子学习日记的内容，把每天的学习内容都落实到位，让孩子将每天学习的知识点一点点储备起来，最后在高考中绽放自己！加油吧！

想入非非的棋子·2024-09-01 19:08

Vue3学习总结-v-if与v-show的使用案例和区别

Vue3实战：v-if与v-show在用户界面切换中的应用在Vue.js中，v-if和v-show是两种常用的条件渲染指令，它们允许我们根据表达式的值来动态地显示或隐藏DOM元素。

风清扬雨·2024-09-01 19:06

【JavaWeb项目】——外卖订餐系统用户购买餐品、查询购物车、取消购物车餐品操作

入门专栏：【MySQL，Java基础，Rust】热门专栏：【Python，Javaweb，Vue框架】感谢您的点赞、关注、评论、收藏、是对我最大的认可和支持！

Y小夜·2024-09-01 19:04

【Rust】——采用发布配置自定义构建

STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端

Y小夜·2024-09-01 19:04

【Rust】——高级类型

STC89C516），c语言，c++，离散数学，算法设计与分析，数据结构，Python，Java基础，MySQL，linux，基于HTML5的网页设计及应用，Rust（官方文档重点总结），jQuery，前端

Y小夜·2024-09-01 18:00

WebSocket使用及在vue如何使用

WebSocketWebSocket是HTML5开始提供的一种在单个TCP连接上进行全双工通讯的协议。WebSocket使得客户端和服务器之间的数据交换变得更加简单，允许服务端主动向客户端推送数据。在WebSocketAPI中，浏览器和服务器只需要完成一次握手，两者之间就直接可以创建持久性的连接，并进行双向数据传输。在WebSocketAPI中，浏览器和服务器只需要做一个握手的动作，然后，浏览器和

Manager_·2024-09-01 18:16

vue中ref和reactive

ref和reactive是Vue3中用于创建响应式数据的两个重要API，它们之间存在几个关键的区别，主要体现在数据类型、使用方式、访问方式以及设计理念上。

Lancelot212·2024-09-01 18:58

[vue] jszip html-docx-js file-saver 图片，纯文本，打包压缩，下载跨域问题

npminstalljszipfile-saverimportJSZipfrom'jszip';importFileSaverfrom'file-saver';JSZip创建JSZip实例：constzip=newJSZip();创建文件：支持导出纯文本zip.file("hello.txt","HelloWorld\n");创建文件夹：zip.folder("file")只压缩有地址的文件//举

533_·2024-09-01 18:58

uni-app使用HBuilder X工具和微信小程序工具开发微信小程序

的原因是什么需要使用到的工具关于HBuilderX工具和微信小程序工具的介绍怎么下载HBuilderX工具和微信小程序工具如何使用HBuilderX工具如何使用微信小程序工具结尾什么是uni-appuni-app是一个使用vue.js

懒无名1·2024-09-01 17:25

从零开始：Uni-App 微信小程序开发指南

目录介绍第一步：准备工作第二步：编写代码1.创建页面2.配置路由3.修改配置文件4.运行和调试第三步：发布小程序Uni-App的优势和特点1.跨平台开发2.基于Vue.js3.强大的组件库和插件生态4.

此地不宜久刘同学·2024-09-01 17:54

vue 一分钟倒计时功能实现

我总是词不达意·2024-09-01 16:45

前端请求两个不同的域名跨域

The'Access-Control-Allow-Origin'headercontainsmultiplevalues

邱杉的博客·2024-09-01 13:43

项目实战-多子集循环嵌套更新时的处理逻辑

一、前端传递完整

ahauedu·2024-09-01 13:00

前端PWA（Progressive Web App）技术（二）

三、PWA的优势相对于原生应用和传统Web应用，PWA具有以下显著优势：四、PWA的应用场景PWA技术因其独特的优势，在多个领域得到了广泛的应用，包括但不限于：五、结论PWA技术作为一种结合了Web应用和原生应用优点的新型应用开发模式，具有跨平台兼容性、可安装性、离线访问、快速加载、沉浸式体验等显著特点。这些特点使得PWA应用能够为用户提供更加流畅、便捷和安全的体验，同时也为开发者提供了更低的开发

Good_tea_h·2024-09-01 13:30

推荐频道

前端学习日记Vue