- 博客(42)
- 问答 (1)
- 收藏
- 关注
原创 前端-导出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
原创 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
原创 前端依赖-时间管理工具(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
原创 前端-Git
Git分支是在Git版本控制系统中用于并行开发和管理不同功能或版本的代码的重要概念。分支可以让开发者在不影响主线代码的情况下,独立地进行开发、测试和修改。在Git中,主要的分支是master(或main)分支,它包含了项目的主要代码。除了主分支外,开发者可以创建其他分支,比如feature分支用于开发新功能,bugfix分支用于修复bug,release分支用于发布版本等。分支的优势在于它能够提供一种安全的方式来进行并行开发,避免了直接在主分支上进行修改可能带来的风险。
2024-11-26 16:53:13
980
原创 前端-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
原创 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
原创 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
原创 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
原创 web轮播图,非常全面(节流,防抖,自动播放,点击播放,圆点跟踪活跃)
【代码】web轮播图,非常全面(节流,防抖,自动播放,点击播放,圆点跟踪活跃)
2024-08-21 01:07:14
229
原创 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
原创 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关注的人