- 博客(56)
- 收藏
- 关注
原创 uniapp路由权限拦截守卫
中没有向vue中router的路由管理插件,官方提供uni.addInterceptor这个API去控制,这个方法可在进入到页面之前就拦截相应的跳转,就不存在在需登录页面加载展示之后再跳转到登录页面,操作如下。1、如果咱们用的自带的底部tabbar,tababr的跳转该拦截器是无法拦截,需要使用自定的底部tabbar,1、在uitls的文件夹下,新建permission.js文件。的文件中,引入permission.js文件并执行。
2024-10-22 09:52:42
757
2
原创 git 回滚到指定版本
把你想回退的版本的commit id和最新版本的commit id记下来。然后用命令git reset --hard 老版本的commit id。再git reset --mix 最新版本的commit id。执行命令 进行本地回滚 并提交代码到 远程。记住当前版本 和 要回滚的旧版本号。再执行操作 push 到远程即可。再push 就ok了。
2023-07-03 11:07:49
1146
原创 yarn : 无法加载文件 C:\Users\xxx\AppData\Roaming\npm\yarn.ps1,因为在此系统上禁止运行脚本
1.运行 Windows PowerShell(管理员),执行命令set-ExecutionPolicy RemoteSigned更改 PowerShell 执行策略,过程中提示询问是否要更改执行策略?,选择 A 或 Y。PowerShell 执行策略,默认设置为Restricted不加载配置文件或运行脚本。3.使用get-ExecutionPolicy命令,可查看当前 PowerShell 执行策略类型。2.设置完毕,检验执行yarn config get registry命令,可正常加载执行脚本。
2023-04-18 09:35:39
660
原创 set和map的区别
5.map和set都是stl中的关联容器,map以键值对的形式存储,key=value组成pair,是一组映射关系。它类似于数组,但是成员的值都是唯一的,没有重复的值。NaN 与 NaN 是不恒等的,但是在 Set 中认为NaN与NaN相等,所有只能存在一个,不重复。一个Object 的键只能是字符串或者 Symbols,但一个Map 的键可以是任意值。4.Set的值是唯一的可以做数组去重,Map由于没有格式限制,可以做数据存储。1.Map是键值对,Set是值的集合,当然键和值可以是任何的值;
2023-04-15 11:26:20
721
原创 创建hosts文件
一、hosts文件的位置: 方法一: windows系统下,在开始—运行里面输入(找不到运行菜单可直接按Win+R键): C:\WINDOWS\system32\drivers\etc 新建文件hosts 右键用记事本打开 xie# Copyright (c) 1993-2009 Microsoft Corp.## This is a sample HOSTS file used by Microsoft TCP/IP for Windows.## This file contain
2022-05-23 10:57:25
6359
3
原创 浏览器渲染的过程
1.首先用户在地址栏输入域名服务器根据输入的域名查找对应 IP,然后向该 IP 地址发起请求2.其次浏览器获得并解析服务器的返回内容3.浏览器加载 HTML 文件及文件内包含的外部引用文件(CSS、JS)及图片,多媒体等资源4.根据请求回来的 HTML 文件开始从上到下解析 HTML 文档生成 DOM 节点树 解析过程中碰见了外部引用的 CSS 文件,去服务器请求回 CSS 文件,构建 CSSOM5.继续解析 HTML,又碰见了外部引用的 JS 文件,去服务器请求回 JS 文件,加载并执行
2022-03-11 19:51:19
675
转载 JQuery中$.ajax()都有哪些参数
jquery中的ajax方法参数总是记不住,这里记录一下。1.url:要求为String类型的参数,(默认为当前页地址)发送请求的地址。2.type:要求为String类型的参数,请求方式(post或get)默认为get。注意其他http请求方法,例如put和delete也可以使用,但仅部分浏览器支持。3.timeout:要求为Number类型的参数,设置请求超时时间(毫秒)。此设置将覆盖$.ajaxSetup()方法的全局设置。4.async:要求为Boolean类型的...
2022-03-09 19:41:20
809
原创 vue路由守卫有哪三种类型
vue中路由守卫一共有三种,分别为:全局路由守卫(全局前置守卫、全局后置守卫),组件内路由守卫,路由独享守卫(是在路由配置页面单独给路由配置的一个守卫)。路由守卫,也可以是路由拦截,我们可以通过路由拦截,来判断用户是否登录,该页面用户是否有权限浏览,需要结合meta来实现vue中路由守卫一共有三种,一个全局路由守卫,一个是组件内路由守卫,一个是router独享守卫所谓的路由守卫可以简单的理解为一座房子的门口的保安,想要进入这个房子就必须通过保安的检查,要告诉路由守卫你从哪里来?总不能随便陌生人就
2022-03-08 15:59:25
10193
原创 前端面试题整理
1.行内元素有哪些?块级元素有哪些?空元素有哪些?(1)行内元素有:a b span img input select strong(2)块级元素有: div ul ol li dl dt dd h1 h2 h4...p(3)常见的空元素:<br><hr>2.HTML5的离线存储怎么使用以及工作原理如何使用:(1)创建一个和 html 同名的 manifest 文件,然后在页面头部像下面一样加入一个manifest 的属性。<html lang="en"
2022-03-02 08:48:06
277
原创 js怎样添加、移除、移动、复制、创建和查找节点
(1)创建新节点var para=document.createElement("p"); //创建新的 <p> 元素var node=document.createTextNode("这是新段落。"); //创建了一个文本节点para.appendChild(node); //向 <p> 元素追加这个文本节点var element=document.getElementById("div1");//向一个已有的元素追加这个新元素element.appen...
2022-03-01 19:40:36
2991
原创 jQuery基础
js: 1、入口函数只有一个,window.onload浏览器兼容性:非常令人头疼,比如textContent虽然作为标准方法但是只支持IE8+以上的浏览器 DOM错综复杂,实现简单的效果很麻烦 代码容错性差,出错后导致后面的代码不执行jQuery: 1、市场占有率稳步上升,代码比较少,功能强大2、DOM比较强大,事件处理,完全解决了浏览器的兼容性问题3、ajax操作(比较好)(2)、什么是jQuery1、jQuery是一个JavaScript函数库。2、jQuery是...
2021-12-15 21:29:59
147
原创 js - 放大镜案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>放.
2021-12-14 20:35:17
662
原创 js - 贪吃蛇案例
<!DOCTYPE html><html lang="en"> <head> <meta charset="UTF-8" /> <meta http-equiv="X-UA-Compatible" content="IE=edge" /> <meta name="viewport" content="width=device-width, initial-scale=1.0" /> <tit.
2021-12-14 20:33:31
828
原创 js - 点赞案例
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=ds, initial-scale=1.0"> <title>Document<.
2021-12-14 20:32:02
970
原创 JS高级 - 正则表达式
正则表达式的定义正则表通常被用来检索、替换那些符合某个模式(规则)的文本正则表达式的作用给定的字符串是否符合正则表达式的过滤逻辑(匹配)可以通过正则表达式,从字符串中获取我们想要的特定部分(提取)强大的字符串替换能力(替换)正则表达式的特点灵活性、逻辑性和功能性非常的强可以迅速地用极简单的方式达到字符串的复杂控制常用元字符 元字符 说明 \d 匹配至少有一个数字 \D
2021-12-14 20:29:55
840
原创 JS-函数高级应用
1.函数的定义方式(1)、函数声明functionfn(){console.log('thisisafunction')}(2)、函数表达式varfn=function(){console.log('赋值表达式函数')}(3)、内置构造函数的形式varfn3=newFunction("num1","num2","returnnum1+num2");console.log(fn3(2,3));2.函数的调用方法(1)...
2021-12-12 21:41:39
127
原创 js高级-面向对象继承
目的:1、节省内存空间,2、实现数据共享原型链:实例与原型的链条称作原型链原型对象的constructor属性指向构造函数本身,让学生原型指向人的构造函数。原型的指向可以发生改变原型链最终指向了null构造函数继承call方法的作用1、函数名.call()可以实现函数的调用2.call()会改变this指向,如果没有参数this指向window3.call()会改变this指向,如果有参数this指向该参数Call方法实现继承4、call()会改变this指向,.
2021-12-10 19:15:44
473
原创 JS高级-面向对象
(1)对象是单个事物的抽象。一本书、一辆汽车、一个人都可以是对象,一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象,实物之间的关系就变成了对象之间的关系,从而就可以模拟现实情况,针对对象进行编程。(2)对象是一个容器,封装了属性(property)和方法(method)。属性是对象的状态,方法是对象的行为(完成某种任务)。比如,我们可以把动物抽象为animal对象,使用“属性”记录具体是那一种动物,使用“方法”表示动物的某种行为(奔跑、捕猎、休息等等)。面向对..
2021-12-10 18:55:53
129
原创 协议禁止按钮
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>协议.
2021-12-03 12:01:06
663
原创 天使飞跟着鼠标飞
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2021-12-03 11:59:52
744
原创 乾坤大挪移
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>乾坤.
2021-12-03 11:57:28
144
原创 动画以及封装
4.offset、client、scroll系列(1)、offset系列offsetLeft:获取元素距离最左边的距离:(1)、如果父元素没有定位,距离浏览器最左侧的距离(2)、如果父元素有定位,距离父元素最左侧的距离offsetTop:获取元素距离最上边的距离:(1)、如果父元素没有定位,距离浏览器最上侧的距离(2)、如果父元素有定位,距离父元素最上侧的距离offsetWidth:获取元素的宽度,包括border及以内,不包括marginoff...
2021-12-03 11:54:06
64
原创 tab切换
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>ta.
2021-12-02 20:32:46
171
原创 计时器/返回顶部/碰壁反弹/拖拽盒子
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>Do.
2021-12-02 20:31:36
117
原创 JS实现隔行换色/美女画廊
<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8"> <meta http-equiv="X-UA-Compatible" content="IE=edge"> <meta name="viewport" content="width=device-width, initial-scale=1.0"> <title>隔行.
2021-11-26 18:13:16
534
原创 JSAPI-属性操作与事件
鼠标事件 onmouseover:鼠标移入事件 onmouseout:鼠标移出事件 onmouseenter:鼠标进入事件 onmouseleave:鼠标离开事件 onfocus:获取焦点 onblur:失去焦点 onclick 单击事件 ondblclick:双击事件 键盘事件 onkeydown:键盘按下 onkeyup:键盘抬起 浏览器事件 onload:浏览器加载...
2021-11-26 18:07:32
314
空空如也
空空如也
TA创建的收藏夹 TA关注的收藏夹
TA关注的人