![](https://img-blog.csdnimg.cn/20201014180756928.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
JavaScript
昔日_少年
95后独自打拼的程序猿
展开
-
vue项目路由导航守卫
vue-router提供的导航守卫主要用来通过跳转或取消的方式守卫导航。to:即将要进入的目标路由对象from:当前导航正要离开的路由next:一定要调用该方法来resolve这个钩子。执行效果依赖next方法的调用参数。如果next函数没有执行或是传入了false等值,这个跳转就会被终止掉。原创 2022-10-24 14:30:00 · 603 阅读 · 0 评论 -
Element UI 日期封装自定义组件
日常工作中我们会遇到要封装日期组件的情况,例如:element组件日期选择开始时间,结束时间组件不能直接使用时,重复使用到日期选择,我们就不得不去封装。例如:以上就是今天要讲的内容,本文仅仅简单介绍了时间组件的封装使用,组件封装几乎同理,如有问题,可私信联系。原创 2022-09-16 11:21:17 · 1656 阅读 · 0 评论 -
js获取当前设备信息
工作中我们可能会遇到各种需求,例如:要通过前端的写的某一个页面去获取当前登录设备的信息,其实很简单,下边我就教大家如何获取!!例如:以上就是今天要讲的内容,如有疑惑或问题可以私信询问。...............原创 2022-08-11 10:08:34 · 9670 阅读 · 0 评论 -
vue项目中怎么控制隐藏(显示)分页
大家都知道,在vue中我们可以使用v-if或者v-show去做隐藏显示, 这里我使用的是v-show,因为此元素进入页面后,此元素会频繁的改变显示状态,此时用v-show更加合适2.在data数据中写入3.在methods模拟数据请求4.通过watch去监听totalnumber变化从而改变分页状态总结例如:以上就是今天要讲的内容,本文仅仅简单介绍了vue中如何使用......原创 2022-07-14 14:52:26 · 2707 阅读 · 0 评论 -
HTML简单网页制作,好玩又有趣
这样简单的页面大概的样式就完成了,这里我们使用的是https://docs.tenapi.cn/提供的数据接口没有找到js文件,这里引入即可以上就是今天要讲的内容,如有疑问可私信联系我原创 2022-07-05 09:52:30 · 2665 阅读 · 0 评论 -
vue监听页面
vue监听页面使用window.addEventListener('scroll', this.handleScroll)原创 2022-06-02 16:46:43 · 2521 阅读 · 0 评论 -
vue动态改变当前样式(css)
文章目录前言一、要怎么做?二、使用步骤1.首先,在data中要有样式数据2.在computed中添加这段代码3.在需要改变样式的地方添加总结前言例如:项目中我们需要动态改变当前页面的样式一、要怎么做?示例:1.首先我们要拿到数据中背景图数据2.然后在你需要的添加背景图div出添加定义的style二、使用步骤1.首先,在data中要有样式数据代码如下(示例):data: { //动态背景图片 leftStyle: { background: "#AF7F3F" }}2.在c原创 2022-03-20 17:30:53 · 4097 阅读 · 0 评论 -
vue动态更改背景图
文章目录前言一、要怎么做?二、使用步骤1.在data中写入数据2.添加背景图到div处总结前言例如:项目中我们需要动态改变背景图。一、要怎么做?示例:1.首先我们要拿到数据中背景图数据2.然后在你需要的添加背景图div出添加定义的style二、使用步骤1.在data中写入数据代码如下(示例):data: { //动态背景图片 bg: {backgroundImage: "url(" + ("./img/1.png") + ")"}}2.添加背景图到div处代码如下(示例原创 2022-03-20 17:25:39 · 12581 阅读 · 0 评论 -
Ajax和Axios那个更好,更实用,举个例子,一目了然
Ajax 和 Axios究竟那个更实用1.jQuery ajax$.ajax({ type: 'get', url: url, data: data, dataType: dataType, success: function () {}, error: function () {}});Ajax 指的是 XMLHttpRequest(XHR), 最早出现的发送后端请求技术,隶属于原始js中,核心使用XMLHttpRequest对象,多个请求之间如果有先后关转载 2021-12-22 10:58:13 · 3438 阅读 · 0 评论 -
cookie有效时间设置,手把手教你设置
1.cookie是否有效时间限定?cookie是有有效时间的,并且可以自定义有效时间2.如何设置cookie?这里我是直接封装起来,直接贴代码,不懂可以私信!!! // 设置cookie static setCookie(key, value, expiremHours) { var exdate = new Date(); exdate.setTime(exdate.getTime() + expiremHours * 60 * 60 * 1000); document原创 2021-10-13 09:56:01 · 8148 阅读 · 0 评论 -
H5如何获取内网IP和公网IP
前端H5开发,获取内网IP和公网IP可直接打开,简答便捷,重要的事情说三遍直接使用!直接使用!直接使用!获取内网IP<!DOCTYPE html><html> <head> <meta charset="UTF-8"> <title></title> </head> <body> <ul> <li>内网ip</li> </ul&g原创 2021-08-12 10:12:10 · 3458 阅读 · 4 评论