自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(56)
  • 收藏
  • 关注

原创 前端解析接口返回文档格式

【代码】前端解析接口返回文档格式。

2025-03-14 18:06:15 335

原创 json字符串转文件二进制

【代码】json字符串转文件二进制。

2025-03-13 15:31:40 175

原创 uniapp路由权限拦截守卫

中没有向vue中router的路由管理插件,官方提供uni.addInterceptor这个API去控制,这个方法可在进入到页面之前就拦截相应的跳转,就不存在在需登录页面加载展示之后再跳转到登录页面,操作如下。1、如果咱们用的自带的底部tabbar,tababr的跳转该拦截器是无法拦截,需要使用自定的底部tabbar,1、在uitls的文件夹下,新建permission.js文件。的文件中,引入permission.js文件并执行。

2024-10-22 09:52:42 757 2

原创 多行文本和单行文本溢出显示省略号

多行文本溢出显示省略号。单行文本溢出显示省略号。

2024-10-14 15:24:59 151

原创 js判断a数组中是否存在b数组数据 不存在a数组则push

【代码】js判断a数组是否存在b数组数据 不存在则push。

2024-09-05 16:31:24 610

原创 监听页面滚动到某个元素 设置入场动画

给要加动画效果的元素设置css样式 默认不显示。

2024-08-21 16:29:59 297

原创 ts定义变量语法

【代码】ts定义变量语法。

2024-08-13 14:57:01 180

原创 当文字长度大于6时,使用slice方法截取字符串并拼接省略号

【代码】当文字长度大于6时,使用slice方法截取字符串并拼接省略号。

2024-06-12 14:58:45 148

原创 Tooltip 文字提示限制宽

【代码】Tooltip 文字提示限制宽。

2024-01-09 10:21:49 1520

原创 HTLM canvas设置背景图片

【代码】HTLM canvas设置背景图片。

2023-12-19 11:35:34 763

原创 滚动条样式

【代码】滚动条样式。

2023-12-18 14:45:17 420

原创 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

原创 下载文件方法封装

/ 直接下载文件,仅适用于下载1M内的小文件,文件会在服务器端完全发送完毕之后、才会展示出下载提示,用户体验感极差。

2023-04-05 15:52:02 129

原创 前端工具he3

He3: Modern Developer Toolbox

2023-04-03 17:20:27 127

原创 vue3兄弟组件传参

【代码】vue3兄弟组件传参。

2022-09-23 10:45:59 136

原创 【ES6】es6数组中对象去重,数组对象去重方法总结---filter()与reduce()实践

数组对象去重

2022-06-29 16:00:17 235

原创 创建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关注的人

提示
确定要删除当前文章?
取消 删除