提高前端代码性能的最佳实践

logo 50 2023-09-01

前端开发是 Web 应用程序的基础。在本文中,我们将介绍各种优化应用前端性能的技术,如图像压缩、懒加载和浏览器缓存。 1、图片优化 图片压缩 您可能听说过压缩图像,但您知道它是如何工作的吗?图像压缩是在不影响图像质量的情况下减小图像大小的过程。压缩图像可以提高网页性能。 有两种类型的压缩:无损压缩和有损压缩。无损保留图 ...

详情...

客户端oss直传方式

logo 34 2023-06-11

对于android、oss可以使用sts验证方式 参考文章:快速搭建移动应用直传服务 主要介绍如何基于STS Policy的使用规则在30分钟内搭建一个移动应用数据直传服务。直传指的是移动应用数据的上传和下载直接连接OSS,只有控制流连接自己的服务器。 https://help.aliyun.com/document_ ...

详情...

NPM 的 5 种替代方案

logo 325 2023-03-04

作为 Node.js 开发人员,您可能熟悉 NPM,它是 Node.js 的默认包管理器。 NPM 是一个强大的工具,可让您轻松管理和安装 Node.js 项目的包和依赖项。然而,尽管它很受欢迎,但 NPM 并不是唯一可用于 Node.js 开发的包管理器。事实上,有几种可供选择的包管理器可以提供不同的功能和优势。在 ...

详情...

如何在网页中源码中隐藏 JavaScript 代码?

logo 380 2023-03-04

实际上,从源代码中隐藏Javascript代码是不可能的,因为Javascript代码是以明文形式下载到客户端浏览器并由浏览器执行完成的。 在本文中,我将与您分享一些阻碍用户和使用户难以阅读 javascript 源代码的方法: 混淆javascript代码 混淆是一种改变代码结构以使其更难理解的技术。例如,变量名可以 ...

详情...

收集各种 CSS 特效和组件的网站,直接复制代码就可以拿去使用

logo 157 2023-02-26

1、一款生成 CSS box 阴影的在线可视化工具。 可以设置多层阴影,可以复制 TailwindCSS JIT 模式的代码和纯 CSS 代码。 Box Shadows for TailwindCSS 2、CSS 实现的 checkbox 样式集合 CSS Scan 3、各种 CSS 特效和组件 uiverse A ...

详情...

JavaScript 调试常用的工具和技术介绍

logo 61 2023-02-25

介绍 JavaScript 是一种功能强大的编程语言,用于创建交互式网页和动态用户界面。与其它编程语言一样, JavaScript 代码可能包含错误,这些错误可能会导致异常、错误或崩溃。 调试,是发现和修复这些错误的过程,它是任何 JavaScript 开发人员的必备技能。 在本文中,我们将讨论一些可以帮助您调试 J ...

详情...

如何处理 localStorage 使用中的错误(如空间超出错误)

logo 489 2022-07-03

假设您想在插入项目之前检查 localStorage 是否已满:您会怎么做? 好吧,浏览器只有一种方式告诉您存储是否已满:当您尝试存储未填充到 localStorage 的项目时,它们会抛出错误(通常称为 QuotaExceededError)。因此,要处理这个特定的用例,您必须将 localStorage.set ...

详情...

如何使用 JavaScript 将 localStorage 空间填满?

本周我需要测试js将数据存储到空间已满的localStorage中的表现,为此,我想找到一种使用 JavaScript 将 localStorage 空间填满的方法。 我们知道检测 localStorage 何时已满的唯一方法是在调用 localStorage.setItem 时捕获 QuotaExceededEr ...

详情...

Markdown 嵌入视频语法

代码 <video id="video" controls="" preload="none" poster="视频封面图片地址"> <source id="mp4" src=""视频地址"" type=""video/mp4""> </video> 效果 ...

详情...

10 个 JavaScript 单行代码 - 提高你的工作效率

logo 616 2022-04-02

全世界有超过 1000 万 Javascript 开发人员,而且这个数字每天都在增加。尽管 JavaScript 以其动态特性而闻名,但它还具有许多其他出色的特性。在这篇博客中,我们将看到 10 个有用的 JavaScript 单行代码,你应该知道它们来提高你的工作效率。 1、生成一个范围内的随机数 在很多情况下,我 ...

详情...

HBuilderX iOS云打包如何设置通用链接等Capabilities配置

logo 787 2022-03-25

HBuilderX2.3.0开始云端打包支持配置XCode中的Capabilities 如下XCode配置 打开项目的manifest.json文件,在源码视图中进行配置 5 APP项目 在"plus" -> "distribute" -> "ap ...

详情...

CSS 级联算法中的特异性介绍

logo 275 2022-03-06

特异性 特异性是级联算法的一个关键部分,本节内容将深入了解特异性。 上一节,介绍了级联算法,级联算法是为了解决css规则冲突的算法。而特异性作为其中一个重要部分,我们有必要去弄懂它。 假设有如下css和html: <button class="branding">color?</button> ...

详情...