随笔分类 -  web前端

上一页 1 2 3 4 5 6 7 下一页
Navigator.sendBeacon()
摘要：navigator.sendBeacon() 方法可用于通过 HTTP POST 将少量数据异步传输到 Web 服务器。 这个方法主要用于满足统计和诊断代码的需要，这些代码通常尝试在卸载（unload）文档之前向 Web 服务器发送数据。过早的发送数据可能导致错过收集数据的机会。然而，对于开发者来说 阅读全文
posted @ 2023-04-19 14:05 _zhiqiu 阅读(463) 评论(0) 推荐(1)
VSCode 圈复杂度插件 CodeMetrics
摘要：前言 圈复杂度(Cyclomatic Complexity)是一种代码复杂度的衡量标准。它可以用来衡量一个模块判定结构的复杂程度，数量上表现为独立现行路径条数，也可理解为覆盖所有的可能情况最少使用的测试用例数。圈复杂度大说明程序代码的判断逻辑复杂，可能质量低且难于测试和维护。程序的可能错误和高的圈复 阅读全文
posted @ 2023-02-24 11:16 _zhiqiu 阅读(1658) 评论(0) 推荐(0)
如何保持容器固定宽高比
摘要：概述 在播放视频和图片的时候，为了保持其内容不变形，就需要保持容器的固定宽高比 实现方法 1、使用新 css 属性 aspect-ratio <!DOCTYPE html> <html lang="zh"> <head> <meta charset="UTF-8"> <meta http-equiv 阅读全文
posted @ 2022-10-24 19:14 _zhiqiu 阅读(79) 评论(0) 推荐(0)
web share api 分享
摘要：概述 Navigator.share() 方法通过调用本机的共享机制作为 Web Share API 的一部分。如果不支持 Web Share API，则此方法为 undefined。 此项功能仅在一些支持的浏览器的安全上下文（HTTPS）中可用。 语法 const sharePromise = w 阅读全文
posted @ 2022-10-21 15:28 _zhiqiu 阅读(341) 评论(0) 推荐(0)
消除两个inline-block元素之间的间隔
摘要：发现问题 两个inline-block元素之间的间隔。如下图 期望 消除两个inline-block元素之间的间隔。 解决方法 1、父元素字体大小设置为0 间隔的形成是非元素标签形成的 /** 方案1，父元素字体大小设置为0 */ .wrap-font { font-size: 0; /*解决谷歌浏 阅读全文
posted @ 2022-10-19 19:41 _zhiqiu 阅读(236) 评论(0) 推荐(1)
解决input中输入中文过程中会触发input事件的问题
摘要：问题描述： 监听文本输入框的input事件，在拼写汉字时会触发input事件，如下图： 需求： 选词完成后触发input事件，只触发一次。 解决办法： 通过查阅资料得知在输入中文（包括语音识别时）会先后触发compositionstart、compositionupdate、compositione 阅读全文
posted @ 2022-10-19 17:12 _zhiqiu 阅读(1238) 评论(0) 推荐(0)
Unicode 15.0 标准已发布，新增鹅、豌豆等 20个emoji
摘要：原文地址：The Unicode Blog: Announcing The Unicode® Standard, Version 15.0 Unicode 标准版本 15.0 现已推出，包括核心规范、附件和数据文件。此版本增加了 4，489 个字符，使总数达到 149，186 个字符。这些新增功能包 阅读全文
posted @ 2022-09-16 14:28 _zhiqiu 阅读(517) 评论(0) 推荐(0)
使用verdaccio+docker搭建npm私有仓库以及使用
摘要：使用verdaccio+docker搭建npm私有仓库以及使用公司内部前端组件或库的共享等，搭建一个npm私有库就很方便，现在中大型公司也基本都有自己的npm私有库，这篇文章，和大家一起共同搭建一个npm私有库，共同学习 前置条件 一台电脑 可以联网 一、安装docker 使用的windows版本的 docker Desktop, 可以直接去 docker D 阅读全文
posted @ 2022-09-06 17:28 _zhiqiu 阅读(1059) 评论(0) 推荐(0)
为老的vueCli项目添加vite支持
摘要：1、前言 接手公司的某个项目已经两年了，现在每次启动项目都接近1分钟，hmr也要好几秒的时间，but vite2发布之后就看到了曙光，但是一直没有动手进行升级，昨天终于忍不住了，升级之后几秒钟就完成了。 2、开始升级 注：只是升级了开发环境，打包依旧是webpack（也试过打包也用vite，但是打包 阅读全文
posted @ 2021-09-13 09:28 _zhiqiu 阅读(1303) 评论(2) 推荐(1)
MutationObserver API
摘要：1、概述 MutationObserver接口提供了监视对DOM树所做更改的能力。它被设计为旧的Mutation Events功能的替代品，该功能是DOM3 Events规范的一部分。 但是，它与Mutation Events事件有一个本质不同：事件是同步触发，也就是说，DOM 的变动立刻会触发相应 阅读全文
posted @ 2021-09-03 11:38 _zhiqiu 阅读(169) 评论(0) 推荐(1)
Custom directive is missing corresponding SSR transform and will be ignored.
摘要：关于在vue3.0中使用ssr/ssg渲染时出现Custom directive is missing corresponding SSR transform and will be ignored.错误的修复。 yarn add -D patch-vue-directive-ssr 阅读全文
posted @ 2021-09-01 10:19 _zhiqiu 阅读(689) 评论(0) 推荐(0)
vue cli中的env详解
摘要：前言 相信使用过 vueCli 开发项目的小伙伴有点郁闷，正常开发时会有三个接口环境（开发，测试，正式），但是 vueCli 只提供了两种 development,production(不包含 test-单测)模式。其实这是小伙伴们没有理解 vueCli 文档所导致的。 vueCli 命令中 --m 阅读全文
posted @ 2021-08-19 10:59 _zhiqiu 阅读(1163) 评论(0) 推荐(1)
ECMAScript 2020(ES11)新特性简介
摘要：简介 ES2020 是ECMA协会在2020年6月发行的一个版本，因为是ECMAScript的第十一个版本，所以也称为ES11. 今天我们讲解一下ES11的新特性。 ES11引入了9个新特性，我们接下来一一讲解。 动态imports 在ES11之前，我们可以使用下面的方式进行模块的导入： impor 阅读全文
posted @ 2021-08-05 08:49 _zhiqiu 阅读(754) 评论(2) 推荐(3)
JavaScript实现的7种排序算法
摘要：所谓排序算法，即通过特定的算法因式将一组或多组数据按照既定模式进行重新排序。这种新序列遵循着一定的规则，体现出一定的规律，因此，经处理后的数据便于筛选和计算，大大提高了计算效率。对于排序，我们首先要求其具有一定的稳定性，即当两个相同的元素同时出现于某个序列之中，则经过一定的排序算法之后，两者在排序前 阅读全文
posted @ 2021-07-02 11:36 _zhiqiu 阅读(935) 评论(3) 推荐(3)
ECMAScript 2021 正式确认
摘要：ECMAScript 2021 主要包含内容： ECMAScript 2021 于2021年6月22日获得 ECMA International 的批准。ECMAScript 是标准化的 JavaScript 语言，于 1997 年发布了第一版，现已发展成为世界上使用最广泛的通用编程语言之一。 本 阅读全文
posted @ 2021-06-30 08:34 _zhiqiu 阅读(1280) 评论(0) 推荐(1)

上一页 1 2 3 4 5 6 7 下一页