logo
publist
写文章

简介

该用户还未填写简介

擅长的技术栈

可提供的服务

暂无可提供的服务

Vue3+webpack项目的vuex封装

Vuex 是一个专为 Vue.js 应用程序开发的状态管理模式 + 库。它采用集中式存储管理应用的所有组件的状态,并以相应的规则保证状态以一种可预测的方式发生变化。简单解释就是它是用来放项目所有组件都能共享的数据用的。首先安装vuex:npm i vuex -s封装vuex的目录结构如下图:图1【./src/store】:用来存放封装 vuex 相关文件的文件夹;【./src/store/inde

#vue.js#javascript#webpack
javascript手机验证、邮箱验证、密码验证的正则表达式的简单封装

javascript【手机验证】、【邮箱验证】、【密码验证】的正则表达式的封装

#javascript#正则表达式#前端 +1
javascript/js判断输入的内容是否是数值

我们先看看JS代码和效果图代码如下:按F12预览效果图如下:下面我们来讲解下这个JS:JS部分:<script>function yue()//申明一个名字叫yue()的JS方法{var x=document.getElementById("yueying").value;//从整个文档里面获取一个元素id叫做yueying的标签的值,并且把该值放到x中if(isNaN(x))//如果

#javascript#前端#html +1
javascript/js点击事件显示日期的效果

我们先看看JS代码和效果图代码如下:按F12预览效果图如下:点击“显示日期”按钮之后出现的效果图如下:下面我们来讲解下这个JS:JS部分<script>function displayDate()//申明一个JS叫做displayDate()的方法{document.getElementById("yue").innerHTML=Date();//这段表示从整个文档获取元素里面id样式

#前端#html#javascript +1
javascript/js各种方向图片无限无缝滚动

javascript/js图片向上无限无缝滚动​<div id="demo" style="overflow:hidden;height:100px;width:100px;background:#f4f4f4;color:#ffffff"><div id="demo1"><img src="yue.jpg"><img src="yue.jpg">&

#javascript#前端#css +1
javascript/js替换内容

我们先看看JS代码和效果图代码如下:按F12预览效果图如下:原图:替换之后的JS效果图:下面我们来讲解下这个JS:JS部分:<script>function yue()//申明一个名字叫yue()的JS方法{var x=document.getElementById("demo");//从整个文档里面获取一个元素id叫做demo的标签var y=document.getElementB

#javascript#前端#html +1
react路由跳转保持页面头部和底部不变的情况下只有主体部分变化

在用react开发项目的时候,一般会有大部分页面的头部和底部是相同的内容,只有中间的主体会发生变化;这样如果在每个页面或者组件都加上相同的头部和底部就比较麻烦;最好是能在一个组件里面就包含了头部代码和底部代码,然后页面跳转的时候只有中间的主体代码改变或者是主体组件发生改变;这样的话就不用每一个页面都加上相同的头部组件或者底部组件了;以下是react实现的方式:首先,新建一个类组件,类组件的rend

#组合模式#前端框架#前端 +1
Vue3+webpack的axios的封装

首先安装axios:npm i axios -s然后在根目录的 src 文件夹下新建一个 servers 文件夹,接着在 servers 文件夹下新建 axios.js 和 request.js 文件。目录文件结构如下图:图1./src/servers/axios.js:代码:/*** 文件主要用来创建 axios 实例,然后添加请求拦截器和响应拦截器*/import axios from 'ax

#webpack#javascript#vue.js +2
JAVA与前端如何进行交互?

在创建springboot+mybatis+mysql项目https://yydpt.blog.csdn.net/article/details/124185472中已经讲解了如何创建JAVA的springboot+mybatis+mysql项目,现在接着讲解JAVA是如何和前端进行交互的;首先新建一个index.html的前端页面,然后在index.html页面中加入如下代码:<!DOCT

#前端#后端#java +1
    共 11 条
  • 1
  • 2
  • 请选择