自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

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

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

2024-06-12 14:58:45 75

原创 Tooltip 文字提示限制宽

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

2024-01-09 10:21:49 789

原创 HTLM canvas设置背景图片

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

2023-12-19 11:35:34 587

原创 滚动条样式

【代码】滚动条样式。

2023-12-18 14:45:17 381

原创 git 回滚到指定版本

把你想回退的版本的commit id和最新版本的commit id记下来。然后用命令git reset --hard 老版本的commit id。再git reset --mix 最新版本的commit id。执行命令 进行本地回滚 并提交代码到 远程。记住当前版本 和 要回滚的旧版本号。再执行操作 push 到远程即可。再push 就ok了。

2023-07-03 11:07:49 1053

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

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

原创 下载文件方法封装

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

2023-04-05 15:52:02 88

原创 前端工具he3

He3: Modern Developer Toolbox

2023-04-03 17:20:27 70

原创 vue3兄弟组件传参

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

2022-09-23 10:45:59 95

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

数组对象去重

2022-06-29 16:00:17 190

原创 创建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 4855 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 632

转载 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 678

原创 vue路由守卫有哪三种类型

vue中路由守卫一共有三种,分别为:全局路由守卫(全局前置守卫、全局后置守卫),组件内路由守卫,路由独享守卫(是在路由配置页面单独给路由配置的一个守卫)。路由守卫,也可以是路由拦截,我们可以通过路由拦截,来判断用户是否登录,该页面用户是否有权限浏览,需要结合meta来实现vue中路由守卫一共有三种,一个全局路由守卫,一个是组件内路由守卫,一个是router独享守卫所谓的路由守卫可以简单的理解为一座房子的门口的保安,想要进入这个房子就必须通过保安的检查,要告诉路由守卫你从哪里来?总不能随便陌生人就

2022-03-08 15:59:25 9927

原创 前端面试题整理

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 198

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

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

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

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

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

原创 JS高级 - 正则表达式

正则表达式的定义正则表通常被用来检索、替换那些符合某个模式(规则)的文本正则表达式的作用给定的字符串是否符合正则表达式的过滤逻辑(匹配)可以通过正则表达式,从字符串中获取我们想要的特定部分(提取)强大的字符串替换能力(替换)正则表达式的特点灵活性、逻辑性和功能性非常的强可以迅速地用极简单的方式达到字符串的复杂控制常用元字符 元字符 说明 \d 匹配至少有一个数字 \D

2021-12-14 20:29:55 802

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

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

原创 JS高级-面向对象

(1)对象是单个事物的抽象。一本书、一辆汽车、一个人都可以是对象,一个数据库、一张网页、一个与远程服务器的连接也可以是对象。当实物被抽象成对象,实物之间的关系就变成了对象之间的关系,从而就可以模拟现实情况,针对对象进行编程。(2)对象是一个容器,封装了属性(property)和方法(method)。属性是对象的状态,方法是对象的行为(完成某种任务)。比如,我们可以把动物抽象为animal对象,使用“属性”记录具体是那一种动物,使用“方法”表示动物的某种行为(奔跑、捕猎、休息等等)。面向对..

2021-12-10 18:55:53 98

原创 协议禁止按钮

<!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 635

原创 天使飞跟着鼠标飞

<!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 711

原创 乾坤大挪移

<!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 96

原创 动画以及封装

4.offset、client、scroll系列(1)、offset系列offsetLeft:获取元素距离最左边的距离:(1)、如果父元素没有定位,距离浏览器最左侧的距离(2)、如果父元素有定位,距离父元素最左侧的距离offsetTop:获取元素距离最上边的距离:(1)、如果父元素没有定位,距离浏览器最上侧的距离(2)、如果父元素有定位,距离父元素最上侧的距离offsetWidth:获取元素的宽度,包括border及以内,不包括marginoff...

2021-12-03 11:54:06 42

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

原创 计时器/返回顶部/碰壁反弹/拖拽盒子

<!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 86

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

原创 JSAPI-属性操作与事件

鼠标事件 onmouseover:鼠标移入事件 onmouseout:鼠标移出事件 onmouseenter:鼠标进入事件 onmouseleave:鼠标离开事件 onfocus:获取焦点 onblur:失去焦点 onclick 单击事件 ondblclick:双击事件 键盘事件 onkeydown:键盘按下 onkeyup:键盘抬起 浏览器事件 onload:浏览器加载...

2021-11-26 18:07:32 285

原创 jsAPI DOM操作

文档:一个网页可以称为文档节点:网页中的所有内容都是节点(标签、属性、文本、注释等)元素:网页中的标签属性:标签(元素)的属性获取元素的方式:id获取元素:document.getElementById类名获取元素:document.getElementsByClassName标签名获取元素:document.getElementsByTagNamename名获取元素:document.getElementsByName选择器获取元素:querySelect...

2021-11-25 21:38:11 255

原创 JS-内置对象使用

内置对象:JS对象分为4种:内置对象、浏览器对象、自定义对象、DOM对象。Math对象:Math对象不是构造函数,它具有数学常数和函数的属性和方法,都以静态成员的方式提供。常用属性:Math.PI 圆周率常用方法:Math.random 生成随机数Math.floor() 向下取整Math.ceil() 向上取整Math.round() 取整,四舍五入Math.abs() 绝对值Math.ma...

2021-11-24 20:42:24 151

原创 JS-预解析、对象、错误

单线程:javaScript语言是单线程的区分线程和进程: 一个进程有多个线程浏览器是多进程的为什么JavaScript是单线程的?因为它同一个时间只能做一件事为什么JavaScript 不能有多个线程呢?javaScript 的单线程,与它的用途有关。作为浏览器脚本语言,JavaScript 的主要用途是与用户互动,以及操作 DOM。这决定了它只能是单线程,否则会带来很复杂的同步问题总结一句话:如果没有遇到条件或者循环,程序按照顺序从上往下依次执行定时器w.

2021-11-23 23:00:43 525

原创 JS-数组与函数

数组为什么要学习数组 数组能存储多个值数组的定义数组就是将多个元素(通常是同一类型)按一定顺序排列放到一个集合中,那么这个集合我们就称之为数组。字面量:一个固定的值通过数组字面量创建数组...

2021-11-22 22:23:07 108

原创 JS-流程控制

程序的三种基本结构顺序结构:从上到下执行的代码就是顺序结构(程序默认就是由上到下顺序执行的)分支结构:根据不同的情况,执行对应代码循环结构:重复做一件事情2.分支结构if语句if语句-只有当指定条件为true时,使用该语句来执行代码if...else语句-当条件为true时执行代码,当条件为false时执行其他代码if...elseif....else语句-使用该语句来选择多个代码块之一来执行语法格式:第一种if(/*条件表达式...

2021-11-21 17:29:12 237

原创 JS-变量、数据类型、运算

1、JavaScript的历史Netscape(网景)在最初将其脚本语言命名为LiveScript,是布兰登.艾克发明的。后来Netscape在与Sun合作之后将其改名为JavaScript。JavaScript最初受Java启发而开始设计的,目的之一就是“看上去像Java”,因此语法上有类似之处,一些名称和命名规范也借自Java。JavaScript与Java名称上的近似,是当时Netscape为了营销考虑与Sun微系统达成协议的结果。Java和JavaScript的关系就像张雨和张雨生的关系,只是名

2021-11-21 17:11:37 100

原创 CSS3弹性布局、响应式布局、PS

响应式Web设计-Viewport响应式布局是一个网站能够兼容多个终端 而不是为每个终端做一个特定的版本。优点:面对不同分辨率设备灵活性强能够快捷解决多设备显示适应问题缺点:兼容各种设备工作量大,效率低下代码累赘,会出现隐藏无用的元素,加载时间加长其实这是一种折中性质的设计解决方案,多方面因素影响而达不到最佳效果一定程度上改变了网站原有的布局结构,会出现用户混淆的情况什么是Viewportviewport是用户网页的可视区域。viewport翻译为中文可以叫做"视区"。设置

2021-11-21 17:00:08 237

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

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