自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 aes 加密 自己记录一下

摘要:该代码实现了基于CryptoJS库的AES加密解密功能,采用CBC模式和PKCS7填充方式。包含默认密钥和偏移量配置,提供Encrypt和Decrypt两个主要方法:Encrypt将UTF-8文本加密为十六进制大写字符串,Decrypt则将加密数据还原为原始文本。代码结构清晰,封装了AES加密的核心操作,适合用于前后端数据安全传输场景。

2026-03-14 12:18:32 18

原创 使用 better-scroll

本文介绍了如何在Vue3项目中使用better-scroll实现下拉刷新功能。首先通过npm安装better-scroll,然后在组件中导入并使用。在onMounted钩子中创建BScroll实例,配置pullDownRefresh参数设置下拉阈值和回弹位置。通过监听pullingDown事件处理刷新逻辑,最后调用finishPullDown()结束刷新状态,并调用refresh()更新滚动高度。该实现简洁高效,可快速为Vue3项目添加下拉刷新功能。

2026-01-17 14:32:50 120

原创 vue3中的图片懒加载

本文介绍了如何在Vue3项目中实现图片懒加载功能。首先通过npm或yarn安装vue3-lazyload插件,然后在main.ts文件中全局注册该插件,可配置加载中和加载失败的占位图。使用时只需在img标签中添加v-lazy指令并绑定图片URL即可。这种实现方式简单易用,能有效提升页面加载性能。

2026-01-08 16:22:12 146

原创 svn在拉取项目时报错An error occurred during SSL communication

SSL通信错误解决方案:当SVN客户端因TLS协议版本不匹配(服务器仅支持TLS1.0/1.1,客户端要求1.2/1.3)导致握手失败时,可通过降级SVN版本来解决。具体操作是下载TortoiseSVN历史版本(如1.7.8),安装后即可正常连接服务器并拉取项目。该方法适用于新版客户端与旧服务器不兼容的情况。

2025-11-13 13:30:39 842

原创 js的短路逻辑的使用

此外,现代编译器在处理这种带有短路求值语义的条件表达式时,通常是采用“控制流”法来实现的。在实际编程中,灵活使用短路逻辑可以帮助提高代码的效率和可读性。在JavaScript中,短路逻辑是一种运算方式,它根据表达式的真假值来决定是否继续计算后续的表达式。需要注意的是,只有在确定整个表达式的结果时,才会应用这种短路策略。例如,在&&运算中,只有当所有表达式都为。同样地,在||运算中,只要有一个表达式为。反之,只要存在一个表达式为。只有当所有表达式都为。

2023-12-06 15:23:16 209 1

原创 react-redux简单的使用以及示例

最后将Provider 引入到主应用中,别忘记将 store引入并且当做参数传入。然后,我们在React组件中使用。

2023-12-05 15:04:12 233

原创 Mobx的简单使用

Mobx是一个用于状态管理的JavaScript库,它可以帮助你管理应用程序中的可观察状态,并自动追踪状态的变化以及相应的副作用。然后在store文件夹下面新建一个index.js内容如下。下一步新建store.count.js.名字可以自己定义。将上面创建的js引入进来。

2023-12-04 13:24:57 198

原创 vscode中react自动补齐标签设置

最后一步重启vscode就可以了。第三步点击图中的JSON文件。第四步添加代码片段并保存。第一步:首先打开设置。

2023-11-10 16:56:30 597 1

原创 js将表格的内容转化成csv 并导出下载

【代码】js将表格的内容转化成csv 并导出下载。

2023-07-25 09:55:05 647

原创 js提升性能

记录一下

2023-03-07 17:10:14 105

原创 多行文本框获取行数

之前在网上找的都是只能监听回车换行,如果是文字自动撑起换行的监听不到,试了很多办法。这篇文章用来记录工作中遇到的问题。监听多行文本框是否超过三行。话不多说 上代码吧。

2022-08-26 14:15:29 1028

原创 ES5和ES6新特性

ES51、 严格模式(use strict)这种模式,使得JavaScript在更严格的语法条件下运行:(1)变量必须使用var声明;(2)禁止自定义的函数中的this指向window(3)创建 eval 作用域即为块级作用域(4)对象不能有重名的属性use strict可以在脚本或者函数开头声明,分别具有全局和函数作用域。2、 增加JSON对象JSON.stringify(obj/arr);JSON.parse(json);3、 扩展了数组Array

2022-02-12 20:04:35 1339

原创 JavaScrip中的闭包

只有函数内部的子函数才能读取局部变量,所以闭包可以理解成“定义在一个函数内部的函数“。在本质上,闭包是将函数内部和函数外部连接起来的桥梁。”代码function a(){var i=0;function b(){alert(++i);}return b;}var c=a();c();特点这段代码有两个特点:1、函数b嵌套在函数a内部;2、函数a返回函数b。这样在执行完var c=a( )后,变量c实际上是指向了函数b,再执行c( )后就会...

2022-02-12 19:49:17 140

原创 关于面向对象

面向对象的三大特征1.封装封装的概念;封装是指隐藏对象的属性和实现细节,仅对外提供公共访问方式封装的好处隐藏实现细节,提供公共的访问方式,提高了代码的复用性,提高安全性2.继承继承就是在一个已有类的基础上派生出新类(例如动物类可以派生出狗类和猫类),子类继承父类的特征和行为,使得子类对象(实例)具有父类的实例域和方法,或子类从父类继承方法,使得子类具有父类相同的行为3.多态继承就是在一个已有类的基础上派生出新类(例如动物类可以派生出狗类和猫类),子类继承父类的特征和行为,

2022-02-12 19:43:25 914

原创 GitHub常用的命令

git init 新建一个空的仓库git status 查看状态git add . 添加文件git commit -m '注释' 提交添加的文件并备注说明git remote add origin 仓库地址连接远程仓库git push -u origin master 将本地仓库文件推送到远程仓库git log 查看变更日志git reset --hard 版本号前六位 回归到指定版本git branch 查看分支git branch newname 创建一个叫newname的分支git checkout.

2022-02-12 16:06:36 180

原创 什么是响应式布局?

一、什么是响应式布局? 通俗来说,响应式布局就是做一个网站同时能兼容多个终端,由一个网站转变成多个网站,为我们大大节省了资源。二、响应式布局的优点和缺点有哪些呢? (1) 优点 :1. 面对不同分辨率设备灵活性强          2. 能够快捷解决多设备显示适应问题 (2) 缺点 :1.不能完全兼容所有浏览器,代码累赘,会出现隐藏无用的元素,加载时间加长           2. 一定程度上改变了网站原有的布局结构,会出现用户混淆的情况。...

2022-02-11 23:36:14 3549

原创 关于媒体查询

1.什么是媒体查询,如何理解?  就是根据不同的屏幕或设备,自适应布局。一套代码,多个设备应用,合理布局。2.使用:如何实现一个网站的响应式设计?  1》meta标签    在网页的头部添加这行代码   <meta content="width=device-width,initial-scale=1.0,maximum-scale=1.0,user-scalable=no" name="viewport">  其中:width=device-width: 网页宽度等于.

2022-02-11 23:30:18 290

原创 关于弹性布局

1,什么是弹性布局?弹性布局(flex container),页面中任何一个元素只要设置了display:flex属性,那么当前盒子都称为弹性盒子。弹性盒子默认有两条轴: 默认水平显示的主轴 和 始终要垂直于主轴的侧轴(也叫交叉轴),在弹性盒子中所有的子元素都是沿着主轴方向显示。2.什么情况下使用弹性布局?(1)在网页中当遇到需要将父元素按照奇数进行等分,如果用流式布局那么就需要设置33。33%。如果用弹性布局只需要给每一个子元素设置一个属性flex:1即可快速实现。(2)当我们需要页面中多

2022-02-11 23:22:28 2549

原创 什么是盒子模型?

什么是盒子模型?把所有的网页元素都看成一个盒子,它具有:content,padding,border,margin四个属性,这就是盒子模型。盒子模型有两种形式:标准盒子模型,怪异盒子模型首先,两种模式可以利用box-sizing属性进行自行选择:  标准模式:box-sizing:content-box;  怪异模式:box-sizing:border-box;两种模式的区别:  标准模式会被设置的padding撑开,而怪异模式则相当于将盒子的大小固定好,再将内容装入

2022-02-11 22:26:51 355

原创 route和router的区别

router为VueRouter的实例,相当于一个全局的路由器对象,里面含有很多属性和子对象,例如history对象。。。经常用的跳转链接就可以用this.$router.push,和router-link跳转一样route相当于当前正在跳转的路由对象。。可以从里面获取name,path,params,query等。。打印this.$route和this.$router。路由传参的方式1.可以手写完整的path:this.$router.push({path:`/user/${u..

2022-02-10 18:00:39 315

空空如也

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

TA关注的人

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