深度剖析之由浅入深揭秘JavaScript类型转换(最全总结篇)
前言 系列首发于公众号『前端进阶圈』 ，若不想错过更多精彩内容，请“星标”一下，敬请关注公众号最新消息。 深度剖析之由浅入深揭秘JavaScript类型转换(最全总结篇) 值类型转换 将值从一种类型转...
排序
夯实基础，数据库的第1、2、3范式
承接前一篇，本篇来探讨下数据库的范式问题。 数据库范式 简单来说，数据库范式可以避免数据冗余，减少数据库的存储空间，并且减轻维护数据完整性的成本。它是关系数据库核心的技术之一。 关系数据库有六种范式...
【Web开发】Python实现Web服务器（Flask测试后台框架模板）
,提示：Flask是一个用python语言基于Werkzeug工具箱编写的轻量级web开发框架，它主要面向需求简单，项目周期短的小应用。,Flask是一个轻量级的可定制框架，使用Python语言编写...
《 合 成 大 西 瓜 》 重 制 版 ！（ 联 机 版 在 做 了 ）
夏天又到啦，又到了吃西瓜的季节！怎么能少了《合成大西瓜》这款又好玩又解压的小游戏呢？,2021年，这款游戏风靡一时。,2022年，我HullQin（点开可关注我）自己写了一款《合成大西瓜》，但是加了一...
基于HTML5的爱心表白动画特效
从视觉上看，它也是一个爱心轮廓，但是不同的是这个爱心轮廓由许多跳动的小爱心组成，更加有一种3D立体的效果。 1. 运行效果 2. 代码构成 <!doctype html><html...
数据驱动测试-从方法探研到最佳实践
作者：刘红妍 导读 在自动化测试实践中，测试数据是制造测试场景的必要条件，本文主要讲述了在沟通自动化框架如何分层，数据如何存储，以及基于单元测试pytest下如何执行。并通过实践案例分享，提供数据驱动...
基于 Apollo 实现配置灰度发布
在开始之前，您需要具备以下环境：,安装并启动 Apollo Config Service 安装并启动 Apollo Admin Service 安装并启动 Apollo Portal,为了实现配置灰度...
#yyds干货盘点#Redux 源码与函数式编程
Redux 属于典型的“百行代码，千行文档”，其中核心代码非常少，但是思想不简单，可以总结为下面两点： 全局状态唯一且不可变（Immutable） ，不可变的意思是当需要修改状态的时候，用一个新的来...
Review 实战经典：2 种封装风格，你偏爱哪种？
背景交代 一直想做一个调研，到底有多少比例的 web 前端工友工作内容以 开发后台管理系统 为主。 本瓜虽然以前也做过小程序项目、H5项目，但现实仍是以开发后台管理系统为主，是个不折不扣的“后管前端e...
面试官：你说说 js 中实现继承有哪几种方法？
面试官：“你说说 JavaScript 中实现继承有哪几种方法？”,紧张的萌新：“额，class 中用 extends 实现继承，然后...没了...”,面试官：“...”,······,大家好，我是...
你的订婚|结婚纪念日是质数吗？进来测算看看……
今年开年以来，随着ChatGPT的爆火，原本一直平静的三六零安全科技股份有限公司（下称360）股价仅2月以来涨幅就达到近200%。然而4月4日晚间，360发布公告称，公司董事长周鸿祎与妻子胡欢离婚。有...
对于Angular表达式以及重要指令的研究心得【前端实战Angular框架】
,Angularjs使用表达式将数据绑定到HTML Angularjs表达式使用双括号编写：｛表达式｝。 angularjs表达式将数据绑定到HTML，类似于ng bind指令。 Angularjs将...
那些你不知道的炫酷开关交互效果(12种)
本文将继续更新那些炫酷交互效果系列文章，今天带来的是有关 toggle 开关相关的组件。以下是本次文章涉及到的开关组件总览图，总计收集12款不同交互效果，相信总有一款适合你。 ,那些你不知道的炫酷交互...
10 个 Vue3 实战指南，冲就完事了
本篇介绍 10 点如何从实战中学习突破 Vue JS 3 的新特性，细细看完，一定会有收获~ 初始化挂载 在 Vue2 中，我们在 main.js 通常这样进行初始化挂载： new Vue({ re...
React-Router6：从入门到实战最佳指南
大家好，我是CoderBin。前段时间学了 react-router5 后才知道出了6，经典白学...,所以，本文将总结 react-router6 的常用操作，以理论+代码+注释的形式教同学们入门 ...
React实战之数据流方向与项目初始化
,如果以前研究过angular，应该知道双向数据绑定的概念。 指令为ng模式。Angular是双向数据流，父组件和子组件之间的通信相对方便。 但有时，我们不希望儿子改变父亲的价值观。我们只能使用它，不...
关于 "尾调用优化" 的那些事儿
大家好，我是 CoderBin,本文将给大家介绍 JavaScript 函数中关于尾调用优化的优点与写法，助你提升编码能力,如果文中有不对、疑惑的地方，欢迎在评论区留言指正,首先，尾调用的概念非常简单...
纯CSS实现四种方式文本反差色效果
,如上图所示，文字随着界面的交互变化会修改文字的颜色形成反差色，让平平无奇的文字产生了眼前一亮的效果。如果你关注设计和动画效果，这样的效果肯定见过不少，在一些比较注重设计的网站都有类似的交互效果出现...
JavaScript防抖与节流函数：提高应用性能的利器
大家好，我是 CoderBin，防抖和节流函数目前已经是前端实际开发中两个非常重要的函数，也是面试经常被问到的面试题。但是很多前端开发者面对这两个函数还是有点摸不着头脑：无法区分防抖节流、可以区分却不...
“堆内存持续占用高 且 ygc回收效果不佳” 排查处理实践
作者：京东零售 王江波 说明：部分素材来源于网络，数据分析全为真实数据。 一、 问题背景 自建的两套工具，运行一段时间后均出现 内存占用高触发报警，频繁young gc且效果不佳。曾经尝试多次解决，因...
#yyds干货盘点# react笔记之学习之完成删除功能
前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的 ...
一张图不用，纯CSS 做个贺卡
朋友生日了，直接画，炫技并且表示本人闲的全身疼才会去拿CSS画画，以此嘲弄对方的加班： ,既然贺卡做出来了，那就顺便介绍一下贺卡制作流程吧，其实也不是什么技术，也就是CSS 拼拼拼就可以了，简简单单...
![[Go WebSocket] 你的第一个Go WebSocket服务: echo server](https://img.kukai.icu/wp-content/uploads/2023/07/7246707ecb40b8a4dde0910a40a521a5.jpg)
[Go WebSocket] 你的第一个Go WebSocket服务: echo server
上篇文章：《为什么我选用Go重构Python版本的WebSocket服务？》，介绍了我的目标。,从这篇文章开始，我们进入实战，正式介绍Go WebSocket框架。,建议你花1天时间，看一下Go的原理...
作为前端你还不懂MutationObserver？那Out了
?前言 为什么突然写MutationObserver呢？最近在写页面水印的时候用到了MutationObserver方法，两者之间有什么联系呢？不用MutationObserver情况下，使用网站的人...
JavaScript 基础
JavaScript 使用JS的几种写法 行内式的js 直接写道元素的内部<button type="button" value="须弥" onclick="alert('纳西妲')">...
Qt+ECharts开发笔记（三）：ECharts的柱状图介绍、基础使用和Qt封装Demo
上一篇成功是EChart随着Qt窗口变化而变化，本篇将开始正式介绍柱状图介绍、基础使用，并将其封装一层Qt。 本篇的demo实现了隐藏js代码的方式，实现了一个条形图的基本交互方式，即Qt调用js脚...
前端开发：JS中原型和原型链的使用详解
前言 在前端开发过程中，涉及到JS原理相关的内容也就是常用的几大模块，不仅常用而且很重要，但是涉及到原理的话会有点难懂，尤其是对JS接触不太久的开发者来讲。本篇博文就来分享一下关于JS的原型和原型链相...
随机森林的训练过程
随机森林顾名思义，是用随机的方式建立一个森林，森林里面有很多的决策树组成，随机森林的每一棵决策树之间是没有关联的。在得到森林之后，当有一个新的输入样本进入的时候，就让森林中的每一棵决策树分别进...
【原子样式实践】第10篇 原子样式到原子设计的发展使用
在各种知名样式表或者组件库开箱即用的优势下，原子样式依然流行，说明了成品样式（半定制样式）存在升级、变更或者管理的需求，在维护时与发展或者规范形成了冲突。在大粒度上不能较好的解决问题时，势必下钻寻求更...
关于React的这些常用技巧，你应该知道
大家好，我是 CoderBin，本文总结了React中的一些常用技巧，相信看完本文的小伙伴都能从中有所收获。,创作不易，你们的点赞收藏留言就是我最大的动力,如果文中有不对、疑惑的地方，欢迎各位小伙伴们...
源码共读 | 为 vite 项目自动添加 eslint 和 prettier
Vite 是一个用于现代 JavaScript 应用程序的快速、轻量级的构建工具，其设计目的是易于使用和适用于大型项目。Vite-pretty-lint 是一个插件，可以在基于 Vite 的项目中安装...
仅“2k”字就能理解的async/await原理，摸个鱼的时间搞定它
前言 上篇文章5K字 由浅入深聊聊Promise实现原理，中讲述了Promise内部的实现原理。今天来聊聊async与await，那么async与await到底是什么呢。都说是...
【Web开发】Python实现Web图表功能（pyecharts，Flask）
<font color=purple face=华文行楷 size="5">"柳丝榆荚自芳菲，不管桃飘与李飞；",,将 pyecharts 模板，位于 pyecharts.render.t...
JavaScript 剪贴板 Clipboard 的那些事儿！
减轻阅读负担，启发创作心智，轻松学习 JavaScript 技巧，日拱一卒，jym，冲~ 本篇带来 —— JavaScript 剪贴板 Clipboard 的那些事儿！ 复制粘贴就是互联网最伟大的发明...
想做长期的 AB 实验？快来看看这些坑你踩了没
作者：江颢 1. 什么是长期的 AB 实验 大部分情况下，我们做的 AB 实验都是短期的，一到两周或者一个月之内的，通过分析这段时期内测得的实验效应得出实验结论，并最终进行推广。 长期实验即运行时间达...
【Web开发】Python实现Web服务器（Flask测试统计图表）
,提示：Flask是一个用python语言基于Werkzeug工具箱编写的轻量级web开发框架，它主要面向需求简单，项目周期短的小应用。,Flask是一个使用 Python 编写的轻量级 Web 应用...
使用node、Socket.io 搭建简易聊天室
官方介绍(链接) Socket.io是一个WebSocket库，会自动根据浏览器从WebSocket、AJAX长轮询、Iframe流等等各种方式中选择最佳的方式来实现网络实时应用，而且支持的浏...
对于jQuery选择器和动画效果停止动画的实战心得【前端jQuery框架】
,前面我展示了一些如何选择HTML元素的示例。 关键是要了解jQuery选择器如何准确地选择要应用效果的元素。 jQuery元素选择器和属性选择器允许按标记名、属性名或内容选择HTML元素。 选择器允...
从简单到复杂：深入了解 JavaScript 中的 this 绑定规则
大家好，我是 CoderBin，在JavaScript中， this是一个非常重要的概念，属于进阶知识，不管是在面试还是日常开发中都是非常常用的。所以本次给大家总结了关于 this的绑定规则，来帮助大...
使用脚手架 快速开发 React组件 npm包 (基于TSDX)
理由如下：,以上是我认为最大的便捷之处。当然它还有更多好处：自带了Prettier、ESLint便于规范代码风格，自带了JEST方便做测试，提供了一些项目模版等。当然这些你不用也可，对我们的开发完全没...
![[JS入门到进阶] 手写解析URL参数的工具，并部署。用起来又快又爽！](https://img.kukai.icu/wp-content/uploads/2023/07/78e34ff54c6d965f9c239f684b38493a.jpg)
[JS入门到进阶] 手写解析URL参数的工具，并部署。用起来又快又爽！
针对上文第一个场景，我们更常见的做法是，搜索「URL解析」，然后找到网上免费的工具，输入URL，能把参数都告诉我，还能帮我decode参数，非常方便。,但是这是存在问题的：,当然，这种小工具，肯定也有...
vue+tauri开发小巧的跨OS桌面应用-股票体检
最近打算写一个用于股票体检的软件，比如股权质押比过高的股票不合格，ROE小于10的股票不合格，PE大于80的股票不合格等等等等，就像给人做体检一样给股票做个体检。也实现了一些按照技术指标、基本面自动选...
vue+element DatePicker日期选择器封装(可自定义快捷选择时间)
今天封装了一个DatePicker日期选择器，发现带快捷选择的不太好封装，我需要在不同的地方快捷选择不同的时间，并且快捷显示的时间是从昨天开始，在网上找了一圈都没找到便自己写了一个记录一下。,,,今天...
这些前端新技术你很难再忽视了 —— SolidJS
新系列《这些前端新技术你很难再忽视了》，包括：SolidJS、Svelte、Tauri、Bun、Schema等。每一个都引领前端技术演变趋势，很有必要了解。 咱们将采用 5W1H 分析法，即 What...
Appium PO模式UI自动化测试框架——设计与实践
, ,(阅读目录), , 相信做过测试的同学都听说过自动化测试，而UI自动化无论何时对测试来说都是比较吸引人的存在。相较于接口自动化来说它可以最大程度的模拟真实用户的日常操作与特定业务场景的模...
让你事半功倍的JS utils工具函数
今日分享一篇积累和收集了很久的JS utils工具函数，文章代码量较多，建议收藏起来慢慢看，当哪一天需要用到的时候，打开你尘封已久的收藏夹，相信能让你的业务代码开发事半功倍。 汇集了时间相关，DOM相...
如何将微前端项目部署在同一台服务器同一个端口下
作者：京东科技 高飞 前言 本文旨在通过部署微前端项目的实践过程中沉淀出一套部署方案，现就一些重点步骤、碰到的问题做了一些总结。 部署顺序 因为线上部署主应用时需要用到子应用的线上可访问地址，因此部署...
vue中封装的常用方法（全部干货）
引言： 在我们要经常使用一些工具函数的时候，如果每次用到都得定义或者引入是不是很麻烦，封装好一个全局的吧公共方法十分必要，这将会大大节省工作量，而且收集的多了以后也能用的到！ 正文内容 1.获取时间...
Node.js的多版本管理工具之nvm
(Node.js的多版本管理工具之nvm),非Windows系统： https://github.com/nvm-sh/nvm,Windows系统： https://github.com/coreyb...
压测工具Jmeter介绍及使用
一、压测工具选型 1.1、前言 压力测试是每一个Web应用程序上线之前都需要做的一个测试，他可以帮助我们发现系统中的瓶颈问题，减少发布到生产环境后出问题的几率；预估系统的承载能力，使我们能根据其做出一...
夏天来啦，用纯CSS实现水果解解馋吧
今日是农历六月初一。不知不觉地又是一年夏天来临了，面对烈日炎炎，夏天要吃的水果那是必不可少，今天就用CSS来给大家带来一个水果拼盘，提前给大家解解暑~,,以上15种水果你能看出都是什么水果吗？相对不够...
诺！给你「最酷」网页设计指南
作为一个优秀的 Web 前端开发者，如果不懂点用户体验设计（UED），任由 UI 搁那指指点点，那可真叫是：知三晓五 —— 就是不懂事（四）了！ 别方，抱紧我！本篇将为大家带来最酷的网页设计指南！ 闲...
【Web开发】Python实现Web图表功能（pyecharts入门学习）
<font color=purple face=华文行楷 size="5">"柳丝榆荚自芳菲，不管桃飘与李飞；",,,<font color=blue> 新版本系列将从 v1...
原生拖拽太拉跨了，纯JS自己手写一个拖拽效果，纵享丝滑
提到元素拖拽，通常都会先想到用 HTML5 的拖拽放置 (Drag 和 Drop) 来实现，它提供了一套完整的事件机制，看起来似乎是首选的解决方案，但实际却不是那么美好，主要是它的样式太过简陋，无法实...
十分钟教会你如何使用VitePress搭建及部署个人博客站点
使用VitePress可以让我们快速搭建一个静态博客网站，这篇文章将带领大家搭建一个基于VitePress的静态博客网站并且部署到GitHub Pages(github提供的静态网页服务) 快速上手 ...
前端设计模式：观察者与发布订阅模式
观察者模式：定义了对象间一种一对多的依赖关系，当目标对象 Subject 的状态发生改变时，所有依赖它的对象 Observer 都会得到通知,小美通过自己的努力吸引了2个追求者.小美每次发朋友圈必定会...
JS 的浪漫 —— Promise 食用注意点
本瓜一直觉得 Promise 就是咱 JS 人的浪漫，没错，Promise 天天见，但或许越熟悉越陌生，我们在一直用的过程中会形成一些定式，这导致难免会漏掉一些定式以外的要点； 本篇带来 Promis...
面试官：谈谈你知道的 DOM 常见的操作
大家好，我是 CoderBin，本次总结了JavaScript中DOM的一些常用操作，希望对大家有所帮助，谢谢！如果文中有不对、疑惑的地方，欢迎在评论区留言指正,文档对象模型 (DOM) 是 HTM...
#yyds干货盘点# 前端歌谣的刷题之路-第一百五十一题-三列布局 - 圣杯布局
前言 我是歌谣 我有个兄弟 巅峰的时候排名c站总榜19 叫前端小歌谣 曾经我花了三年的时间创作了他 现在我要用五年的时间超越他 今天又是接近兄弟的一天人生难免坎坷 大不了从头再来 歌谣的意志是永恒的...
高复用性自动化脚本设计实践
作者：京东物流 刘红妍 导读：在自动化测试实践中，为了更好的契合被测业务场景，需要不断优化框架分层结构。本文结合产品模块化思路，意在介绍通过策略模式改造原本复杂分支语句代码，通过理论讲解、思路分析、方...
element-ui：el-table合并单元格后的行高亮显示
有如下一份数据,src/data.json,完整数据默认显示如下 ,需要按照合并相同用户的名字列（user_id）显示到表格中,方案：,合并后，发现鼠标经过某一单元格后，并没有按照所期待的那样，整个行...
实战Node.js之GET/POST请求在Web 应用架构在客户端的使用
,在许多情况下，我们的服务器需要处理用户的浏览器，例如表单提交。 get/post请求通常用于向服务器提交表单。,在浏览器中访问http://localhost:3000/user?name=黎燃&a...
React中Flux与redux
混合 react提供了组件的目的是为了复用虚拟DOM，所以react提供了混合的技术是为了复用组件的功能 在ES5中，我们可以通过mixins使用，继承对象中的属性和方法 但是ES6中，提供了exte...
重读 ES6 标准入门（第3版）
前言 仅将自己的理解做整理、归类并结合实际遇到的问题做记录，更推荐阅读 ECMAScript 6 入门。 扩展篇 数组的扩展 解构赋值 “ES6 中允许按照一定模式，从数组和对象中提取值，对变...
【nodejs开发】nodejs实现socket网络通信
(本节内容如下：),在NodeJS中有三种socket：1. TCP，2. UDP，3. Unix域套接字。,UDP/datagram sockets,The dgram module provide...
CSS中3D变换和gradient效果
radial-gradient radial-gradient()是径向渐变，指的是一个中心点向四周扩撒的渐变效果，其中包括波的扩散和光的扩散中都有径向渐变的特征。 css中我们使用radial-gr...
使用 nginx 容器部署前端项目并实现负载
1.拉取镜像,2.运行,http://localhost:8080/,,出现如这个页面表示容器运行成功了。接下来就要更改容器中 nginx 的配置了。,nginx 的默认路径,对nginx进行配置有两...
【Web开发】Python实现Web服务器（web2py）
官方地址： http://www.web2py.com,,,开发web应用的两个经典方法是：,web2py由如下组件构成：,http://www.web2py.com/examples/default...
React中路由中的redux和redux拓展
路由中使用redux 在路由中使用redux只需要两步 第一步 在路由策略组件中（如HashRouter），渲染Route组件，并在该Route路由规则组件中，引入connect方法处理后的应用程序组...
【夏虫语冰】Win10局域网下两台电脑无法ping通: 无法访问目标主机
ping主机ip时，访问无法访问目标主机，或请求超时。 需要在不关闭防火墙的前提下解决了这个问题。 先分析下ping不同的原因：,点击系统桌面的左下角的开始菜单，再点击子菜单“设置”，弹出Window...
前端跨页面通信方案分析
大家好，我是 CoderBin，本次对前端跨页面通信方案进行总结分析，希望对大家有所帮助。 感谢大家的留言点赞收藏 ,在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的...
jQuery 密码验证和深入理解JSONP【前端jQuery框架】
,jQuery密码验证插件扩展了jQuery验证插件，并提供了两个组件： 用于评估密码相关因素的函数： 例如，大小写字母的混合、字符（数字、特殊字符）的混合、长度以及与用户名的相似性（可选）。 用户定...
Jmeter性能测试
Ø 响应时间,Ø 并发用户数,Ø 吞吐量,Ø TPS(每秒事物处理数),Ø 资源利用率(cpu、内存),命令：,安装java 安装jdk1.8：默认安装 配置环境变量： 新建系统变量JAVA_HOME...
JavaScript的相关知识点学习与实践二
１.数组对象的学习 1.1创建数组的两种方式 <script> // 创建数组的两种方式 // 1. 利用数组字面量 var arr = [1, 2, 3]; console.log(ar...
从混沌到规范：JavaScript模块化方案的演进史
JavaScript 语言诞生至今，模块规范化之路曲曲折折。社区先后出现了各种解决方案，包括 AMD、CMD、CommonJS 等，而后 ECMA 组织在 JavaScript 语言标准层面，增加了模...
如何设计高效的基准场景？揭秘大厂的实战策略！
RESAR性能工程中，场景分为基准、容量、稳定性、异常。每类场景对应不同目标。 基准场景是为找到系统中明显配置及软件Bug，也为容量场景提供可对比的基准数据。基准场景要有确定结论。 线程数应该如何确定...
每天一个JavaScript小特效——会魔法的旋转魔方相册
,实现功能： 点击下方图片可翻转到对应图片,实现思路：,魔方中用 <li>标签包含图片，方便用 <ul>包裹，后面给ul添加3D模式便可进行翻折,比较简单不过多讲解,代码如下...
RxJS实现“搜索”功能
闲言少叙，直接开冲！ 先用 JS 原生写一个搜索功能： <input id="text"></input><script> var text = document...
【跟着大佬学JavaScript】之lodash防抖节流合并
前言 前面已经对防抖和节流有了介绍，这篇主要看lodash是如何将防抖和节流合并成一个函数的。 初衷是深入lodash，学习它内部的好代码并应用，同时也加深节流防抖的理解。这里会先从防抖开始一步步往后...
【web开发基础】PHP快速入门（5）-PHP运算符之算术运算符和字符串运算符详解
前言 PHP开发基础开速入门系列 《【web 开发基础】php 开发基础快速入门 (1)-PHP 介绍及开发环境快速安装和基本使用介绍》 《【web 开发基础】php 开发基础快速入门 (2...
Linux关于权限的理解
一、shell命令以及运行原理 在Linux中我们是命令行操作，而windows是图形化界面，本质上定位都是相同的，都是为了让用户进行相关的操作，刚开始都只有的命令行操作，后来才有了图形化界面（用户的...
知道了web的攻击方式，还不快防起来？
大家好，我是 CoderBin,本文总结了一些关于web攻击的几种方式（不代表全部）以及预防方法，希望大家的web之路能够"一路平安",如果文中有不对、疑惑的地方，欢迎在评论区留言指正,Web攻击（W...
ES6+--》熟知JS中的async函数
async函数 async函数的返回值为 promise 对象，promise对象的结果由async函数执行的返回值决定。async函数能使得异步操作变得更加方便，简而言之就是 Generator 的...
#yyds干货盘点#前端图片懒加载
前端性能优化里有图片的加载，有懒加载和预加载。那么什么是懒加载呢？ 懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。 有的网站图片很多，而如果一上来就...
面试官：说说你对Set、Map的理解
面试官：“说说你对Set、Map的理解”,紧张的萌新：“Set类似集合，Map是映射？...”,面试官：“...”,······,大家好，我是 CoderBin，又来到了面试官系列，本次总结了Java...
这些前端新技术你很难再忽视了 —— pnpm
?What 什么是 pnpm？ 答：简单理解 pnpm 就是 npm、yarn 的同类竞争对手，是一款现代包管理器。 ?Why 那为什么要选 pnpm ，而不是 npm 或 yarn 呢？给出理由 答...
【前端】总结一下前端css样式规范
(总结一下前端css样式规范),通用规范,如果 CSS 可以做到，就不要使用 JS，建议并适当缩写值，提高可读性，特殊情况除外 “建议并适当”是因为缩写总是会包含一系列的值，而有时候我们并不希望设置某...
![[教你做小游戏] 滑动选中！PC端+移动端适配！完美用户体验！斗地主手牌交互示范](https://img.kukai.icu/wp-content/uploads/2023/07/792b0e8b87dd82f81a43d8164368bbc6.jpg)
[教你做小游戏] 滑动选中！PC端+移动端适配！完美用户体验！斗地主手牌交互示范
之前我们提到了斗地主的最优秀的交互方案：《斗地主的手牌，如何布局？看25万粉游戏区UP主怎么说》。,具体交互如下：,PC端：,移动端：,今天，我们聊一下，如何用JS开发实现这种对用户体验友好的交互...
【工具推荐】 Obsidian 插件 Obsidian to Flomo 一键同步内容到 Flomo 插件
Obsidian 是一款本地管理文件的笔记软件，通过双向链接的方法，把笔记关联起来，形成相互关联的知识网络。,,Flomo 是一款快捷记录闪念笔记的笔记软件。,,Obsidian to Flomo 是...
Java 注解与反射 基础
注解与反射 基础 什么是注解 Annotation注解 Annotation的作用：不是程序本身，可以对程序做出解释。可以被其他程序（比如 编译器等）读取 annotation的格式： 注解是以 ...
5 种在循环中使用 async/await 的方法，建议收藏
我们经常会遇到这样的需求，在循环中使用异步请求，而 ES6 的 async/await 是我们让异步编程更简单的利剑。 本篇总结了 5 种在循环中使用 async/await 的方法（代码干货都能在浏...
那些你不知道的炫酷导航交互效果
基于上次发布的 那些你不知道的炫酷按钮交互效果 反馈比较好，后续将继续收集那些炫酷的交互效果，希望可以给你的项目添砖加瓦，更上一层楼。,那些你不知道的炫酷交互效果系列：,本文带来的炫酷的导航交互效果...
那些你不知道的 CSS 自定义形状网格布局
在正常的开发中，我们会遇到很多元素块排列对齐的需求，如九宫格抽奖，多张图片上传后等分布局预览，微信朋友圈多张图片展示等。这都是正常的正方形很规整的布局。,如下所示，如果图像不是完全正方形，而是形状像六...
Intellij IDEA配置Tomcat并创建JavaWeb项目
Intellij IDEA配置Tomcat并创建JavaWeb项目 Intellij IDEA配置Tomcat并创建JavaWeb项目 一、实验环境 二、说明 三、Web项目搭建...
【Web开发】Python实现Web服务器（Sanic）
https://sanic.dev/zh/ https://github.com/sanic-org/sanic,,,在我们开始之前，请确保您使用的是 Python3.7 或更高版本。目前已知可以使用...
CSS中box-shadow属性和2D变换
box-shadow box-shadow表示盒阴影，可以给元素设置阴影效果，如果我们设置向下的阴影效果: .wrapper { position: fixed; left: 0; top: 0, b...
关于JavaScript编译原理以及作用域的深入探讨
大家好，我是 CoderBin。,几乎所有编程语言最基本的功能之一，就是能够储存变量当中的值，并且能在之后对这个值进行访问或修改。事实上，正是这种储存和访问变量的值的能力将状态带给了程序。,若没有了状...
#yyds干货盘点#vue.config.js 的完整配置
今天分享一下，我们项目当中的一些webpack配置，希望能给大家有所启发；只要配置多了，你就会发现其实所有的配置的都是相似的，尤其像插件的配置，都是十分相似的。 我们现在开始进入今天的主题啦...
面试官：你说说var、let、const三者的区别
大家好，我是 CoderBin,面试官：“你说说var、let、const三者的区别”,紧张的萌新：“var没有块级作用域，let有......”,面试官：“...”,······,本次又来到了面试官...
#yyds干货盘点#组件化漫谈
今天前端生态里面，React、Angular和Vue三分天下。虽然这三个框架的定位各有不同，但是它们有一个核心的共同点，那就是提供了组件化的能力。W3C也有Web ...
">