自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+
  • 博客(42)
  • 问答 (1)
  • 收藏
  • 关注

原创 前端-css(预编译器sass)

全局变量与局部变量@mixin和。

2025-03-04 15:09:08 610

原创 前端-导出png,jpg,pptx,svg

两款比较主流的截图工具dom-to-image该库自 2020 年后基本处于维护状态,更新频率较低。这意味着它可能不会再添加新的功能,更多是对现有问题进行修复。:html-to-image是dom-to-image的一个分支,它继承了dom-to-image的核心功能,并且持续保持更新。开发者会不断添加新特性、优化性能和修复已知问题,社区活跃度相对较高。安装与引用//安装//引入//安装//引入htmlToImage主要的方法有:将节点转化为png格式的图片。

2025-02-10 12:56:55 898

原创 前端-Rollup

rollup优点:缺点:应用程序:webpack 库/框架:rollup。

2025-01-29 23:50:06 875

原创 JavaScript-正则表达式方法(RegExp)

RegExp对象用于将文本与一个模式匹配。有两种方法可以创建一个RegExp对象:一种是字面量,另一种是构造函数。字面量由斜杠(/)包围而不是引号包围。构造函数的字符串参数由引号而不是斜杠包围。

2025-01-18 00:20:33 1974

原创 JavaScript-异步方法(Promise)

Promise 实例的 catch() 方法用于注册一个在 promise 被拒绝时调用的函数。它会立即返回一个等效的 Promise 对象,这可以允许你链式调用其他 promise 的方法。与promise.all相反,只要参数中有一个Promise实例化对象的状态为fulfilled,则整体结果就是fulfilled,只有当所有Promise实例对象都是rejected,结果才是rejected。它立即返回一个等效的 Promise 对象,允许你链接到其他 Promise 方法,从而实现链式调用。

2025-01-13 00:12:05 517

原创 前端-计算机网络篇

每一条TCP连接有两个端点.比如在电脑分别用谷歌和火狐浏览器登录B站,B站则需要把内容发给两个不同的应用进程,那么除了IP地址以外还需要端口号才能保证内容不会错发给应用进程,在访问B站的时候浏览器会自动给我添加端口号443(HTTPS),然后电脑中会给不同浏览器分配不同的端口号.这样进行连接就会像"管道"一样特定进行传输.那么。当SYN=1而ACK=0时,表明这是一个连接请求报文段.若对方同意建立连接,则在响应的报文段中使用SYN=1和ACK=1.因此SYN置为1就表示这是一个连接请求或者连接接受报文.

2025-01-04 23:36:38 1351 2

原创 JavaScript-对象方法(Object)

只要现有属性的值是可写的,它们仍然可以更改。被冻结的对象不能再被更改:不能添加新的属性,不能移除现有的属性,不能更改它们的可枚举性、可配置性、可写性或值,对象的原型也不能被重新指定。静态方法返回一个对象,该对象描述给定对象上特定属性(即直接存在于对象上而不在对象的原型链中的属性)的配置。方法返回一个布尔值,表示对象自有属性(而不是继承来的属性)中是否具有指定的属性。静态方法会直接在一个对象上定义一个新属性,或修改其现有属性,并返回此对象。静态方法直接在一个对象上定义新的属性或修改现有属性,并返回该对象。

2025-01-02 11:14:00 968

原创 微涉全栈(react,axios,node,mysql)

纯小白从前端跨域发起axios get请求获取数据。//nodejs部分。

2024-12-26 17:34:12 519

原创 前端依赖-时间管理工具(moment.js)详细使用文档

console.log('开始时间:'+start_date.format('YYYY-MM-DD HH:mm:ss'))console.log('结束时间:'+end_date.format('YYYY-MM-DD HH:mm:ss'))console.log('这是从今年的第'+moment().weeksInYear()+'周')console.log('本月有'+moment().daysInMonth()+'天')d 星期中的第几天,数字表示 0到6,0表示周日,6表示周六。

2024-12-17 09:55:14 760

原创 前端-自定义Ant Design 表格(可编辑表格)

let [count,setCount]=useState(2)//每一行都有独立的的key。console.log('收集的选中行:'+selecteddatarowkeys)我们需要利用已经定义好的rowSelection收集选中行的key。//利用扩展运算符将新增数据拷贝到原数据实现新增。//去除data当中包含选中行的rowkeys。//设置禁用行,我们默认为第一行。

2024-12-14 15:43:00 1698

原创 JavaScript-字符串方法(String)

它可以接受一个可选的参数指定搜索的起始位置,如果找到了指定的子字符串,则返回的位置索引大于或等于指定的数字。我们也可将字符串常用的操作方法归纳为增、删、改、查,需要知道字符串的特点是一旦创建了,就不可变,所以操作都不会改变原来的字符串。填充是从当前字符串的开头开始的。方法会从字符串的两端移除空白字符,并返回一个新的字符串,而不会修改原始字符串。方法会从字符串的开头移除空白字符,并返回一个新的字符串,而不会修改原始字符串。方法会从字符串的结尾移除空白字符,并返回一个新的字符串,而不会修改原始字符串。

2024-12-13 14:40:43 1035

原创 数据库-mysql(基本语句)

演示工具:navicat 连接:mydb。

2024-12-05 09:55:19 722

原创 前端node.js

官网解释:Node.js 是一个开源的、跨平台的 JavaScript 运行时环境。

2024-11-27 11:43:39 1054

原创 前端-Git

Git分支是在Git版本控制系统中用于并行开发和管理不同功能或版本的代码的重要概念。分支可以让开发者在不影响主线代码的情况下,独立地进行开发、测试和修改。在Git中,主要的分支是master(或main)分支,它包含了项目的主要代码。除了主分支外,开发者可以创建其他分支,比如feature分支用于开发新功能,bugfix分支用于修复bug,release分支用于发布版本等。分支的优势在于它能够提供一种安全的方式来进行并行开发,避免了直接在主分支上进行修改可能带来的风险。

2024-11-26 16:53:13 980

原创 JavaScript-数组方法(Array)

Javascript数组方法(静态方法,实例方法)

2024-11-22 17:45:27 902

原创 前端-react(class组件和Hooks)

Hooks 是 React 16.8 版本引入的一项功能,它的目的是为了让函数组件也能够拥有状态和生命周期控制的能力,同时减少代码的冗余和复杂性。JSX并不是标准的JS语法,是JS的扩展语法,浏览器本身不能不能识别,需要通过解析工具(BABEL)做解析之后才能在浏览器中运行.概念:一个组件就是用户界面的一部分,可以有自己的逻辑和外观,组件之间可以互相嵌套,也可以多次复用.子组件只能读取props中的数据,不能直接进行修改,父组件的数据只能父组件修改.属性 的 ref 对象,并初始化为你提供的 初始值。

2024-11-21 14:35:22 1106

原创 MongoDB新版本安装配置教程(7.0.15版本-zip下载)

找了半天MongoDB新版本怎么解决没有mongo命令,都没有很好的解决方法。最后在shell目录下的bin cmd执行mongosh即可。然后手动创建 data 和 log 两个文件夹。在data的目录下,创建一个。然后再系统变量配置环境变量。

2024-11-14 20:57:28 703

原创 前端-同源与跨域

两个网站协议名、域名、端口号有一个不同就是非同源,就是跨域。跨域问题就是浏览器的同源策略造成的。同源是指协议名、域名、端口号 必须完全一致!http 默认端口号是80,https 默认端口号是443。

2024-11-07 19:24:43 656

原创 前端三件套-css

ul li{后面的后代标签都会生效1也会生效

2024-11-07 12:14:20 1270

原创 javascript toString()方法全面解析

javascript中定义了7种数据类型,其中包含了6种原始的数据类型:Boolean Null Undefined Number String Symbol(ECMAScript 6 新定义)和 Object,在这7中数据类型中,除了undefined和null类型之外,都有toString方法。[object。

2024-10-22 16:23:51 452

原创 前端算法合集-2(含面试题-美团一面)

下面看一个示例回顾和理解concat(concat方法作用使用该方法的时候,它会创建一个当前数组的副本,然后将接受到的参数添加到该数组的末尾。①利用tostring()和split()主要考察的就是数组扁平化,由浅入深吧。②利用es6 flat()ok,现在来练习力扣。

2024-10-21 22:09:27 338

原创 Deprecation Warning: The legacy JS API is deprecated and will be removed in Dart Sass 2.0.0.

解决办法:在vite.config.js里增加:css: {scss: {},

2024-10-07 18:08:07 667

原创 前端vue3-实现类似扫雷的随机炸弹出现(保证随机数的唯一)

/先执行再判断保证随机数的唯一。//保证随机数的唯一。}//生成格子(盒子数量)

2024-09-27 10:09:17 281

原创 web前端(本地存储问题超过5MB不继续保存解决办法)

解决办法:取消使用pinia-plugin-persistedstate持久化插件,使用localforage,pinia库正常开启persist: true。及时使用pinia进行持久化存储,存入localstorage仍然会有超过5MB就不再处理保存的问题。

2024-09-26 11:34:50 573

原创 vue3结合 vue-router和keepalive实现路由跳转保持滚动位置不改变(超级简易清晰)

vue3结合 vue-router和keepalive实现路由跳转保持滚动位置不改变

2024-09-26 11:09:19 838

原创 vue3封装计时器

首先我是以秒来做单位,那我理清一个时间转换。

2024-09-08 15:53:37 753

原创 web前端-ios开发 rem media解决兼容版本大小

* iPhone XR 和iPhone X*,iphone 14 Pro Max,iphone 6/7/8plus*//* iPhone SE 和iPhone X,iPhone 12 pro*,iphone 6/7/8*/

2024-09-05 16:09:47 611

原创 web前端 ios性能问题

* 兼容 iOS >= 11.2 */// /*系统默认菜单被禁用*//*webkit浏览器*/1.禁止用户拖拽标签。2.禁止用户选择标签。

2024-09-05 09:35:06 194

原创 原创javascript-todos(超全易理解)

【代码】原创javascript-todos(超全易理解)

2024-08-31 13:59:30 196

原创 web轮播图,非常全面(节流,防抖,自动播放,点击播放,圆点跟踪活跃)

【代码】web轮播图,非常全面(节流,防抖,自动播放,点击播放,圆点跟踪活跃)

2024-08-21 01:07:14 229

原创 前端笔试测试题-三色块(利用js jquery vue实现自动播放)

题目:global.css文件我放在后面了。

2024-08-15 20:01:17 221

原创 web前端-实现全屏和刷新

很简单的实现,抓住document.fullscreenElement返回的内容就好了。

2024-08-14 21:39:11 190

原创 vue3+scss+axios,ajax,promise

原生事件:事件名是特定的(clickmosueenter等等)事件对象$event: 是包含事件相关信息的对象(pageXpageYtargetkeyCode自定义事件:事件名是任意名称事件对象$event: 是调用emit时所提供的数据,可以是任意类型!!!vue3中利用defineEmits方法返回函数触发自定义事件,不需要引入直接使用.

2024-08-13 15:17:12 1354

原创 css-图形变换-transform(超级详细讲解)

deg)是以X为轴进行旋转,例如 transform:rotateX(90deg);px):个人的理解就是在目标位置上实现沿着坐标轴三个方向移动,对于Z轴我们学数学也学到过对于立体图像才讨论,在于html当中,z轴方向是面向我们为正的,所以对于3D目标渲染才会看到效果变换.deg)的效果,容易记忆就是skewX(+?)来说就像我画的坐标轴x是对于横向而言,对于渲染目标来说则是对于宽度进行渲染变换.)则是对于高度进行渲染变换.,scaleZ(?

2024-07-17 09:50:15 410

原创 最新小米商城(html+css)

这时候我们则可以利用::after和::before,这两个伪元素相当于是对当前元素的装潢,他们并不是节点,不会出现在dom树中,但是在显示上具备节点的效果。很多时候在设计中我们需要“|”进行分割样式,没有实际的意义,例如对li元素,而他所在的li元素仅是为了装饰,本是不应该被创建在文档内的。nth-child(-n+3){ 选取前三个元素生效} 因为例如本实例有六个元素(0-5)选择第四个元素-3+3=0 无效选择。注意:在实现nav-bar-list我只是设置了前几个作为样例,后面为了方便设置为重复。

2024-06-24 04:38:45 681

原创 vscode快捷方式-多行相同标签内添加相同子标签

步骤二:按住alt选中需要添加span标签的每一行的<步骤三:将光标移动到需要添加的空白处即向左移动光标。我需要实现在a标签li标签之内添加span标签。步骤1:点击需要添加位置的后一位置,此处即为<步骤四:输入span标签回车即可。

2024-06-17 02:04:43 581

原创 前端三件套-HTML

input type="text" placeholder="邮箱/手机号码/小米ID">标签控制行 标签控制列(单元格) 内嵌在中使用。-- 文档的节 -->

2024-06-07 01:39:53 720

原创 小白web前端之旅-vscode基本操作

右键open in default browser 会快速打开浏览器

2024-06-06 14:15:29 405

原创 linux操作系统 -实验七 shell编程

shell编程

2024-05-11 16:35:05 555 1

原创 linux操作系统 -实验五 文件系统管理及使用

(说明:开始分区后输入n,新增分区——>输入p,选择分区类型为主分区——> selected partition (1-4, 默认为1),数字是几就会分几个区,此处可以设置为1——>两次回车默认剩余全部空间——>输入w,写入分区并退出,若不保存退出则输入q。重启 ($ reboot) 后,系统才能识别新增的硬盘,再执行命令$ lsblk,出现sdb,但没有分区,也没有mountpoint。 修改filesystem,将UUID改为sdb1的UUID(不记得UUID也可以用设备名,即/dev/sdb1);

2024-05-11 16:26:10 1062 1

空空如也

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

TA关注的人

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