banner
leoking

leoking

前端开发者
tg_channel
cover

chrome 键盘快捷键

Google Chrome 功能快捷键 操作 快捷键显示或隐藏书签栏 ⌘ + Shift + b 打开书签管理器 ⌘ + Option…
TODO highlight如何提升工作效率
为什么使用代码注释很重要 作为开发人员,我们经常需要同时处理多个任务和优先级。有效的代码注释对于跟踪项目的各个方面至关重要,例如稍后要修复的错误、要实现的增强功能或其他开发人员需要注意的提醒。没有清晰的系统来优先排序和分类这些注释,我们的代码库很快就会变成一团糟…
实用的 JavaScript 代码
本文整理了一些实用的 JavaScript 单行代码,非常好用~~ 通过document.cookie 来查找cookie值 Copy const cookie = name => `; ${document.cookie}`.split(`; ${name}=`).pop()…
转换字符串时,Number() 和 parseInt() 的区别?
Number() 和 parseInt() 是 JavaScript 中用于将字符串转换为数字的两个不同函数,它们在处理字符串时有一些不同之处。 Number() Number() 函数将整个字符串转换为数字。 如果字符串包含非数字字符(除了开头的空格和正负号),则返回 NaN…
cover

2024 年 1 月总结

回顾了一下一月份的工作内容,每天大部分的时间都是在根据客户的需求开发代码,和后端联调接口并测试部署。这其中免不了大部分都是 CV 来完成的。细想一下自己收哪些收获呢? 因为一直使用固定的框架,对代码的数据流非常清楚。封装公共请求文件、独立 modal 管理…
一文搞懂React倒计时,从此告别繁琐代码
倒计时功能在网站和应用程序中随处可见,用于各种场合,如在线考试、活动开始前的等待、限时促销等。如果你是一名 React 新手,可能会认为实现这样的功能需要编写复杂的代码。但事实上,React 的设计理念和功能强大的钩子(Hooks)让这变得异常简单。 本文将带你一步步实现一个简单…
科学上网介绍
科学上网是指使用一些技术手段,绕过网络审查,访问被屏蔽或限制的网站和内容。科学上网的方式有很多,但主要可以分为以下几类: 分类 VPN(虚拟专用网络):VPN 是一种通过加密和隧道技术,在公共网络上建立安全的私人网络的方法。VPN 可以让用户通过一个远程服务器,连接到目标网站…
前端懒加载原来可以这样玩?
前端懒加载原来可以这样玩? 懒加载是一种优化网页性能的技术,它可以让我们在需要的时候才加载资源,从而提高页面的加载速度和用户体验。懒加载的应用场景很多,比如图片、视频、音频、组件、路由等。本文将介绍如何在 react 和 vue 中实现图片和路由的懒加载,并给出一些代码示例。 图…
vue2 组件通信方式有哪些?
在 Vue 2 中,有几种常见的组件通信方式,包括: 父子组件通信(props 和事件) 子父组件通信(事件和 $emit) 兄弟组件通信(事件总线、Vuex 状态管理、共享父组件) 下面我将为每种方式提供一个代码示例。 1. 父子组件通信(props 和事件) 父组件通过…
vue2 中,element 2.x 版本,el-form-item 嵌套的 el-form-item 是通过for循环渲染的 应该如何自定义校验?
如果在 Vue 2 中使用 Element UI 2.x 版本,你通过 v-for 循环渲染了多个嵌套的 el-form-item,并且想要自定义校验功能,你可以使用动态校验规则的方式来实现。下面是一个示例代码,展示了如何自定义校验动态渲染的嵌套 el-form-item: 代码…
js 判断字符串中某个字符出现次数
JS js 判断字符串中某个字符出现次数 Copy function countOccurrences(str, char) { var count = 0; for (var i = 0; i < str.length; i++) { if (str.charAt…
vue版本 2 中, element dialog组件 在页面中同时展示两个 el-dialog 为什么会展示一个灰色遮罩层?
在 Vue 2 中,使用 Element UI 2.x 版本时,如果在页面中同时展示两个 el-dialog 组件,可能会出现灰色遮罩层的问题。这是因为 el-dialog 组件在默认情况下会使用一个全局的遮罩层来阻止用户对其他页面元素的交互操作。当多个 el-dialog…
element el-upload 组件 如何将上传文件转换成base64
要将文件转换为 Base64 字符串,你可以利用 FileReader 对象来读取文件,并使用其 readAsDataURL 方法将文件转换为 Base64 编码。以下是在 Element UI 的 el-upload 组件中如何将文件转换为 Base64 的示例代码: Copy…
前端如何使用 AES 算法解密后端返回数据?
要在前端使用 AES 算法解密后端返回的数据,可以使用 JavaScript 中提供的加密库,如 CryptoJS。 安装 / 引入 首先,确保在前端的 HTML 文件中引入 CryptoJS 库。 1.1 你可以通过在 HTML 文件的标签内添加以下代码来引入…
vue2 使用 get 下载 Excel
Copy import axios from 'axios'; // 定义下载Excel文件的函数 function downloadExcel() { axios.get('http://example.com/download-excel…
vue 页面转 PDF 展示
以下是使用 vue 框架,将页面转换成 PDF 并使用 iframe 标签将 PDF 文件嵌入到页面中的详细代码示例: Copy <template> <div> <button @click="downloadPDF">下载PDF</button…
vue 页面转 PDF 展示
以下是使用 vue 框架,将页面转换成 PDF 并使用 iframe 标签将 PDF 文件嵌入到页面中的详细代码示例: Copy <template> <div> <button @click="downloadPDF">下载PDF</button…
Alova 请求库:为什么它是你的最佳选择
前端开发中,我们经常需要和后端进行数据交互,这就涉及到了请求库的使用。请求库是一种封装了网络请求的工具,它可以帮助我们简化代码,处理错误,设置拦截器等。本文将介绍前端常用的几种请求库,包括 axios,fetch,jQuery.ajax 和 XMLHttpRequest…
Ownership of this blog data is guaranteed by blockchain and smart contracts to the creator alone.