随笔分类 - javascript
摘要:
一行代码其实就是将多个功能压缩到一行 JavaScript 代码中。 它们可以帮助你写出更紧凑的代码,有时甚至能提升代码可读性。 好处多多: 节省时间、写出更简洁的代码,甚至还能让其他开发者刮目相看(仅仅一点点而已)。 接下来,我们将重点介绍一些实用的、适合初学者的一行代码技巧,让你快速获得胜利。
阅读全文
![10 个实用 JavaScript 单行代码](https://img2024.cnblogs.com/blog/1161361/202501/1161361-20250121161356110-1745639722.png)
摘要:
签名板在网页应用中扮演着重要角色,它们能够记录用户的手写签名或者绘图,从而提升了用户体验。 在接下来的内容中,我将指导你如何利用 JavaScript 来开发一个功能丰富的签名板。这个签名板不仅支持自定义和响应式设计,还具备对触摸设备的兼容、多样的笔触样式选择,以及将签名导出为不同格式图片的能力。此
阅读全文
![前端实现网络签名](https://img2024.cnblogs.com/blog/1161361/202412/1161361-20241206095304447-2032046577.png)
摘要:
在 ECMAScript 2021(ES12)中,JavaScript 引入了新的逻辑赋值操作符 &&= 和 ??=。这些操作符将逻辑运算符与赋值运算符相结合,提供了更加简洁、直观的赋值方式。 虽然已经进入标准比较久了,但是我在实际开发中见到的还比较少,今天我们一起来学习下。 逻辑与赋值操作符 &&
阅读全文
![两个新出的 JavaScript 运算符](https://img2024.cnblogs.com/blog/1161361/202411/1161361-20241114153909064-941624208.png)
摘要:
reduce()方法用于将数组简化为单一值,通过遍历数组并应用提供的函数。它可以用于求和、乘积、计算对象属性的总和、数组去重和转换数组结构等。初始值的设置会影响reduce的起始索引。不提供初始值时,从索引1开始执行;提供初始值则从索引0开始。 一、 定义和用法reduce() 方法将数组缩减为单个
阅读全文
![reduce() 多种用法](https://img2024.cnblogs.com/blog/1161361/202408/1161361-20240816155205272-432574454.png)
摘要:
vue实现录音并转文字功能,包括PC端,手机端和企业微信自建应用端不止vue,不限技术栈,vue2、vue3、react、.net以及原生js均可实现。 原理浏览器实现录音并转文字最快捷的方法是通过Web Speech API来实现,这是浏览器内置示例的api方法,可以直接调用,无需引入任何依赖包,
阅读全文
![vue实现录音并转文字功能,包括PC端web,手机端web](https://img2024.cnblogs.com/blog/1161361/202408/1161361-20240812111421684-1190660788.png)
摘要:
简介: new Map(): 在JavaScript中,new Map()用于创建一个新的 Map 对象。Map 对象是一种键值对的集合,其中的键是唯一的,值可以重复。 new Set(): 在JavaScript中, new Set() 是用来创建一个新的 Set 对象的语法。Set 对象是一种集
阅读全文
![new map()和new set()使用详细(new map()和new set()的区别)](https://img2024.cnblogs.com/blog/1161361/202410/1161361-20241028172337911-1124553127.png)
摘要:
效果 封装loading加载(也可以直接使用,封装为了方便多次调用) 组件定义:loadDiy.js import { Loading } from "element-ui"; export const servicesLoading = (node,str,lock) => { return Lo
阅读全文
![elementui中实现loding实现局部加载,以el-dialog为例](https://img2024.cnblogs.com/blog/1161361/202407/1161361-20240724111215487-1410621169.png)
摘要:
在今天的教程中,我们将一起来学习新的字符串,padStart() 和 padEnd(),它可以帮助我们实现用另一个字符串填充一个字符串,直到结果字符串达到给定的长度。 下面,我们就开始今天的内容吧。 String.prototype.padStart() padStart() 方法从字符串的开头用另
阅读全文
![字符串— padStart() 和 padEnd()](https://img2024.cnblogs.com/blog/1161361/202406/1161361-20240617140722995-1654115055.png)
摘要:
在今天的教程中,我们将一起来学习JavaScript 字符串trim()、trimStart() 和 trimEnd()。 01、trim() 学习如何使用 JavaScript trim()方法从字符串的两端删除空格字符。 JavaScript trim() 方法介绍 String.prototy
阅读全文
![字符串— trim()、trimStart() 和 trimEnd()](https://img2024.cnblogs.com/blog/1161361/202406/1161361-20240617140538996-1376324616.png)
摘要:
前端跨域问题的解决方案通常涉及几种不同的方法,每种方法都有其特定的应用场景和优缺点。以下是一些常见的前端跨域解决方案: JSONP(JSON with Padding) 原理:利用<script>标签没有跨域限制的特性,通过动态创建<script>标签并设置其src属性为跨域请求的URL,来实现跨域
阅读全文
![前端怎么解决跨域问题](https://img2024.cnblogs.com/blog/1161361/202406/1161361-20240605171012180-1581920875.png)
摘要:
什么是接口重复提交? 接口重复提交指的是在网络通信中,同一个请求被客户端多次发送到服务器端的情况。这种情况可能由于多种原因导致,例如用户在等待期间多次点击提交按钮、网络超时后客户端重新发送请求、客户端发送的请求在网络传输过程中出现重复等。 接口重复提交可能会导致多种问题,当服务器收到重复请求时,可能
阅读全文
![前端如何防止接口重复提交](https://img2024.cnblogs.com/blog/1161361/202404/1161361-20240422135404917-907123642.png)
摘要:
Vue 3是一个非常流行的前端框架,广泛应用于大型互联网企业和个人项目。 虽然我们已经熟悉了一些常见的 Vue 3 知识,但还有一些不太常见但实用性很强的点可以帮助我们进一步优化和提升 Vue 3 应用的性能和开发效率。 本文将介绍一些不太常见的Vue 3知识点。01、TeleportTelepor
阅读全文
![6个高级Vue3知识技巧](https://img2024.cnblogs.com/blog/1161361/202404/1161361-20240423165500615-566912224.png)
摘要:
1.分片上传整体流程开始上传:前端启动文件分片上传。后端返回唯一标识。分片上传:获取到上传的文件,然后设置一个固定的分片大小,将文件切成多个小片,计算出每一个分片的MD5值(32位)。将每个分片的内容和MD5标识符一同上传至服务器。服务端接收每个分片及相关信息后,通过对每个分片进行校验,来确保分片的
阅读全文
![前端大文件分片上传](https://img2024.cnblogs.com/blog/1161361/202405/1161361-20240514170347329-1224125003.png)
摘要:
随着互联网技术的迅速发展,用户对网页的加载速度和交互体验有了更高的期待。作为开发者,我们常常需要在服务器端渲染(SSR)与客户端渲染(CSR)之间做出选择。这两种渲染方式各有特点,适用于不同的场景和需求。今天,就让我们一起来探索SSR和CSR的世界,帮助你为你的应用选择最合适的渲染策略。 什么是渲染
阅读全文
![深入探讨下SSR与CSR有啥不同](https://img2024.cnblogs.com/blog/1161361/202405/1161361-20240514170430923-1819132268.png)
摘要:相信对于前端同学而言,我们去开发一个自己的简单后端程序可以借助很多的nodeJs的框架去进行快速搭建,但是从前端面向后端之后,我们会在很多方面会稍显的有些陌生,比如性能分析,性能测试,内存管理,内存查看,使用C++插件,子进程,多线程,Cluster模块,进程守护管理等等NodeJs后端的知识,在这
阅读全文
摘要:在一个企业中,我们要如何去了解用户呢?最直接有效的方式就是了解用户的行为,了解用户在网站中做了什么,呆了多久。而如何去实现这一操作,这就涉及到我们前端的埋点了。 埋点方式 在聊如何进行埋点前,我们先介绍下什么是埋点? 所谓'埋点'是数据采集领域(尤其是用户行为数据采集领域)的术语,指的是针对特定用户
阅读全文
摘要:单点登录是什么?你是怎么理解的?单点登录是如何实现的 普通登录 提到单点登录,首先可以想到传统登录,通过登录页面根据用户名查询用户信息,判断密码是否正确,正确则将用户信息写到session,访问的时候通过从session中获取用户信息,判断是否已登录,登录则允许访问。 普通登录的缺点 由于sessi
阅读全文
摘要:页面引导功能是 web 开发中常见的一个功能。通过页面引导功能,你可以让用户第一时间熟悉你的页面功能。今天给大家推荐一个页面引导库 driver.js。 简介 driver.js 是一款用原生 js 实现的页面引导库,上手非常简单,体积在 gzip 压缩下仅仅 5kb。 我们来看下如何使用 driv
阅读全文
摘要:| 当谈到异步编程时,async/await是JavaScript中常用的功能之一。下面是10个常用的await和async函数示例,以及对它们的代码用途的解析: 1.异步获取数据 async function fetchData() { const response = await fetch('
阅读全文