Math.abs() 用法

作用 : 返回一个数的绝对值Math.abs(x) 参数x必须是一个数值返回值: Number x 的绝对值。如果 x 不是数字返回 NaN,如果 x 为 null 返回 0。例如:var a=Math.abs(7.25); var b=Math.abs(-7.25); var c=Math.abs(null); var d=Math.abs("Hello"); va

- 阅读全文 -

Js返回顶部的三种方式

document.documentElement.scrollTo(0,0) window.scrollTo(0,0) document.body.scrollTo(0,0)加上过渡动画更好康scroll-behavior: smooth;

- 阅读全文 -

Js函数防抖

Js函数防抖适用范围:当我们进行频繁调用同一个函数且只需要得到最终操作结果时代码实现 debounce.js/** * @param {Function} funcName 函数名 * @param {Number} delay 延时时长 * @returns {Function} timer */ const debounce = (funcName, delay) => { va

- 阅读全文 -

Js获取页面路径携带的参数

var url = "https://www.zowlsat.com?cid=1&state=false"; const getUrlQuery = (url) => { var query = url.split("?")[1]; // 根据“?”切割数组,截取“?”之后的字符串 var vars = query.split(

- 阅读全文 -

Js原生md5加密

直接引入// 用于计算MD5的常量表 const MD5_CONSTANT_TABLE = [ 0x07, 0x12, 0x17, 0x93, 0x29, 0x3d, 0xca, 0xde, 0x5b, 0x5e, 0x6d, 0x70, 0x98, 0x9c, 0xaf, 0xb0, 0xbd, 0xd3, 0xe0, 0xf3, 0x10d, 0x136, 0x146, 0x168

- 阅读全文 -

vue全局路由守卫配置

先摆出 官方文档Q:路由守卫有何用?A:路由守卫可以实现许多功能,例如鉴权,登录状态校验,页面显示状态等等...全局配置可极大程度减少工作量,并且极大提高代码维护性...如何实现?实现路由守卫主要使用 vue-router提供的几个钩子函数 router.beforeEach(全局前置守卫)、router.beforeResolve(全局解析守卫)、router.afterEach(全局后置钩子)

- 阅读全文 -

vue2全局图标组件

1.全局注册组件方法可参考我的 上一篇文章2.设计组件在 @/components/ 目录下新建一个 Icon文件夹,文件夹内容如下我使用的图标库是iconfont上的Ant图标引入方法可参考 这篇文章把图标添加到项目之后,下载下来得到以下文件,将红色框框的文件复制到 @/components/Icon/iconfont目录下然后编写index.vue,直接上代码<template>

- 阅读全文 -

vue-cli 3自动导入全局组件

官方方法在此之前可以参考一下官方文档,参考完之后可以参考一下我稍作修改之后的方法如果你恰好使用了 webpack (或在内部使用了 webpack 的 Vue CLI 3+),那么就可以使用 require.context 只全局注册这些非常通用的基础组件。这里有一份可以让你在应用入口文件 (比如 src/main.js) 中全局导入基础组件的示例代码:import Vue from 'vue'

- 阅读全文 -

iconfont一次性添加整个图标库的图标到购物车

打开F12,依次输入以下两段代码即可,后台给他自己运行不用管,效果如下var j = document.createElement('script'); j.setAttribute("src", 'https://ajax.microsoft.com/ajax/jquery/jquery-1.4.min.js'); document.getElementsByTagName(

- 阅读全文 -