yyds干货盘点

我常常需要处理二进制数据，每次面对一堆二进制数据，需要自己逐个字节转换为二进制、十六进制，去阅读和理解，去排查问题。,举个例子：有一个场景是我的《我做了个《联机桌游合集: UNO+斗地主+五子棋》无需...

今日介绍前端异常监控利器Sentry平台中用户行为记录的源码实现过程，为什么使用Sentry，可以看以前的文章【 前端异常监控平台对比】。,在日常排查问题过程中，用户的行为操作记录能给到我们很大的参考...

摘要 在过去几年的直播行业创业风口期中，直播的用户关注度疯狂增长，但用户质量却参差不齐。随着用户新鲜感一过，流失率变得相当严重，各大平台都在竭尽全力防御。然而，留住“凑热闹”的非直播受众用户并不是最关...

原文链接：Vue3 后台管理系统模板推荐。 之前写了一篇关于 Vue2 的后台管理系统模板的推荐，详情请见 Vue后台管理系统模板推荐。 Vue3 在今年2月份已成为新的默认版本，本文收集了一些 Vu...

大家好，我是 CoderBin，本次总结了JavaScript中关于数组的一些常用操作，想学习其他方法或者深入学习这些方法的可点击前往 MDN-Array。,希望对大家有所帮助，谢谢！如果文中有不对...

calc calc()函数支持加减乘除四种运算，很多类型都可以使用calc()函数，例如​​angle​​、​​length​​、​​frequency​​、​​time​​，​​percentage...

大家好，我是 CoderBin，最近在做一个Vue项目，其中涉及到了头像图片上传。由于之前没做过图片上传功能，所以在实现这个功能时着实遇到了不少坑。本次打算将实现过程以博文的形式分享给大家。,实现过程...

大家好，我是CoderBin,本文将给大家带来redux和react-redux的快速使用，以理论+代码+案例的形式教大家如何在react中去使用状态管理，以实现数据的高效通信,如果本文有不对、疑惑的...

新系列《这些前端新技术你很难再忽视了》，包括：SolidJS、Svelte、Tauri、Bun、Schema等。每一个都引领前端技术演变趋势，很有必要了解。 咱们将采用 5W1H 分析法，即 What...

不知道大家平常用 Reduce 多不多，反正本瓜用的不多。但实际上，Reduce 能做的，比我们能想到的要多得多，本篇带来 10 个Reduce 常用场景和技巧，一定有你不知道~ 冲ヾ(◍°∇°◍)ﾉ...

我们最近使用 CSS mask属性创建花哨的边框，本文将使用 CSS mask和 clip-path来切元素的四个角！使用多种技巧可以从任何元素的角切割不同的形状。在本文中，我们将考虑创建独特角落形状...

在前面的文章，我们谈了基础之基础，重要之重要——“偏函数”，偏函数通过函数封装，实现了减少传参数量的目的，解决了手动指定实参的麻烦。 更具重要意义的是： 当函数只有一个形参时，我们能够比较容易地组合它...

前言 欢迎关注 『前端进阶圈』 公众号 ，一起探索学习前端技术...... 前端小菜鸡一枚，分享的文章纯属个人见解，若有不正确或可待讨论点可随意评论，与各位同学一起学习~ JavaScript 为什么...

WebSocket WebSocket是HTML5开始提供的一种浏览器与服务器间进行全双工通讯的网络技术。 现很多网站为了实现即时通讯，所用的技术都是轮询(polling)。轮询是在特定的的时间间隔...

前言 大家好 我是歌谣 在日常的学习生活中 我们会遇到各种各样的问题 今天在工作中就遇到了多个文件上传的时候会调用多次接口 感谢群友的帮助 想加入前端巅峰交流群可以私信我 原因 一开始不知道原因 后来...

上篇文章《用177行代码写个体验超好的五子棋》，我们一起用177行代码实现了一个本地对战的五子棋游戏。,现在，如果我们要做一个联机五子棋，怎么办呢？,首先，我们需要一个后端服务。2个不同的玩家，一起连...

作者：京东零售 刘跃明 Monitor概念 Java对象的内存布局 对象除了我们自定义的一些属性外，还有其它数据，在内存中可以分为三个区域：对象头、实例数据、对齐填充，这三个区域组成起来才是一个完整的...

前言 上一篇文章​​ PHP学习笔记（观隅反三）​​ 介绍了PHP中的数组，这篇文章接着学习数组以及通过PHP实现一些常见的排序算法和查找算法。 算法效率 ​​算法效率​​​分为两种：第一种是​​时...

前言 大家好 我是歌谣 我是一名坚持写博客四年的博主 最好的种树是十年前 其次是现在，今天继续对ant design table的分页封装进行讲解 封装准备（多看官网） jsx风格的api <...

官网地址： https://nodejs.org/,Node.js 是一个开源和跨平台的 JavaScript 运行时环境。它是几乎任何类型的项目的流行工具！ Node.js 在浏览器之外运行 Goo...

前言 作为一名开发人员，大家会一直寻找可以帮助改进日常工作流程的解决方案，VS Code 市场中就有很多优秀的扩展插件程序。 正文 ​​一、GitLive​​ GitLive 是一个出色的扩展程序，它...

大家好，我是CoderBin，本次将深入解析JavaScript中ES6的Generator生成器，希望对大家有所帮助，谢谢。 如果文中有不对、疑惑的地方，欢迎在评论区留言指正,Generator 函...

编译的四个阶段：预处理（扩展各个宏与文件）、编译（得到汇编代码）、汇编（得到机器码）、链接（得到可执行文件） , ,,实际使用中我们更习惯使用 gcc 指令编译 C 语言程序，用 g++ 指令编译 C...

众所周时"position: sticky;"是粘性布局，相当于sticky与fixed的组合。但他的细节和妙用，未必人人皆知。所以记录下我这一周的学习总结，供大家参考使用。,position中目前有...

在这互联网高速发展的时代，人们对于网页打开的速度要求越来越高。加载时间过长，兼容处理不够全面等很容易造成用户流失。作为一名前端开发，优化用户体验是一件永无止境的事情，没有最优，只有更优。前端性能优化方...

JavaScript 高级程序设计第 4 版（后简称高程4），相较于第 3 版，增加了 ES6 至 ES10 的全新内容，删除了旧版过时的内容，并在原有基础上充实了更加翔实的内容。 中文译版于 202...

https://cn.ubuntu.com/download/desktop Ubuntu是一个以桌面应用为主的Linux操作系统，其名称来自非洲南部祖鲁语或豪萨语的“ubuntu"一词。 ,http...

在 class 出现之前，JavaScript 实现继承是件麻烦事，构造函数继承有加上原型上的函数不能复用的问题；原型链继承又存在引用值属性的修改不独立的问题；组合继承又存在两次调用构造函数的问题，寄...

大家好，我是 CoderBin,在介绍BFC之前，需要先给大家介绍一下文档流。,我们常说的文档流其实分为 定位流、 浮动流、 普通流三种。,如果元素的属性 position 为 absolute ...

JavaScript 不提供任何内存管理操作。相反，内存由 JavaScript VM 通过内存回收过程管理，该过程称为垃圾收集。 ​既然我们不能强制的垃圾回收，那我们怎么知道它能正常工作？我们对它又...

前言 2020年10月27日，Sass 官方团队正式宣布 Libsass 将弃用，以及基于它的 Node Sass 和 SassC，并且建议用户使用 Dart Sass。如果在vue脚手架搭建的项目中...

我们可以明显的感受到：JS 要实现面向对象（继承的能力），离不开这 3 种设计模式； 原型链 + 构造函数 = 组合继承 本篇带来一个新的继承方式：寄生继承，它由工厂模式和构造函数模式组成，即 工厂...

大家好，我是 CoderBin,面试官：“说说你对Node中的Stream的理解”,紧张的萌新：“好像是一种流？...”,面试官：“...”,······,又来到了面试官系列，本次讲解的是node中关...

海上生明月，天涯共此时。又是一年中秋时，回想上一次赏月已是那遥远的童年时光，忙碌使我们忘却了假日应有的舒缓。今天在这假期即将开始的时候，让我们用代码来过个节。,今天的主题是基于threejs画出月球环...

JavaScript 高级程序设计第 4 版（后简称高程4），相较于第 3 版，增加了 ES6 至 ES10 的全新内容，删除了旧版过时的内容，并在原有基础上充实了更加翔实的内容。 中文译版于 202...

我一开始是先在网上找这方面的文章发现目前的文章都不太适合我的需求，于是自己想办法封装了一个，在这里分享一下思路及代码。,创建RangeSearch.vue,以上这些是官方文档说明的我就不详细讲解了，主...

text-shadow ​​text-shadow​​是文字阴影，不支持inset关键字，也就是text-shadow只有外阴影，没有内阴影，不支持阴影扩展，最多支持3个数值，分别表示水平偏移、垂直偏...

原子样式虽好，在IDE中使用，有扩展辅助就更好。本文介绍如何开发微信开发者工具的原子样式扩展，支持原子样式的自动生成，支持特色功能组合样式，支持特色功能样式使用统计报告。 1 研发背景 （1）集成可视...

redux redux严格按照flux思想实现的一套框架，实现了单一数据流向。 组成部分 redux由四部分组成 action 组件发布的消息 store 存储消息的 reducers 捕获actio...

大家好,最近比较忙,好久没有写文了,今天总结一下javascript进阶,希望可以帮到大家. 1-作用域 作用域分为全局作用域/局部作用域/块级作用域全局作用域在函数外定义的变量叫做全局变量,全局变量...

大家好，我是 CoderBin，本次整理了我学习react过程中的各部分的知识点，看完文本你将会学到,如果文中有不对、疑惑的地方，欢迎在评论区留言指正,想深入学习的可以点击前往 --> Reac...

基于CSS自定义网格已发布第一部分和第二部分，本文将开始第三部分探讨更多的奇特自定义形状，与之前的文章一样，核心还是基于CSS grid，clip 和 mask来自定义网格形状布局。,三部分文章不一定...

​​localStorage​​​ 是前端本地存储的一种，其容量一般在 ​​5M-10M​​ 左右，用来缓存一些简单的数据基本够用，毕竟定位也不是大数据量的存储。 在某些场景下 ​​localStor...

提及噪点效果，首先想到的就是以前的旧电视机信号不稳定时或者画面不稳定时的效果。如果你没有看过那种旧电视，可以看下面的gif动图，真实的情况噪点的变化速度会快很多，这里为了gif的大小，截取的时间较短供...

引言： 上传是将信息（网页、文字、图片、视频等）通过网页或者上传工具发布到远程服务器上的过程。如何使用Ant-design-vue中的 a-upload 上传组件进行图片或者视频的上传呢？ 正文： 1...

1.数组的学习 1.1利用new创建数组 1.2利用数组字面量来创建数组 必须用逗号进行分割 1.3追加数组元素 2. 函数的学习 2.1 函数的使用 声明函数+调用函数 所需要的东西都在script...

前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 ...

我们前不久写过发布订阅模式： // 发布者 Publisherclass Pub { constructor() { this.deps = []; } addDep(dep) { this.deps...

裁剪图片，一个超级常用的功能！,我个人非常喜欢Windows的「画图」工具。这款工具我小学二年级时非常喜欢玩。长大后，也对它爱不释手。因为「画图」占用内存非常小，可以放大8倍，方便像素级别调整细节，裁...

不知不觉已经迈入2023年，今年是兔年，想到兔子就会联想到玉兔，中秋，胡萝卜，兔子不吃窝边草，这就越扯越远了，今天的主题是用纯CSS来实现各种不错的文字效果，文字则摘录古诗词中有关《兔》相关的诗词，让...

新系列《这些前端新技术你很难再忽视了》，包括：SolidJS、Svelte、Tauri、Bun、Schema等。每一个都引领前端技术演变趋势，很有必要了解。 咱们将采用 5W1H 分析法，即 What...

官网地址： https://openlayers.org/ 源码地址： https://github.com/openlayers/openlayers,,OpenLayers is a high-p...

如果我们把数据比作“米”，数据库就是“米仓”。没错，从标准定义来讲，数据库就是按照数据结构来组织，存储和管理数据的仓库。 数据库的设计初衷？ 就像米多了要修建米仓一样，在操作系统出现之后，随着计算机应...