前端-VUE 第56页

使用 VueRouter 构建SPA单面应用DEMO

H5页面使用VueRouter构建SPA单面应用DEMOVueRouter实现原理一个页面地址由协议/主机名/页面地址/查询字符串/hash组成，如https://www.host.com/static

坚果jimbowhy·2024-02-19 22:01

学习Vue3的第二天

目录Vue3核心语法OptionsAPI与CompositionAPIsetup函数setup概述setup语法糖ref创建：基本类型的响应式数据reactive创建：对象类型的响应式数据ref创建：对象类型的响应式数据

世俗ˊ·2024-02-19 22:32

uni-app页面中连接数据库，并进行更改和查找操作

连接数据库只能使用后台语言，我是用javaweb中的servlet文件，上传到tomcat服务器中，就会生成一个url地址，在前端就能用该url地址访问数据库的内容。

CQUST-XMY·2024-02-19 22:59

通过 Laravel 创建一个 Vue 单页面应用（三）

image文章转发自专业的Laravel开发者社区，原始链接：https://learnku.com/laravel/t/34304我们将通过演示在vue-router进入一个路由之前，如何异步加载数据来继续使用

summerbluet·2024-02-19 22:02

每日碎碎念

上午产品经理和前端就一个问题掰扯半天，产品经理说心情坏透了，一大早心情就不好。争论常常影响心情，

皓月映海·2024-02-19 22:58

【JavaScript】IndexedDB

文章目录1.IndexedDB的概念2.IndexedDB的基本用法打开数据库添加数据读取数据更新数据删除数据3.IndexedDB的适用场景4.安全性注意事项5.总结在前端开发中，IndexedDB是一种强大的客户端数据库

好久不见的流星·2024-02-19 22:53

uniapp小程序因使用 uni.switchTab传不了值使用vuex（简单明了）

uniapp里面不需要npm下载vuex，自带vuex直接用就行一、先建立一个index.js文件夹里面写如以下代码importVuefrom'vue'importVuexfrom'vuex'Vue.use

bug总结·2024-02-19 22:51

前端面试题-Javascript中如何实现函数缓存?函数缓存有哪些应用场景?（2024.2.19）

一、概念函数缓存就像是一个记事本，它记住了函数每次计算的结果。当函数再次遇到相同的输入时，它不再重新计算，而是直接从记事本中查找并返回之前的计算结果。这个记事本就是一个简单的存储空间，通过记录每次函数调用的输入和输出，来避免不必要的计算，提高效率。这在处理一些计算量较大、但结果常常相同的函数时很有用，就像查字典一样，遇到相同的词汇就直接翻到上次查过的页面，不再重新查找。二、如何实现实现函数缓存的一

bug总结·2024-02-19 22:18

2024年前端JavaScript入门到精通第二天笔记

2.1赋值运算符2.2自增运算符2.3比较运算符2.4逻辑运算符以及优先级2.5JS基础Day2-23-if单分支语句以及判断成绩案例2.6JS基础Day2-24-if双分支语句以及判断润年案例2.7JS基础Day2-25-i侈分支语句以及上午总结2.8JS基础Day2-26-三元运算符以及求最大值案例2.9JS基础Day2-27-数字补0案例2.10JS基础Day2-28-switch分支语句2

PieroPc·2024-02-19 22:44

免签支付源码

#个人支付免签系统Api版项目地址https://github.com/yioMe/nodejs_wx_aipay_api技术栈EggJs+MySql+Vue项目说明：支持个人网站、安卓App、微信公众号

米糕_13cf·2024-02-19 22:36

24 双非计算机秋招总结

引言我整理了一份10w+字数的前端技术文档（飞书），地址：https://qx8wba2yxsl.feishu.cn/docx/Vb5Zdq7CGoPAsZxMLztc53E1n0k?

Jackson Mseven·2024-02-19 22:32

使用Sora部署实时音视频通信应用实战项目

目录一、项目概述二、准备工作三、集成Sora到前端项目引入SoraSDK：在Vue组件中引入SoraSDK。四、实现音视频通信功能监听音视频流事件：在Vue组件中添加事件监听器，处理接收到的音视

GT开发算法工程师·2024-02-19 22:54

Vue3.0商店后台管理系统项目实战-vue3搭配Element Plus框架使用

侧边栏导航vue3搭配ElementPlus框架使用ElementPlus基于Vue3，面向设计师和开发者的组件库文档：https://element-plus.gitee.io/zh-CN/安装#NPM

祈澈菇凉·2024-02-19 22:40

【实战】一、Jest 前端自动化测试框架基础入门（四） —— 前端要学的测试课从Jest入门到TDD BDD双实战（四）

文章目录一、Jest前端自动化测试框架基础入门10.Jest中的Mock（1）toBeCalled（2）func.mock（3）mockReturnValue&mockReturnValueOnce学习内容来源

程序边界·2024-02-19 22:44

ASMDB阅读笔记

UnderstandingandMitigatingFront-EndStallsinWarehouse-ScaleComputer.ISCA20191.文章的整体思路发现问题：通过Top-Down方法发现前端堵塞

精致的泛函·2024-02-19 21:21

2024程序员能有什么新的出路？

前言前两天和一个前端同学聊天，他说不准备再做前端了，准备去考公。不过难度也很大。

·2024-02-19 21:30

【笔记】前端接收List＜List＜Map＜String,Object＞＞＞类型的json数据该怎么遍历

问题描述：在今天的项目里，写到了一个图表统计，而数据内容则是2016到2022七年数据，每年数据里又有五条根据不同范围而划分的“ABCDE”子数据，后端返回的数据类型就是如题中的List>>类型，即用一个List包住＜List＜Map＜String,Object＞＞的类型。如图：我该如何接收到每个值呢？解决办法：硬着头皮拆解法：success:function(data1){varA=[];var

苗老八·2024-02-19 21:31

有关前端的一些问题（一）

1.Object.prototype.toString.call的原理使用Object的原型上的toString方法，这个方法拼接三个字符串：‘[object’+[[class]]+‘]’。其中[[class]]是对象的内部属性，一般无法访问。它是一个字符串值,表明了该对象的类型。2.Bigint在没有Bigint之前，Number类型都是64位，能表示（-2^53-1）到（2^53-1）之间的数

狗剩集团·2024-02-19 21:01

Bitcode

Bitcode是LLVM编译器将C/C++/OC/Swift等前端变成语言编译成多种不同芯片上的机器指令过程中的中间代码。并且这个中间代码是CPU无关的。

道道明明白白·2024-02-19 21:13

Vue-计算属性和监听属性

thiking熟记Vue生命周期内的各个钩子函数以及其相应的对比和用法计算属性（钩子函数--computed）对于任何复杂的计算，都应当使用计算属性比如说对文本插值表达式{{值的计算属性}}如果需计算值属性依赖于另一个属性

上山走18398·2024-02-19 21:57

如何把List＜Map＜String,Object＞＞的数据显示在前端

首先导入allibaba的fastJsoncom.alibabafastjson1.1.46.sec01我的想法是先把List>的数据转换成Json【String】，然后再把Json转换成list，最后在前端遍历

小白程序猿一枚·2024-02-19 21:26

【微信小程序】wxss 和 css 、wxml 和 html 区别

wxss背景图片只能引入外链，不能使用本地图片wxss使用@import引入外链样式文件，地址为相对路径wxml和html区别wxml是一个模版文件，和vue中的模版差不多，html

我有一棵树·2024-02-19 21:18

基于SpringBoot+vue的火车订票管理系统设计与实现

博主介绍：大家好，我是一名在Java圈混迹十余年的程序员，精通Java编程语言，同时也熟练掌握微信小程序、Python和Android等技术，能够为大家提供全方位的技术支持和交流。我擅长在JavaWeb、SSH、SSM、SpringBoot等框架下进行项目开发，具有丰富的项目经验和开发技能。我的代码风格规范、优美、易读性强，同时也注重性能优化、代码重构等方面的实践和经验总结。我有丰富的成品Java

出世&入世·2024-02-19 21:17

JAVA毕业设计火车订票管理系统计算机源码+lw文档+系统+调试部署+数据库

毕业设计火车订票管理系统计算机源码+lw文档+系统+调试部署+数据库JAVA毕业设计火车订票管理系统计算机源码+lw文档+系统+调试部署+数据库本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

瑞致网络·2024-02-19 21:15

java计算机毕业设计火车订票系统源码+mysql数据库+系统+lw文档+部署

mysql数据库+系统+lw文档+部署java计算机毕业设计火车订票系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

法姆利·2024-02-19 21:44

java计算机毕业设计火车订票管理系统源码+mysql数据库+系统+lw文档+部署

mysql数据库+系统+lw文档+部署java计算机毕业设计火车订票管理系统源码+mysql数据库+系统+lw文档+部署本源码技术栈：项目架构：B/S架构开发语言：Java语言开发软件：ideaeclipse前端技术

法姆利·2024-02-19 21:14

VSCode中的Prettier - Code formatter插件配置

一、Prettier-Codeformatter文件配置settings.json文件参考文章@前端烂笔头参考文章@m0_57617148关闭eslint语法报错:参考文章@钢镚儿吖建议:首先采用文章一的文件配置二

i小杨·2024-02-19 21:13

Springboot+vue的物流管理系统（有报告）。Javaee项目，springboot vue前后端分离项目

演示视频：Springboot+vue的物流管理系统（有报告）。

气宇轩昂的固执狂·2024-02-19 21:11

基于SSM的电影购票系统（有报告）。Javaee项目。ssm项目。

项目介绍：采用M（model）V（view）C（controller）三层体系结构，通过Spring+SpringMvc+Mybatis+Vue+Layui+Elementui+Maven来实现。

气宇轩昂的固执狂·2024-02-19 21:41

基于Springboot的新能源充电系统（有报告）。Javaee项目，springboot项目。

项目介绍：采用M（model）V（view）C（controller）三层体系结构，通过Spring+SpringBoot+Mybatis+Vue+Maven+Layui+Elementui来实现。

气宇轩昂的固执狂·2024-02-19 21:38

VS-Code-HTML-CSS-JS配置

LoveEmiliaForever·2024-02-19 21:38

vue重复点击路由报错问题

重复点击路由报错vue-router.esm.js?

LemonTree7·2024-02-19 21:12

前端开发，Vue的双向数据绑定的原理

目录一、什么是前端二、Vue.JS框架三、双向数据绑定四、Vue的双向数据绑定的原理一、什么是前端前端通常指的是网页或应用程序中用户直接交互和感知的部分，也称为客户端。

杨荧·2024-02-19 21:37

十五、环境变量和代理跨域及api的定义

环境变量的定义在根目录下新建三个环境变量配置文件.env.development（开发环境）.env.test（测试环境）.evn.production（生产环境）分别定义开发环境、线上环境和测试环境的变量webpackVUE_APP_TITLE

小曲曲·2024-02-19 21:07

黑豹程序员-vue全屏

需求点击按钮全屏按钮事件vue代码constisFull=ref(false)constrequestFullScreen=()=>{letde=document.documentElementif(de.requestFullscreen

长安紫薯·2024-02-19 21:03

Vue2数据代理与数据劫持，你还不会吗？

数据代理1.Object.defineproperty(对象名，属性名，配置项)：vue实现的底层原理技术即控制新增的属性，是否可以被增删改等等。

ydcgye_·2024-02-19 21:30

nodejs vue-element-admin（实训续4）

目标：创建班级管理模块（班级和学院、学校关联起来）一、后台三步骤：1、打开projectName文件，在models目录下创建classs.js文件，接着文件操作：constmongoose=require('mongoose')constSchema=mongoose.Schemaconstfeld={name:String,//人物标签level:String,renshu:Number,sc

滋滋滋YU·2024-02-19 21:55

codewhy_vue笔记01

Vue.js安装这里我们使用方式二：去官网，下载vue.js(开发版本)使用webstorm新建项目，然后新建js文件夹，把刚才下载的vue.js放到js文件夹下修改数据第一个vue代码Title{{message

qq_43827247·2024-02-19 21:26

2024前端面试准备之CSS篇（二）

全文链接1.什么是伪类和伪元素伪类（Pseudo-class）:伪类是选择器的一种，用于选择特定状态或条件下的元素。它们以冒号（:）开头，用于向选择器添加额外的特定条件。例如，:hover伪类用于选择鼠标悬停在元素上的状态，:nth-child(n)伪类用于选择父元素下的第n个子元素等。伪元素（Pseudo-element）:伪元素是选择器的一种，用于在元素的特定部分上添加样式。它们以双冒号（::

前端fighter·2024-02-19 21:54

uni-app基础知识笔记

中使用字体图标和开启scss条件注释跨端兼容uni中的事件导航跳转组件创建和通讯，及组件的生命周期uni-app中使用uni-ui库项目：黑马商城项目uni-app介绍官方网页uni-app是一个使用Vue.js

安静宅男爱蓝猫·2024-02-19 21:24

vue2响应式原理之Object.defineProperty()方法

前言最近一直在研究vue2响应式原理,去官网看一遍文档,好像懂了但又好像不懂,然后去查看别人写的响应式原理和视频,好的理解了百分六七十头皮发麻,vue2的响应式原理实现的核心就是Object.defineProperty

山海入梦·2024-02-19 21:21

Vue2学习第五篇：Vue中的数据代理

一、回顾js中的Object.defineProperty()方法想要了解Vue中的数据代理，必须搞懂Object.defineProperty()这个方法，因为Vue中的数据代理底层用到的就是这个方法

瓜而不皮皮皮弟·2024-02-19 21:20

vue 学习definproperty方法

definproperty方法是Vue很重要的一个底层方法，掌握他的原理很重要，下面通过代码说明问题：回顾Object.defineproperty方法letnumber=18letperson={name

知远同学·2024-02-19 20:48

vue里面使用wangEditor

我这里用的是脚手架开发的，为了能够灵活的使用，我将主要内容写在了一个组件里，进行调用，根据子父传值得到富文本输入的内容组件importEfrom'wangeditor'//引用exportdefault{name:'Editorbar',data(){return{editor:null,content:'',//内容}},watch:{isClear(val){//触发清除文本域内容if(val

w晚风·2024-02-19 20:06

分配更多v8内存，确保大项目能正常启动

如果前端项⽬比较庞⼤，Webpack编译时就会占⽤很多的系统资源，如果超出了V8引擎对Node默认的内存限制⼤⼩时则启动失败。

猛踹瘸子那条好腿の·2024-02-19 20:45

前端input密码自动填充问题解决方案,React项目

在input上写入autoComplete='new-password'可以禁止浏览器的自动填充密码1定义一个变量const[inputType,setInputType]=useState('text')2进入页面的是否将密码输入框的type设置为text3再jsx函数体内声明onchange函数constonChangePass=(e)=>{setInputType('password')}只

猛踹瘸子那条好腿の·2024-02-19 20:14

vue脚手架配置代理 axios请求 slot插槽

vue脚手架配置代理方法一在vue.config.js中添加如下配置devServer:{proxy:"https://localHost:8080"}说明:1.优点:配置简单，请求资源时直接发给前端(

我家二爷·2024-02-19 20:16

Nuxt3+Vue3(Composition API)+TS+Vite+Ant Design Vue 搭建

最近官网搭建选择了nuxtjs，由于框架更新了，其中语法也有很多变化，中间遇到了一些问题点做下总结。nuxt3官方文档地址：https://nuxt.com/docs/getting-started/installation安装在安装Nuxt3之前，你需要保证你的node.js大于16.10.0或者最新版本，我是用得最新版本18创建一个nuxt项目npxnuxiinit切换到刚创建的项目根目录cd

拾荒李·2024-02-19 20:48

【旧文更新】【优秀毕设】人脸识别打卡/签到/考勤管理系统（OpenCV+最简基本库开发、可移植树莓派扩展网络图像推流控制验证码及Excel邮件发送等功能）

OpenCV+最简基本库开发、可移植树莓派扩展网络图像推流控制验证码及Excel邮件发送等功能）文章目录关于旧文新发毕设结构主页面验证码识别效果管理页面人脸信息采集管理实时数据更新签到结果邮件发送网络前端效果实时图像推流附录

网易独家音乐人Mike Zhou·2024-02-19 20:46

vue组件通信之provider/inject

provider/inject：简单的来说就是在父组件中通过provider来提供变量，然后在子组件中通过inject来注入变量。需要注意的是这里不论子组件有多深，只要调用了inject那么就可以注入provider中的数据。而不是局限于只能从当前父组件的prop属性来获取数据。first：定义一个parentcomponentimportchildOnefrom'../components/te

是归人不是过客·2024-02-19 20:36

推荐频道

前端-VUE