标签：vue
| 后台-系统设置-扩展变量-手机广告位-栏目顶部广告位 |
-
前端面试题 Vue 中的 生命函数(钩子函数)
一，生命周期(钩子函数) 的简介 生命周期函数 又叫 钩子函数, 像它的名字一样,这也是个函数,与其他 methods 中定义的函数不同的是,Vue 中已经规定好了他的触发条件,而这些不同的触发条件就是 一个 Vue 文件从初始化到删除关闭必定经历的一些时间点,而我们就可以通过这些时间点进行各种操作 常用的钩子函数分为四类:初始化 beforeCreate created 挂载 beforeMount mounted 更新 bef......
-
美食杰项目首页--部分功能代码以及简介
介绍：美食杰首页 这个是轮播图效果：都是利用了element ui框架搭建的css样式，然后再通过vue指令和data存储数据和methods方法在操作data里面的数据来完成数据交互。这个是内容精选页效果：都是利用了element ui框架搭建的css样式过程： 引用了element ui框架搭建的轮播图框架，利用数据交互完成效果。先在state里面创建出空的数据类型，比如空数组。是为了在以下操作中能够在空数组或空字符串中添加数据......
-
uni-app 踩坑记录（持续更新）
Input：1、Focus, h5平台根据各家浏览器决定是否自动聚焦； 2、支付宝无法自动聚焦且ios在支付宝平台发起验证码，键盘没有一键粘贴板；3、百度在自动聚焦时blur 事件总是先于focus 事件，因此在多个input 存在的情况下，要靠程序自动唤起B input 聚焦，必然会先执行A 的失焦事件，然后再执行B的聚焦事件；4、不同机型在允许自动聚焦功能的平台上，聚焦和失焦的事件处理也会有差别，ios 普遍失焦事件先于聚焦事件，在频繁地操作聚焦失焦时，......
-
Java项目:员工管理系统(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis)
一、项目简述本系统功能包括：分为前端翻后端部分，包括用户，区分晋通用户以及誉里员用户，包括首页展示，部门管理，人事管理，员工管理三个模块等等。二、项目运行环境配置： Jdkl . 8 + Tomcats . 5 + Mysql + HBuilderX ( Webstorm 也行）＋ Eclispe ( IntelliJ IDEA，Eclispe , MyEclispe , Sts 都支持）。项目技术： html + css ＋js + vue + v 一 charts + electron....
-
Java项目:精美网上音乐平台(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis)
一、项目简述本系统功能包括： 音乐播放 用户登录注册 用户信息编辑、头像修改 歌曲、歌单搜索 歌单打分 歌单、歌曲评论 歌单列表、歌手列表分页显示 歌词同步显不 音乐收藏、下载、拖动控制、音粉制 后台对用户、歌曲、歌手、歌单信息的管理 二、项目运行环境配置： Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX (Webstorm也 行)+ Eclispe (IntelliJ IDEA,Eclispe,MyEclispe,Sts都支 持)。 项目技术： Spring....
-
❤️Vue混入(mixin)项目实战: ElementUI Form表单扩展自定义校验规则类型 （包含源码解读、详细代码）❤️
文章目录场景Mixin使用场景总结场景ElementUI的Form表单组件自带的校验规则是不是有点少，通过yarn.lock查询ElementUI得知校验使用了async-validator依赖阅读async-validator相关文档得知内置类型如下：string: 必须是 string，默认类型；number: 必须是 number；boolean: 必须是 boolean；method: 必须是 function；regexp: 必须是正则或者是在调用 new RegExp 时...
-
Java项目:仿小米商城系统(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis)
一、项目简述本系统功能包括： 基于vue + Springboot前后端分离项目精简版仿小米商城 系统，注册登录，首页展示，商品展示，商品购买，下单支 付（支付有点小问题仅支持单个商品支付）后台维护等 等。二、项目运行环境配置： Jdk1.8 + Tomcat8.5 + Mysql + HBuilderX （ Webstorm也 行）+ Eclispe （ IntelliJ IDEA,Eclispe,MyEclispe,Sts都支 持）。 项目技术： Springboot + Ma......
-
Java项目:个人博客系统(前后端分离+java+vue+Springboot+ssm+mysql+maven+redis)
一、项目简述本系统功能包括：文章展示、热门文章、文章分类、标签云用户登录评论、匿名评论用户留言、匿名留言评论管理、文章发布、文章管理文章数据统计等等．二、项目运行环境配置： Jdkl . 8 + Tomcats . 5 + Mysql + HBuilderX ( Webstorm 也行） + Eclispe ( IntelliJ 10 以，三 clispe , MyEclispe , Sts 都支持）。项目技术： Springboot + Maven + Mybatis + Vue + ....
-
-
在Vue项目中，等待所有请求（方法）完成以后执行操作
使用场景比如一个弹窗需要请求表格跟树组件的数据需要发两个请求，这时我们需要等两个请求完成拿到数据后再去打开弹窗。多个请求axios.all([axios.post("/test1"),axios.post("/test2")]).then((test1,test2)=>{ console.log('两个接口都执行完毕啦')})// 或者这样function getUserAccount() { return axios.get('/use...
-
《vue武林秘籍》(这篇全看懂,vue横着走)
传说前端江湖有一篇vue秘籍，看懂全篇，vue界即可横行霸道，共有X式招数。第一式 v-if v-for传说v-if与v-for不可以同时使用，主要是因为v-for的优先级高于v-if。第二式 懒加载路由传说在路由较多的时候，打包出现资源较多，进入单页面较慢等问题。则需要对路由进行按需加载，也称为懒加载，懒加载在江湖中主要有三种途径：使用import component: () => import(/* webpackChunkName: "about&q...
-
在进行ajax请求的时候参数值为null和给一个默认值的区别 如果某一个参数是null,则axios就不会发这个参数 如果某一个参数是““，axios是会发出这个参数
在进行ajax请求的时候参数值为null和给一个默认值的区别数据项为null//数据项data(){ formData: { subjectID: null, // 学科 contentsData: null, // 目录 },}ajax:数据项为非nulldata(){ formData: { subjectID: '', // 学科 contentsData: '', // 目录...
-
Nginx反向代理处理vue项目部署跨域问题
线上部署官网项目时，提示域名存在跨域问题，首先想到的是用Nginx来处理这个问题，处理流程如下：A：www.test.com 【网站访问域名】B：open.test.com 【前端请求接口域名】C：open.test.com/site/index 【B域名下面的一个接口】nginx处理主要是修改网站站点的www.test.com.conf文件server{ listen 80; server_name www.test.com; index index.php index...
-
Nginx反向代理处理vue项目部署跨域问题
线上部署官网项目时，提示域名存在跨域问题，首先想到的是用Nginx来处理这个问题，处理流程如下：A：www.test.com 【网站访问域名】B：open.test.com 【前端请求接口域名】C：open.test.com/site/index 【B域名下面的一个接口】nginx处理主要是修改网站站点的www.test.com.conf文件server{ listen 80; server_name www.test.com; index index.php index...
-
vue页面跳转取消上一个页面请求
核心：1：vuex以数组的形式存放取消函数；2：axios请求拦截中设置cancelToken；3：页面跳转路由守卫取消上一个页面所以的请求。vuex中在vuex中设置一个存放取消函数的数组，还有一个添加数组元素的方法和清空数组的方法：这里放到了自定义的home模块：export default {/*** 定义命名空间，防止多个模块同名共享，使用时需要带上命名空间*/ namespaced: true, state: { _axiosPromiseArr...
-
滚动视差让你不相信“眼见为实”
引言视差滚动（Parallax Scrolling）是指让多层背景以不同的速度移动，形成立体的运动效果。其实，这项技术早在 2013 年就已经开始在一些国外的网站中得到了大量的应用。由于它给网站带来了非常出色的视觉体验，现在已经有数不胜数的网站应用了这项技术。我是在最近的项目中用到了这块，觉得有必要整理一下。本文主要是简单的介绍一下什么是视差滚动，实现方式以及如何在现有框架(vue/react)中使用视差滚动。什么是视差滚动？视差效果， 最初是一个天文术语。当我们看着繁星点点的天空时，较远的恒星运动....
-
vue3 electron 记录
vue3+electron打包成桌面应用新手记录,vue3+electron打包成.exe桌面应用,部分代码也是c来的,自己修改了一番,也算整合记录自己开发中的心得文章目录vue3+electron打包成桌面应用前言一、vuecli打包之后修改公共请求地址二、封装公共axios三、组件传值1.父组件(details.vue)2.子组件(setting.vue)四、websocket通讯五、打包.exe六、vue3自适应前言废话不多说一、vuecli打包之后修改公共请求地址在public...
-
JavaScript动态设置rem根元素大小
JavaScript动态设置rem根元素大小前言：此方法适用于移动端，部分不同稍加修改即可，核心代码在于获取浏览器宽度，以下为uni-app项目举例。step 1// 根目录下新建rem.js 文件名随便起，要有意义(function(doc, win) { var docEl = doc.documentElement, resizeEvt = 'orientationchange' in window ? 'orientationchange' : 'resize', recal...
-
关于vue+Spring框架中，Javascript判断resp.data是否为空的问题
在使用vue+Spring框架搭建图书馆管理系统的时候，遇到了一个问题。我在做查找功能的时候，就是我想判断get方法返回来的response.data里面是否为空，如果数据库中没有对应的信息则报出警告信息，如果不为空，则赋值给tableData:[ ]，然后在vue前端显示出对应列表的值这是我在vue上的代码:methods:{ doSubmit() { this.$axios.get('/searchUser'+this.form.st...
-
VUE项目路由变成history模式刷新页面404
刚刚前端将vue项目的路由模式由hash变成了history，刷新项目页面出现404，在官方提供的vue-router文档中讲解了怎么解决这个问题，并且给了配置例子。修改项目域名的Nginx站点conf文件配置，添加下面代码就可以了【修改完配置记得重启下Nginx】location / { try_files $uri $uri/ /index.html;}下面是完整的conf文件样子# 项目域名conf文件server{ listen 80; listen 443 ss...
-
npm run 时报错：JavaScript heap out of memory
刚开始接触vue开发，弄了几天后npm run dev直接就报JavaScript heap out of memory，刚开始还能忍，重启下就好了。可是受不了改一点东西就报错重启，还耗时，网上搜索了好久，一直不行，唉也是醉了。好不容易解决了，给后边的同学提供下方案吧，毕竟因为这玩意浪费时间真的是没必要。npm install -g increase-memory-limit（全局安装 increase-memory-limit）increase-memory-limit （在项目目录中执行）通过上...
-
vue使用WebSocket模拟实现聊天功能-简易版
vue使用WebSocket模拟实现聊天功能-简易版效果展示 两个浏览器相互模拟1.创建模拟node服务在vue根目录下创建 server.js 文件模拟后端服务器**在server终端目录下载 **npm install --s ws2.编写server.js文件代码如下var userNum = 0; //统计在线人数var chatList = [];//记录聊天记录var WebSocketServer = require('ws').Server;wss =...
-
WebPack 4.x 配置
@babel/preset-env 拥有根据 useBuiltIns 参数的多种polyfill实现。 - 优点：是覆盖面比较全（entry）。 - 缺点：会污染全局。...
-
配置 VScode 编辑器 (前端篇)
配置 VScode 编辑器 (前端篇)2021/8/2目录配置 VScode 编辑器 (前端篇)一、代码片段设置二、常用插件1. open in browser2. Guides3. HTMLHint4. Path Intellisense5. Material Theme6. prettier7. vetur8. carbon-now-sh9.Auto Rename Tag三、常用快捷键一、代码片段设置左下角设置 -> 用户代码片段上面弹框输入 HTML，或者JavaScript，css...
-
vue3 + vite 项目搭建 - 配置eslint
安装依赖 "devDependencies": { "standard": "^16.0.3", "vue-eslint-parser": "^7.10.0", "@typescript-eslint/parser": "^4.29.0", "@typescript-eslint/eslint-plugin": "^4....
-
学了vue后，再也不怕美工抢饭碗了，前端小姐姐也变的热情了
前言这里先普及一下浏览器的应用历史（这篇主讲，前端工作，）1.MVC是怎么工作的从这张图可以看出，大家可以轻松看出，MVC框架工作量基本都是由Controller完成：1）由服务器，对数据库进行访问，查询，更新2）由服务器，对浏览器进行加载，监听。3）在服务器中，进行数据交互。一、这个阶段，前端还仅仅处于一个静态页面编写----UI美化的工作，交互工作还是在后端进行处理。-值得一提的是，关于各个浏览器的兼容情况：二、直到John Resig在2005年开发了JQuery的第一个版本，并...
-
来吧！一文写清前端面试难点及考点
如果你现在准备开始找前端工作的话，那么面试是一个很重要的环节。接下里我会具体讲一下我是怎么准备面试及刷面试题。满满的干货，建议精读！搭配这两篇看面试效果更好哦~285页解析百度、阿里、腾讯前端面试题，通关秘籍请收好！分享三个前端学习方法、十项前端面试笔记：养精蓄锐，为想去的公司努力一把怎么准备前端面试面试总结下来以下四点：一基础，二项目，三简历，四心态基础首先是基础，那么到底是什么样的基础呢？小伙伴们可以参考以下总结的几个要点对于图做些讲解说明，有个大致的学习方向1.html：知道...
-
Vue + element 实现动态显示后台数据到options上
需求：实现selector选择器中选项值options 数据的动态显示，而非写死的数据，我的角色ID数据如下：现在实现把这些数据请求显示option上实现如下：使用element-ui中selector 选择器：<el-form-item label="角色ID：" prop="roleId"> <el-select v-model="addUserForm.roleId" placeholder=...
-
【万字长文】 Vue全家桶从入门到实战，超详细笔记整理 ( 一 ) （建议收藏）
笔记根据B站编程不良人视频整理，视频链接：【编程不良人】VUE全家桶入门到实战，学VUE看这个就够了，已完结！基于企业最流行Vue实战技术， 需要md格式笔记的可以私信我。目录1、Vue 引言2、Vue入门2.1、下载Vuejs2.2、Vue第一个入门应用3、v-text和v-html3.1、v-text3.2、v-html3.3、v-text和v-html对比4、vue中事件绑定(v-on)4、vue中事件绑定(v-on)4.1、绑定事件基本语法4.2、Vue中事件的简化语法4.3、Vue事件函数....
| 后台-系统设置-扩展变量-手机广告位-栏目底部广告位 |
