最近做的需求是在客户端webview内嵌h5，使用的 vite2.x 和 vue3 来开发，在第一版提测的时候，发现打包之后，总包大小有 4M 多，有很大的优化的空间。

因为我们使用的事JavaScript，我们会改变children。我们能够给它们发送特殊的属性，以此来决定它们是否进行渲染。让我们来探究一下React中children的作用。

之前看到coco的这样一篇文章： 纯 CSS 实现波浪效果！，非常巧妙，通过改变border-radius和不断旋转实现的波浪效果，有兴趣的可以去研究一下。这次尝试一下使用 CSS 渐变来实现这样一个效果，还可以用在文字背景上，如下不需要混合模式，花几分钟一起看看吧一、波浪...

在 A 页面设置一些 sessionStorage 数据，然后 a 标签 _blank 方式打开另一个 tab B 页面，发现 B 页面有A 页面的 sessionStorage 数据。

     又是一个时光飞逝的工作日, QA同学突然提出bug, 文本输入框的"计数"功能失效, 经过大家多方查找最后发现竟然是因为测试同学开启了"谷歌翻译"造成的无法"计数", 这就引起了我的浓厚兴趣, 到底这个看起来"人畜无害"的翻译功能是如何影响了我的输入框? 魏蜀吴争霸...

opacity 用来设置透明度 display 定义建立布局时元素生成的显示框类型 visibility 用来设置元素是否可见。 opacity、visibility、display 这三个属性分别取值 0、hidden、none 都能使元素在页面上看不见，但是他们在方方面面都还是有区别的。

毫无疑问，现在是短视频、直播的时代。视频内容逐渐代替图文形式成为网友们获取新鲜事物以及展现自我的一大媒介。随着5G的到来，2020年属于直播短视频爆发式增长的一年，电商平台也都涌入直播营销的大风口，成为了各自平台引流转化的关键。不管是用户还是开发者，我...

最近几个月我收集了大量可以显著提升开发效率的资源链接，在这篇文章中我会分享其中一些。这些资源对我很有帮助，希望对你也是如此。闲话少叙，下面是一些很棒的免费资源！

最近在开发项目的一个小需求的时候，发生了一件尴尬的事情。那就是当我把新功能开发完成的时候，忽然发现自己开发使用的分支是错误的分支。不过我记得之前学习git的时候有一个git stash的命令可以把当前没有提交的内容存档起来，然后可以在切换分支之后把当前的存档...

点赞再看，微信搜索 【大迁世界】 关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub [链接] 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。

前几天，以前一个老同事在微信上和我吐槽，一次周未休息，突然收到公司服务器告警，有一台服务器挂掉了，导致影响一部分公司业务的运行，事后查看发现原来是前端Nginx流控配置的不够科学，不得不背上一锅，影响了这个月的KPI考核和当年中的加薪指标。

点赞再看，微信搜索【大迁世界】关注这个没有大厂背景，但有着一股向上积极心态人。本文 GitHub [链接] 上已经收录，文章的已分类，也整理了很多我的文档，和教程资料。

本文阿宝哥将从多个方面入手，全方位带你一起探索 WebSocket 技术。阅读完本文，你将了解以下内容：了解 WebSocket 的诞生背景、WebSocket 是什么及它的优点；了解 WebSocket 含有哪些 API 及如何使用 WebSocket API 发送普通文本和二进制数据；了解 WebSocket 的握...

HTTP存在的问题 窃听风险：通信使用明文（不加密），内容可能会被窃听(第三方可能获知通信内容) 冒充风险：不验证通信方的身份，因此有可能遭遇伪装 篡改风险：无法证明报文的完整性，所以有可能已遭篡改 HTTPS 可以看到 HTTPS的网站，在浏览器的地址栏内会出现一个...

实现同步的功能主要依赖于VSCode插件“Settings Sync”。它是基于 GitHub Tokens 和 GitHub Gist 功能实现，可以一键轻松实现上传下载跨多台机器同步设置、代码片段、主题、文件图标、启动、键绑定、工作区和扩展。

官网的规则请戳这里：stylelint规则规则列表这里是 stylelint 内的所有规则（2016.03.10）。 颜色color-hex-case: 指定十六进制颜色的大小写。 color-hex-length: 指定十六进制颜色的长度。 color-named: 在特定的情况下是否允许使用命名的颜色值。 color-no-hex: 禁...

前言 在 Vue 的官网中的过渡动画章节中，可以看到一个很酷炫的动画效果 乍一看，让我们手写出这个逻辑应该是非常复杂的，先看看本文最后要实现的效果吧，和这个案例是非常类似的。 预览 也可以直接进预览网址里看： [链接] 图片素材依然引用自知乎问题《有个漂亮女朋...

学习时间：2020.06.06学习章节：《你不知道的 Blob》原文对 Blob 的知识点介绍得非常完整清晰，本文通过四个问题来总结本文核心知识： Blob 是什么？ Blob 怎么用？ Blob 有哪些使用场景？ Blob 与 ArrayBuffer 有何区别？ 一、Blob 是什么？ Blob（Binary Large Obj...

1.邮箱 {代码...} 2.手机号码 {代码...} 3.电话号码 {代码...} 4.是否url地址 {代码...} 5.是否字符串 {代码...} 6.是否数字 {代码...} 7.是否boolean {代码...} 8.是否函数 {代码...} 9.是否为null {代码...} 10.是否undefined {代码...} 11.是否对象 {代码...} 12....

css3这个相信大家不陌生了，是个非常有趣，神奇的东西！有了css3，js都可以少写很多！我之前也写过关于css3的文章，也封装过css3的一些小动画。个人觉得css3不难，但是很难用得好，用得顺手，最近我也在过一遍css3的一些新特性（不是全部，是我在工作上常用的，或者...