养个猫吧

背景 最近在开发H5，ui稿给的border：1px solid,因为ui稿上的宽度是750px，我们运行的页面宽度是375px，所以我们需要把所以尺寸/2。所以我们可能会...

在日常的开发过程中，我们都会有一些常用的代码片段，这些代码片段可以直接复制到各个项目中使用，非常方便。如果你有接手过别人的项目，就可以很明显感受到几个项目一般都会有一些相同...

这几天有个同事离职了，本来那是last day，还有半个小时，但他还在那里勤勤恳恳的写着代码。我很好奇，就问：老张，你咋还不做好准备，都要撤了，还奋笔疾书呐。他说：等会儿和...

最近接手了个集团一体化前端项目，因为承载了多个产品线的业务模块，代码量巨大，本地启服务时总是会内存溢出，启动老是失败。今天给大家分享下解决内存溢出问题的心路历程。...

面试的时候经常会问到手机端应用 App 怎么跟 h5 通信的问题，什么是 JSBridge？说实话，之前没有认真研究过，最近入职了新公司正好是 App 和 h5 混合开发模...

一. 直接引用cdn： 二. 本地下载下来： 三. 模块化开发时: js-cookie.js常用的API和方法...

wavesurfer.js是基于Web Audio API 和HTML5 Canvas实现的一个可定制化的音频波形可视化组件，在需要音频波形展示及音频波形交互的场景有广泛的...

首屏加载时间是一个衡量网页性能和用户体验的关键指标，这个问题无论是在面试中还是在项目开发中都占有极其高的权重。它指的是从用户开始请求网页到网页的第一屏内容完全渲染完成并对用...

利用fabric.js库实现对图片进行批注的需求，主要可以添加矩形、箭头、自由画笔等操作，且canvas支持缩放。...

在我的项目中，有时需要展示上万条甚至十万条数据，而如何在保证性能的前提下高效地渲染这些数据成为了我面临的难题。在经过一段时间的摸索和实践后，我积累了一些经验和技巧，现在我将...

面试官提问WebSocket，你还在简单地回复“全双工通信”吗？本文会带您全方位去了解一下 WebSocket 的本质，看懂协议，并通过一个聊天室实战案例稳扎稳打。...

最近逛github的时候发现了一个非常好用的轻量工具库，Fuse.js，支持模糊搜索。感觉还是非常好用的，所以有了此篇博客，这篇文章主要是介绍Fuse的使用。...

前言 通过本文的学习,你将会学到 认识并学习css属性clip-path的一些用法 搭配使用JS在网站上创建好玩的交互效果 Clip-path 认识 1. 介绍 clip-...

1、背景 前两天老板找到我说有一个需求，要求使用英雄联盟的人物动画制作一个加载中的组件，类似于下面这样： 我定眼一看：这个可以实现，但是需要UI妹子给切图。 老板：UI？ ...

RTCPeerConnection：本地端和远程对等端之间的 `WebRTC` 连接。它提供了创建远程对等端连接、维护和监视连接，以及在连接不再需要时关闭连接的方法。...

前言 在这之前公司项目的文档预览的方式都是通过微软在线预览服务，但是微软的在线服务有文件大小限制，想完整使用得花钱，一些图片文件就通过组件库antd实现，因为我们项目存在多...

前言 大家好，我是林三心，用最通俗易懂的话讲最难的知识点是我的座右铭，基础是进阶的前提是我的初心~ 随着我用 URL.createObjectURL 这个 API 越来越多...

音频API是一组提供给网页开发者的接口，允许他们直接在浏览器中处理音频内容。这些API使得在不依赖任何外部插件的情况下操作和控制音频成为可能...

前言 现在有如下的 HTML 结构： 如果我们想给页面一个最小高度，保证 Header 和 Footer 分别位于页面的顶部和底部，我们通常会这样写样式： 在浏览器中我们预...