yyds干货盘点

大家好，我是 CoderBin，本文总结了React中的一些常用技巧，相信看完本文的小伙伴都能从中有所收获。,创作不易，你们的点赞收藏留言就是我最大的动力,如果文中有不对、疑惑的地方，欢迎各位小伙伴们...

Ø 响应时间,Ø 并发用户数,Ø 吞吐量,Ø TPS(每秒事物处理数),Ø 资源利用率(cpu、内存),命令：,安装java 安装jdk1.8：默认安装 配置环境变量： 新建系统变量JAVA_HOME...

今天前端生态里面，​​React​​、​​Angular​​和​​Vue​​三分天下。虽然这三个框架的定位各有不同，但是它们有一个核心的共同点，那就是提供了组件化的能力。​​W3C​​也有​​Web ...

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

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

作者：江颢 1. 什么是长期的 AB 实验 大部分情况下，我们做的 AB 实验都是短期的，一到两周或者一个月之内的，通过分析这段时期内测得的实验效应得出实验结论，并最终进行推广。 长期实验即运行时间达...

背景交代 一直想做一个调研，到底有多少比例的 web 前端工友工作内容以 开发后台管理系统 为主。 本瓜虽然以前也做过小程序项目、H5项目，但现实仍是以开发后台管理系统为主，是个不折不扣的“后管前端e...

大家好，我是 CoderBin，防抖和节流函数目前已经是前端实际开发中两个非常重要的函数，也是面试经常被问到的面试题。但是很多前端开发者面对这两个函数还是有点摸不着头脑：无法区分防抖节流、可以区分却不...

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

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

朋友生日了，直接画，炫技并且表示本人闲的全身疼才会去拿CSS画画，以此嘲弄对方的加班： ,既然贺卡做出来了，那就顺便介绍一下贺卡制作流程吧，其实也不是什么技术，也就是CSS 拼拼拼就可以了，简简单单...

大家好，我是 CoderBin，在JavaScript中， this是一个非常重要的概念，属于进阶知识，不管是在面试还是日常开发中都是非常常用的。所以本次给大家总结了关于 this的绑定规则，来帮助大...

今天封装了一个DatePicker日期选择器，发现带快捷选择的不太好封装，我需要在不同的地方快捷选择不同的时间，并且快捷显示的时间是从昨天开始，在网上找了一圈都没找到便自己写了一个记录一下。,,,今天...

闲言少叙，直接开冲！ 先用 JS 原生写一个搜索功能： <input id="text"></input><script> var text = document...

前言 前面已经对防抖和节流有了介绍，这篇主要看lodash是如何将防抖和节流合并成一个函数的。 初衷是深入lodash，学习它内部的好代码并应用，同时也加深节流防抖的理解。这里会先从防抖开始一步步往后...

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

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

基于上次发布的 那些你不知道的炫酷按钮交互效果 反馈比较好，后续将继续收集那些炫酷的交互效果，希望可以给你的项目添砖加瓦，更上一层楼。,那些你不知道的炫酷交互效果系列：,本文带来的炫酷的导航交互效果...

,提示：Flask是一个用python语言基于Werkzeug工具箱编写的轻量级web开发框架，它主要面向需求简单，项目周期短的小应用。,Flask是一个使用 Python 编写的轻量级 Web 应用...

Intellij IDEA配置Tomcat并创建JavaWeb项目 ​​Intellij IDEA配置Tomcat并创建JavaWeb项目​​ ​​一、实验环境​​ 二、说明 ​​三、Web项目搭建​...

今天分享一下，我们项目当中的一些​​webpack​​配置，希望能给大家有所启发；只要配置多了，你就会发现其实所有的配置的都是相似的，尤其像插件的配置，都是十分相似的。 我们现在开始进入今天的主题啦...

,在许多情况下，我们的服务器需要处理用户的浏览器，例如表单提交。 get/post请求通常用于向服务器提交表单。,在浏览器中访问http://localhost:3000/user?name=黎燃&a...

JavaScript 语言诞生至今，模块规范化之路曲曲折折。社区先后出现了各种解决方案，包括 AMD、CMD、CommonJS 等，而后 ECMA 组织在 JavaScript 语言标准层面，增加了模...

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

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

,前面我展示了一些如何选择HTML元素的示例。 关键是要了解jQuery选择器如何准确地选择要应用效果的元素。 jQuery元素选择器和属性选择器允许按标记名、属性名或内容选择HTML元素。 选择器允...

, ,(阅读目录), , 相信做过测试的同学都听说过自动化测试，而UI自动化无论何时对测试来说都是比较吸引人的存在。相较于接口自动化来说它可以最大程度的模拟真实用户的日常操作与特定业务场景的模...

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

作者：京东科技 高飞 前言 本文旨在通过部署微前端项目的实践过程中沉淀出一套部署方案，现就一些重点步骤、碰到的问题做了一些总结。 部署顺序 因为线上部署主应用时需要用到子应用的线上可访问地址，因此部署...

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

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

观察者模式：定义了对象间一种一对多的依赖关系，当目标对象 Subject 的状态发生改变时，所有依赖它的对象 Observer 都会得到通知,小美通过自己的努力吸引了2个追求者.小美每次发朋友圈必定会...

1.拉取镜像,2.运行,http://localhost:8080/,,出现如这个页面表示容器运行成功了。接下来就要更改容器中 nginx 的配置了。,nginx 的默认路径,对nginx进行配置有两...

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

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

(Node.js的多版本管理工具之nvm),非Windows系统： https://github.com/nvm-sh/nvm,Windows系统： https://github.com/coreyb...

本瓜一直觉得 Promise 就是咱 JS 人的浪漫，没错，Promise 天天见，但或许越熟悉越陌生，我们在一直用的过程中会形成一些定式，这导致难免会漏掉一些定式以外的要点； 本篇带来 Promis...

大家好，我是 CoderBin，本次总结了JavaScript中DOM的一些常用操作，希望对大家有所帮助，谢谢！如果文中有不对、疑惑的地方，欢迎在评论区留言指正,文档对象模型 (DOM) 是 HTM...

我们经常会遇到这样的需求，在循环中使用异步请求，而 ES6 的 async/await 是我们让异步编程更简单的利剑。 本篇总结了 5 种在循环中使用 async/await 的方法（代码干货都能在浏...

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

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

Redux 属于典型的“百行代码，千行文档”，其中核心代码非常少，但是思想不简单，可以总结为下面两点： ​全局状态唯一且不可变（Immutable） ，不可变的意思是当需要修改状态的时候，用一个新的来...

减轻阅读负担，启发创作心智，轻松学习 JavaScript 技巧，日拱一卒，jym，冲~ 本篇带来 —— JavaScript 剪贴板 Clipboard 的那些事儿！ 复制粘贴就是互联网最伟大的发明...

前言 仅将自己的理解做整理、归类并结合实际遇到的问题做记录，更推荐阅读 ​​ECMAScript 6 入门​​。 扩展篇 数组的扩展 解构赋值 “ES6 中允许按照一定模式，从数组和对象中提取值，对变...

大家好，我是 CoderBin,本文总结了一些关于web攻击的几种方式（不代表全部）以及预防方法，希望大家的web之路能够"一路平安",如果文中有不对、疑惑的地方，欢迎在评论区留言指正,Web攻击（W...

(本节内容如下：),在NodeJS中有三种socket：1. TCP，2. UDP，3. Unix域套接字。,UDP/datagram sockets,The dgram module provide...

大家好，我是 CoderBin。,几乎所有编程语言最基本的功能之一，就是能够储存变量当中的值，并且能在之后对这个值进行访问或修改。事实上，正是这种储存和访问变量的值的能力将状态带给了程序。,若没有了状...

有如下一份数据,src/data.json,完整数据默认显示如下 ,需要按照合并相同用户的名字列（user_id）显示到表格中,方案：,合并后，发现鼠标经过某一单元格后，并没有按照所期待的那样，整个行...

(总结一下前端css样式规范),通用规范,如果 CSS 可以做到，就不要使用 JS，建议并适当缩写值，提高可读性，特殊情况除外 “建议并适当”是因为缩写总是会包含一系列的值，而有时候我们并不希望设置某...

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

一、shell命令以及运行原理 在Linux中我们是命令行操作，而windows是图形化界面，本质上定位都是相同的，都是为了让用户进行相关的操作，刚开始都只有的命令行操作，后来才有了图形化界面（用户的...

,jQuery密码验证插件扩展了jQuery验证插件，并提供了两个组件： 用于评估密码相关因素的函数： 例如，大小写字母的混合、字符（数字、特殊字符）的混合、长度以及与用户名的相似性（可选）。 用户定...

radial-gradient radial-gradient()是径向渐变，指的是一个中心点向四周扩撒的渐变效果，其中包括波的扩散和光的扩散中都有径向渐变的特征。 css中我们使用radial-gr...