自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

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

原创 前端解决使用input框的自动填充和浏览器缓存密码问题

前端解决使用input 框的自动填充和浏览器缓存密码问题

2023-09-19 17:08:10 2572

原创 vue配置代理

vue配置代理

2023-09-05 14:05:23 940

原创 前端遇到困扰怎么办?10年前端在线帮您解决问题,只需一杯下午茶

10年前端在线帮您解决问题,只需一杯下午茶

2023-08-25 11:03:10 200

原创 【nodejs】TypeError: expressJwt is not a function

如果在代码中导入了错误的模块或对象,也会出现“expressJwt is not a function”的错误。如果配置错误,也会导致“expressJwt is not a function”的错误。是Express版本和express-jwt的版本不兼容的可能比较大,因为这两个版本都是安装最新版本的,很可能会出现这个问题,通过尝试修改版本并解决了报错问题。如果您使用的是较旧的Express版本,可能会出现与express-jwt不兼容的情况。请确保您的Express版本与express-jwt兼容。

2023-06-27 15:04:24 1679 2

原创 vue3按需使用Element Plus

vue3按需使用Element Plus:现在你可以在 Vue 3 的组件中使用 ElementUI-Plus 的组件了。在这个例子中,我们只引入了 ElButton 和 ElInput 两个组件作为示例。你可以根据自己的需要引入其他组件。

2023-06-16 17:39:16 1670

原创 js代码扫描“refactor this function to reduce its cognitive complexity from 44 to the 15 allowed”,这个该怎么修复

js代码扫描“refactor this function to reduce its cognitive complexity from 44 to the 15 allowed”,这个该怎么修复:如何具体修复函数的认知复杂度取决于函数本身的业务逻辑和代码结构。提取重复逻辑:检查函数是否包含重复的代码块,如果有的话,将它们提取为独立的函数或工具函数,用于复用。避免重复的代码可以提高代码的可维护性和可读性。拆分函数:将大函数拆分成多个较小的函数...

2023-06-15 17:05:00 1531

原创 对vue3新特性Tree-Shaking进行详细介绍

对vue3新特性Tree-Shaking进行详细介绍:在 Vue 3 项目中,通常使用 webpack 进行构建。使用 webpack 4 及以上版本,因为 Tree-Shaking 功能更强大且更高效。确保在生产环境中设置 mode: ‘production’,以启用生产模式下的优化功能。

2023-06-15 14:32:55 1873

原创 移动端 H5中,1px 问题和响应式布局

【移动端 H5中,1px 问题和响应式布局】使用像素单位并应用 transform 进行缩放:通过定义一个细线的伪元素,然后使用 scale 属性对其进行缩放,可以实现真实的 1像素线条效果。使用 meta 标签设置 viewport:通过设置 可以避免页面缩放,使得 1 像素线条能够更加准确地表现。

2023-06-15 13:54:22 1822

原创 为什么给手机链接的wifi设置了代理之后不可用

为什么给手机链接的wifi设置了代理之后不可用?网络防火墙限制:某些网络环境中,特别是在企业或学校的网络中,可能会设置了严格的防火墙规则,限制了外部代理服务器的访问。这可能导致通过代理的 Wi-Fi 连接无法正常工作。综上所述,华为手机设置代理后无法使用 Wi-Fi 的原因可能是配置错误、代理服务器问题、网络防火墙限制或设备安全策略限制等。安全策略限制:某些手机设备可能具有安全策略,例如企业管理策略或安全软件等,可以禁止或限制使用代理服务器,以保护数据安全和隐私。如果是受限于设备的...

2023-06-14 18:30:37 4660

原创 nvm的使用(2023)

nvm 是 Node.js 的版本管理工具,可以让你在同一台机器上同时安装多个版本的 Node.js,并且非常容易地在不同的项目中切换使用 Node.js 的版本,方便进行开发和测试。nvm 支持在 Linux/MacOS/Windows 系统上运行。使用 nvm 可以方便地安装、卸载、切换和管理 Node.js 版本,并且自带 npm 包管理器。有了 nvm,你可以针对每一个项目选择使用合适的 Node.js 版本,避免由于版本不兼容导致的兼容性问题,也可以方便地在项目之间切换,提高开发效率和体验。

2023-06-07 17:42:57 125

原创 微信小程序的mockData(模拟数据)怎么建立和使用?

微信小程序的mockData(模拟数据)怎么建立和使用?需要注意的是,使用 MockData 前需要确认其可以真实模拟后端返回的数据格式及状态码,并在开发完成后及时切换为真实接口后端服务来保证用户体验和数据准确性。在小程序根目录下创建 mock 文件夹,并在此文件夹中创建对应的数据文件,例如:mock/demo.json。编辑数据文件,格式需满足 JSON 格式规范,包含需要模拟的接口数据信息。

2023-06-05 16:56:09 1850

原创 公众号怎么关联小程序?

公众号怎么关联小程序?在公众号图文消息编辑页面,新建一篇文章,然后点击“插入小程序”按钮,在弹窗中选择要插入的小程序,并填写小程序卡片的标题和描述信息。在微信公众平台的“自定义菜单”页面中,选择“小程序”,然后输入小程序的 AppID 和小程序的名称即可创建小程序入口。用户在访问公众号菜单时,就可以点击菜单上的小程序入口,直接跳转到对应的小程序页面。需要注意的是,为了保证用户的流畅体验,小程序应尽量与公众号内容相关,且小程序页面加载速度和用户体验也需要优化,以提高用户的粘性和使用黏度。

2023-06-05 16:16:13 1387

原创 谷歌浏览器截长图的方法

谷歌浏览器截长图的方法

2023-05-23 17:58:23 185

原创 git分支改名字

git分支改名字

2023-05-22 10:35:31 1334

原创 【vue3常见报错7】Uncaught TypeError - xxx is not a constructor

【vue3常见报错7】Uncaught TypeError - xxx is not a constructor

2023-05-19 15:44:12 2568

原创 【vue3常见报错5】Uncaught (in promise) TypeError: xxx is not a function

【vue3常见报错5】Uncaught (in promise) TypeError: xxx is not a function:检查是否正确导入函数或模块。确认传递参数的类型和数量与函数定义相匹配。确认参数值不为null或undefined。

2023-05-19 15:43:30 10489

原创 【vue3常见报错6】TypeError: Cannot read property ‘xxx‘ of undefined/nul

【vue3常见报错6】TypeError: Cannot read property 'xxx' of undefined/nul

2023-05-19 15:43:21 312

原创 【vue3常见报错4】Vue warn

【vue3常见报错4】Vue warn

2023-05-19 15:41:21 557

原创 【vue3常见报错3】yntaxError: Unexpected token ‘<‘

【vue3常见报错3】yntaxError: Unexpected token '

2023-05-19 15:40:17 1470

原创 【vue3常见报错2】Uncaught ReferenceError: xxx is not defined

【vue3常见报错2】Uncaught ReferenceError: xxx is not defined

2023-05-19 15:39:53 1437

原创 【vue3常见报错1】TypeError: Cannot read property ‘xxx‘ of null/undefined

【vue3常见报错1】TypeError: Cannot read property 'xxx' of null/undefined:确认变量已声明并正确初始化。确认DOM元素已正确加载,避免在生命周期钩子函数中访问未完全加载的元素。

2023-05-19 15:36:28 1579

原创 细述vue2和vue3的区别

细述vue2和vue3的区别:总之,Vue 3较Vue 2.x在响应式系统、组件底层实现、额外功能以及构建工具方面都有了一些改进和提高,从而更加体现Vue主张的简洁、灵活、高效和易用的开发方式,为Vue开发者带来更好的使用体验。

2023-05-19 15:30:36 217

原创 手动实现JSONP

手动实现JSONP:在上述代码中,前端代码定义了一个名为handleData的回调函数,用于接收服务端返回的数据。使用JSONP技术时,前端代码会生成一个动态的script标签,并在链接中附带需要获取的数据及回调函数名称等参数,然后将该script标签插入到页面中,以触发跨域请求并获取数据。在前端代码中定义一个动态的script标签,设置其src属性为服务端接口的URL地址,并在链接中添加callback参数,值为第一步定义的回调函数名称。在前端代码中定义一个回调函数,用于接收服务端返回的数据。

2023-05-18 15:34:39 255

原创 前端回溯算法

前端回溯算法:上述代码首先定义了一个backtrack函数,其中str为待拆分字符串,path为当前拆分路径,result为结果列表。在backtrack函数中,当字符串str为空时,说明当前路径已经拆分完成,则将当前路径加入到结果列表中,并且返回到上一层递归。例如,对于字符串"abc",输出包括{“a”, “b”, “c”}, {“a”, “bc”}, {“ab”, “c”}和{“abc”}四个拆分结果。对于每个字符,在枚举所有可能的划分位置时,先获取前缀,将其加入到当前路径中,然后递归处理剩余部分。

2023-05-18 11:08:50 89

原创 iscroll.js的使用

iscroll.js的使用:需要注意的是,在使用 iScroll 库时,需要根据实际需求灵活配置相关参数,以达到最佳的滚动效果和性能。同时还要小心处理多个滚动容器之间的联动问题,避免出现不必要的交叉滚动或其他问题。iScroll 是一个实现弹性滚动效果的 JS 库,适用于 Web 和移动平台。它可以实现各种方向的、滚动容器之间的联动等复杂的滚动场景。

2023-05-15 14:38:01 347

原创 vue实现滚动触发

vue实现滚动触发:在上述示例代码中,如果监听到滚动事件后,先将 scrollTop 变量更新为当前的滚动位置,然后利用防抖函数来实现滚动结束时再执行回调函数的效果。需要注意的是,在开发和调试过程中,要小心处理滚动事件的频率和效率问题,避免在大量滚动时导致页面卡顿或出现其他不必要的问题。在 Vue 中,可以通过监听滚动事件来实现滚动触发的效果。在需要监听滚动事件的元素中添加一个 scroll 事件的监听器。在对应的组件中定义 handleScroll() 方法。

2023-05-15 14:18:22 2477

原创 微信小程序支付wx.requestPayment()使用

微信小程序支付wx.requestPayment()使用:需要注意的是,在编写代码和调试过程中,需要遵循微信支付文档,并确保传递的各项参数、签名算法等配置正确无误,以免造成不必要的麻烦。同时还可以通过查看日志、打印输出等方式加深对支付流程和细节的理解。wx.requestPayment() 是微信小程序中用于发起支付请求的 API。调用该 API 后,用户会打开微信支付的界面进行支付操作。在调用 wx.requestPayment() 方法前需要确保经过微信支付开户和开通了相应的支付授权。

2023-05-15 11:29:53 4845

原创 移动端H5网页邮箱注册登录

移动端H5网页邮箱注册登录:需要注意的是,邮箱注册和登录需要进行邮箱地址格式的验证,并加入一定的安全机制,例如登录后需要增加有效期或者使用token机制来保证安全。另外,对用户密码进行加密处理也是非常必要的。

2023-05-09 17:24:16 1006

原创 移动端h5页面微信一键登录

在移动端的 H5 页面中,微信一键登录是一种常见的方式,可以方便地让用户使用已有的微信账号进行登录,并且提高用户的使用效率和体验。

2023-05-09 16:41:21 6175 5

原创 h5页面如何滑动页面不触发华为浏览器默认滑动

h5页面如何滑动页面不触发华为浏览器默认滑动?华为浏览器的默认滑动行为是基于内核实现的,很难彻底屏蔽或禁用。

2023-05-09 15:52:11 860

原创 vite预渲染怎么实现

vite预渲染怎么实现?预渲染文件只是在构建时生成的静态 HTML 文件,将这些文件放置在服务器上供用户请求时直接访问。预渲染后的 HTML 文件不需要再依赖 JavaScript 去渲染页面,它已经包含了预处理后的 HTML、CSS 和 JS 等信息,可以直接在浏览器中打开预渲染文件,即可看到完整的网页内容和结构。因此,预渲染文件也被称为静态 HTML 文件。

2023-05-08 18:06:53 2043 6

原创 js实现二级联动(包括js、vue、react+ts、vue3+ts的写法)

js实现二级联动(包括js、vue、react+ts、vue3+ts的写法)

2023-05-08 14:18:33 1293

原创 js上传图片base64

js上传图片base64,上述代码监听 标签的 change 事件,当用户选择了要上传的图片之后,就会触发回调函数,利用 FileReader 对象将图片转成 base64 编码字符串,并在页面上显示图片预览。需要注意的是:base64 编码的图片比较大,可能会造成网络负担增加和传输时间延长,另外对于大尺寸或高像素的图片,在客户端内存中处理时也可能会出现性能问题,因此需要根据具体需求进行优化。使用 JavaScript 将图片转成 base64 编码的格式,可以通过 FileReader 对象实现。

2023-05-08 10:58:19 783

原创 JS上传图片流

使用 JavaScript 将图片上传到服务器,有两种处理方式:FormData 和 FileReader。

2023-05-08 10:55:36 1456

原创 如何解决前端上线之后,用户所在页面不刷新也会自动更新

当前所在页面不刷新会出现其他页面已经更新但当前页面没有更新的情况。这种情况下,通常需要通过前端代码来处理。一种解决办法是在前端代码中,添加一个定时器,定期去检查后台服务是否有更新。如果检测到新版本,可以使用 JavaScript 程序重新加载相应的资源,让用户可以获得新内容。

2023-05-08 10:01:38 2477

原创 PWA和SSG的区别及使用

简单来说:PWA 适合需要动态数据的应用。PWA 实现了浏览器本地缓存,即使没有网络也可以看到最近一次的页面信息。因此对于需要频繁请求的数据可以减少网络请求量,同时也实现了离线访问应用。SSG 适合内容不经常变化,但流量和SEO排名又非常重要的网站。因为多数情况下,SSG 不必考虑频繁更新内容而面临的使用负担。由于它会生成静态文件,所以对于相似的请求能够快速响应,因此可以显著提高页面性能及服务的质量,同时也带来更好的 SEO 效果。

2023-05-06 17:42:23 190

原创 微信小程序主要API总结

微信小程序是一种轻量级的应用,提供了丰富的API接口,可实现许多功能,包括用户授权、数据缓存、位置信息、转发分享、支付等等。

2023-05-06 17:16:36 2057 1

原创 微信小程序调接口的方法怎么写

微信小程序调用接口的方法通常有两种:原生请求和封装请求。

2023-05-06 17:05:40 2336

原创 elementui el-form清除input里面的内容

2.在el-form-item加prop对应dialogForm对象里面需要清除的属性。1.在el-form加ref=””做标记。

2023-04-26 18:01:18 1354

原创 JS实现图片90度旋转

【代码】JS实现图片90度旋转。

2023-04-25 14:57:46 1093

nvm 是 Node.js 的版本管理工具,可以让你在同一台机器上同时安装多个版本的 Node.js,并且非常容易地在不同的项目

nvm 是 Node.js 的版本管理工具,可以让你在同一台机器上同时安装多个版本的 Node.js,并且非常容易地在不同的项目中切换使用 Node.js 的版本,方便进行开发和测试。 nvm 支持在 Linux/MacOS/Windows 系统上运行。使用 nvm 可以方便地安装、卸载、切换和管理 Node.js 版本,并且自带 npm 包管理器。 有了 nvm,你可以针对每一个项目选择使用合适的 Node.js 版本,避免由于版本不兼容导致的兼容性问题,也可以方便地在项目之间切换,提高开发效率和体验。 需要注意的是,由于某些原因,nvm 不支持在 Windows 的 Git Bash 下使用,如果需要在 Windows 中使用 nvm,建议使用 PowerShell 或者 CMD。

2023-06-07

jquery.min.js 3.6.4版本

Query是一个快速、简洁的JavaScript框架,是继Prototype之后又一个优秀的JavaScript代码库(框架)于2006年1月由John Resig发布。jQuery设计的宗旨是“write Less,Do More”,即倡导写更少的代码,做更多的事情。它封装JavaScript常用的功能代码,提供一种简便的JavaScript设计模式,优化HTML文档操作、事件处理、动画设计和Ajax交互。 jQuery的核心特性可以总结为:具有独特的链式语法和短小清晰的多功能接口;具有高效灵活的CSS选择器,并且可对CSS选择器进行扩展;拥有便捷的插件扩展机制和丰富的插件。jQuery兼容各种主流浏览器,如IE 6.0+、FF 1.5+、Safari 2.0+、Opera 9.0+等。

2023-03-31

base64.min.js 1.2.0版本

Base64是网络上最常见的用于传输8Bit字节码的编码方式之一,Base64就是一种基于64个可打印字符来表示二进制数据的方法。Base64编码是从二进制到字符的过程,可用于在HTTP环境下传递较长的标识信息。采用Base64编码具有不可读性,需要解码后才能阅读。Base64由于以上优点被广泛应用于计算机的各个领域,然而由于输出内容中包括两个以上“符号类”字符(+, /, =),不同的应用场景又分别研制了Base64的各种“变种”。为统一和规范化Base64的输出,Base62x被视为无符号化的改进版本。 此资源是依赖包base64.js分享给大家,希望能给大家带来帮助,如有其他依赖包需求请留言,我会尽量分享给大家。

2023-03-31

md5.min.js 2.19.0版本

MD5信息摘要算法(英语:MD5 Message-Digest Algorithm),一种被广泛使用的密码散列函数,可以产生出一个128位(16字节)的散列值(hash value),用于确保信息传输完整一致。它的应用场景包括:用户注册时确认密码、用户登录验证、对重要数据进行加密、网页数据安全传输等。本资源是md5加密的依赖包md5.min.js,分享给大家,希望能给大家带来帮助,如有其他依赖包需求请留言,我会尽量分享给大家。

2023-03-31

md5.js 2.19.0版本

MD5信息摘要算法(英语:MD5 Message-Digest Algorithm),一种被广泛使用的密码散列函数,可以产生出一个128位(16字节)的散列值(hash value),用于确保信息传输完整一致。它的应用场景包括:用户注册时确认密码、用户登录验证、对重要数据进行加密、网页数据安全传输等。本资源是md5加密的依赖包md5.js,分享给大家,希望能给大家带来帮助,如有其他依赖包需求请留言,我会尽量分享给大家。

2023-03-31

cropper.min.js

cropper.min.js 复制插件依赖文件。cropperjs实现裁剪图片功能,在此分享它的依赖文件。cropperjs实现裁剪图片功能的具体使用将会在一篇文章中进行讲解,cropperjs实现裁剪图片功能遇到的坑也将在一篇文章中进行分析解决。 希望这里上传的cropper.min.js文件能够帮到需要用到的人。

2023-03-09

空空如也

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

TA关注的人

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