前端开发

给元素设置伪元素的时候，必须设置其 content属性，浏览器才会将这些元素插入到选择的元素中。该值可以设置为空字符串： content: ""。,::before 表示在原始元素的实际内容之前表示一...

一般都知道css可以实现单行溢出限制，那么多行溢出的话，css该怎么去实现了，此例主要借助css的伪元素样式去实现的，具体代码和注释如下。 单行超出宽度限制溢出 html代码： <div cla...

,我们从上图中可以看到数组对应原型下的所有的方法和属性。,定义：获取访问指定索引的元素值，可以接受负数，从尾部开始索引。,at()方法虽然新颖，但是很多人会问，这不是和属性访问器 arr[2] 效果一...

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

传送门：Vue中 子组件向父组件传值 及 .sync 修饰符 详解传送门：Vue中 状态管理器（vuex）详解及应用场景传送门：Vue中 事件总线（eventBus）详解及使用传送门：Vue中 pro...

今天我们来玩一下ChaosMesh模拟网络duplicate包的情况。同时也要看一下对应用产生的直接影响。 目标 模拟网络重复包。 配置 yaml文件配置 [root@s5 ChaosMesh]# c...

混合 react提供了组件的目的是为了复用虚拟DOM，所以react提供了混合的技术是为了复用组件的功能 在ES5中，我们可以通过mixins使用，继承对象中的属性和方法 但是ES6中，提供了exte...

我在我本地的开发环境，执行批处理程序 b2c.bat 可以正常运行 4.3.x 这个版本的 Spartacus，但是 5.0 即 develop 分支就不行，报这个错误：,,使用命令行 where n...

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

在认识图片优化前，我们先了解下 【二进制位数】与【色彩呈现】的关系。,在计算机中，一般用二进制数来表示像素。在不同的图片格式中，像素与二进制位数之间对应的关系是不同的。一个像素对应的二进制位数越多，它...

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

文章目录 一、dockerfile概述 1、dockerfile基础 2、Docker执行Dockerfile的大致流程 3、镜像、容器、dockerfile的关系 二、dockerfile常用保留字...

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

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

圆环进度条 前言 正文 一、XML样式 二、构造方法 三、测量 四、绘制 ① 绘制进度条背景 ② 绘制进度 ③ 绘制文字 五、API方法 六、使用 七、源码 前言 很多时候我们会使用进度条，而Andr...

官方地址： http://www.web2py.com,,,开发web应用的两个经典方法是：,web2py由如下组件构成：,http://www.web2py.com/examples/default...

作为程序猿，代码比什么都有说服力，嗯，所以废话不多说，直接看吧，认真看完了，就一定有收获（内容有点多，需要一点耐心哦,我是一点一点写的，咱也一点一点看呗） counter:是css计数器，只能跟con...

小引 JavaScript 技能持有者一定有问过这个问题： JavaScript 是面向对象语言吗？ 你期望得到的答案应该为：“是” 或 “不是”。 但是可惜，你得不到这样简单的答案！ 你大概了解一通...

路由中使用redux 在路由中使用redux只需要两步 第一步 在路由策略组件中（如HashRouter），渲染Route组件，并在该Route路由规则组件中，引入connect方法处理后的应用程序组...

大家好，我是 CoderBin，本次对前端跨页面通信方案进行总结分析，希望对大家有所帮助。 感谢大家的留言点赞收藏 ,在浏览器中，我们可以同时打开多个Tab页，每个Tab页可以粗略理解为一个“独立”的...

笔者曾经在 SAP 成都研究院 CRM Fiori开发团队工作时，担任了德国一个著名的灯具制造商客户的CRM Fiori项目的dev angel. 当时客户提出了若干对 CRM Fiori标准应用的增...

一、CDN插件 地址：​https://cdnjs.com/libraries/crypto-js​​可以直接引用线上CDN<script src="https://cdnjs.cloudfla...

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

一、什么是vdom？,二、为何要用vdom？,三、vdom核心函数有哪些,Vue项目中实现路由按需加载（路由懒加载）的3中方式：,Proxy的优点：,Proxy的缺点：,Object.definePr...

为什么会有这篇文章 一年前从青岛离职回老家工作，来到这家公司的时候，这边的前端对于区块链基本说0了解，很多时候基本属于东拼西凑，来去获取账户，剩下的全靠后端，去中心化可以说完全没有接触过。 ps: 这...

这几年疫情反复不断，距离上一次我拿起相机甚至可以追溯到两年前，实在是泪目。既然不能出去拍照，那只能继续宅着敲代码度日了，于是就有了这个 在线相册的小项目，用来方便自己放上一些觉得还不错的摄影作品，当然...

,简单地说，Node.js是在服务器端运行的JavaScript。 节点。,然而，对于node JS，概念完全不同。,事实上，我们的web应用程序和相应的web服务器基本相同。 让我们了解一下node...

１.数组对象的学习 1.1创建数组的两种方式 <script> // 创建数组的两种方式 // 1. 利用数组字面量 var arr = [1, 2, 3]; console.log(ar...

Hadoop离线是大数据生态圈的核心与基石，是整个大数据开发的入门。本次分享内容让初学者能高效、快捷掌握Hadoop必备知识，大大缩短Hadoop离线阶段学习时间，下面一起开始今天的学习！ 一、Had...

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

文章目录 ​​1.LVM概述​​ ​​2.LVM的管理命令​​ ​​3.使用命令行工具实现LVM存储​​ ​​4.扩展逻辑卷和ext4文件系统​​ ​​5.减少逻辑卷和文件系统​​ ​​6.扩大和减少...

,实现功能： 点击下方图片可翻转到对应图片,实现思路：,魔方中用 <li>标签包含图片，方便用 <ul>包裹，后面给ul添加3D模式便可进行翻折,比较简单不过多讲解,代码如下...

1.vue中数据向下传递时，无法使用@close方法清除 原因：传递的时候需要进行一波深拷贝 方法：JSON.parse(JSON.stringify(obj)) 2.表格选择的时候无法再次点击取消 ...

什么是灰度发布？百度百科的解释如下。,从上可以看出，灰度发布的主要作用有以下几点：,灰度发布的方式有很多，按端可以区分服务端，客户端，Web前端都可以做，没有最好，只有更适合自己的业务场景。 如上可以...

本篇会将谈谈函数编程中一个很重要的细节 —— “副作用”。 ​ 维基上关于副作用的解释： 函数内部有隐式（Implicit）的数据流，这种情况叫做副作用（Side Effect）。 咱们前文也提到过...

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

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

近年来，小程序蓬勃发展，从微信到支付宝、抖音等各大平台，小程序纷纷上线。小程序发展如此快速，究其原因离不开它的几大特点：获客成本低、用户访问成本低、轻量触达、用户体验佳、用户负担小、更加安全。 小程序...

JavaScript奇淫技巧：密码保护的私密图片 JavaScript奇淫技巧：图片压缩、图片加密 本文将用JavaScript实现两个颇有技术含量的功能：图片压缩、图片加密。 最终效果：可实现将任意...

文章目录 组件间通信的概念 组件间通信解决了什么？ 组件间通信的分类 组件间通信的方案 props传递数据 $emit 触发自定义事件 ref EventBus $parent 或 $root $at...

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

async函数 async函数的返回值为 promise 对象，promise对象的结果由async函数执行的返回值决定。async函数能使得异步操作变得更加方便，简而言之就是 Generator 的...

前端性能优化里有图片的加载，有懒加载和预加载。那么什么是懒加载呢？ 懒加载也叫做延迟加载、按需加载，指的是在长网页中延迟加载图片数据，是一种较好的网页性能优化的方式。 有的网站图片很多，而如果一上来就...

面试官：“说说你对Set、Map的理解”,紧张的萌新：“Set类似集合，Map是映射？...”,面试官：“...”,······,大家好，我是 CoderBin，又来到了面试官系列，本次总结了Java...

?What 什么是 pnpm？ 答：简单理解 pnpm 就是 npm、yarn 的同类竞争对手，是一款现代包管理器。 ?Why 那为什么要选 pnpm ，而不是 npm 或 yarn 呢？给出理由 答...

(目录),,Web api文档：https://developer.mozilla.org/zh-CN/docs/Web/API/Document_Object_Model/Introduction...

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

之前我们提到了斗地主的最优秀的交互方案：《斗地主的手牌，如何布局？看25万粉游戏区UP主怎么说》。,具体交互如下：,PC端：,移动端：,今天，我们聊一下，如何用JS开发实现这种对用户体验友好的交互...

就在前不久，我们讲了创建对象的 3 种常见设计模式：工厂设计模式、构造函数设计模式、原型设计模式。这 3 种设计模式，真切时刻发生在我们日常编码生活中，蓦然回首，灯火阑珊处。 本篇带来另外一种设计模式...

Obsidian 是一款本地管理文件的笔记软件，通过双向链接的方法，把笔记关联起来，形成相互关联的知识网络。,,Flomo 是一款快捷记录闪念笔记的笔记软件。,,Obsidian to Flomo 是...

注解与反射 基础 什么是注解 Annotation注解 Annotation的作用：不是程序本身，可以对程序做出解释。可以被其他程序（比如 编译器等）读取 annotation的格式： 注解是以 ...

Redis（Remote Dictionary Server )，即远程字典服务，是一个开源的使用ANSI C语言编写、支持网络、可基于内存亦可持久化的日志型、Key-Value数据库，并提供多种语言...

在SpringMVC配置文件中 配置注解开发设置 配置注解需要扫描的位置 <context:component-scan base-package="org.djd.Controller"/&g...

前言 若问2023年科技领域什么最火，那当然是ChatGPT了，这么智能的对话机器人，给人带来无限的想象，围绕着ChatpGPT的各种热点和创意层出不穷。作为一个多年从事编程开发的程序员，我对于这么大...

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

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

ES7 引入 ​​async/await​​​ 允许开发人员编写看起来像同步的异步 JavaScript 代码。在当前的 JavaScript 版本中，还可以使用 ​​Promises​​，这些功能都...

在正常的开发中，我们会遇到很多元素块排列对齐的需求，如九宫格抽奖，多张图片上传后等分布局预览，微信朋友圈多张图片展示等。这都是正常的正方形很规整的布局。,如下所示，如果图像不是完全正方形，而是形状像六...

今天才想起来端午这回事，没办法就急急忙忙的赶工一下，接下来我就画一下这个海报试试手了：,,先给整个网页制作一个布局吧，直接 flex 搞定，并且使其居中 justify-content、align-i...

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

https://sanic.dev/zh/ https://github.com/sanic-org/sanic,,,在我们开始之前，请确保您使用的是 Python3.7 或更高版本。目前已知可以使用...

Pinia和Vuex一样都是是vue的全局状态管理器。其实Pinia就是Vuex5，只不过为了尊重原作者的贡献就沿用了这个看起来很甜的名字Pinia。 本文将通过Vue3的形式对两者的不同实现方式进行...

数组遍历操作 forEach 该方法等同于for循环，其没有返回值结构：arr.forEach(回调函数,回调函数this的值) 第二个参数当回调函数是箭头函数时无效 用法：arr.forEach(f...

文章目录 ​​一、Spring-WebFlux介绍​​ ​​区别于Spring MVC​​ ​​二、Spring-WebFlux的使用​​ ​​1、注解编程模型​​ ​​（1）定义实体类​​ ​​（2...

box-shadow box-shadow表示盒阴影，可以给元素设置阴影效果，如果我们设置向下的阴影效果: .wrapper { position: fixed; left: 0; top: 0, b...

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

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

测试代码是确保代码稳定的第一步。能做到这一点的最佳方法之一就是使用 单元测试，确保应用程序中的每个较小的功能都按应有的方式运行——尤其是当应用程序接收到极端或无效输入，甚至可能有害的输入时。,进行单元...

文章目录 一、安装Java 二、安装 Logstash 1、下载Logstash 2、安装Logstash 二、使用Logstash 1、安装结果测试 2、测试文件启动 3、监控指定端口输入 4、从文...

面试一般会问 socket原理 socket为啥要有端口：确定一个链路的是一个四元组 Socket编程 socket通信 你做过socket编程吗，socket是怎么实现知道有连接过来的 说说WebS...

作者：杨雷,基于项目中对柱状图使用的各种情况，Echarts提供的组件不太能满足业务记录设备历史数据的需求，对其研究会花费大量的时间，为了提高研发的速度，我这里对柱状图进行二次封装，以便满足业务需求...

随着前端各种框架的日益完善，一些基本的性能优化和加载优化都已经很完善了，但是有些必要的优化还是得开发者自己去做。vue.js是一个比较流行的前端框架，与react.js、angular.js相比来说...

大家好，我是 CoderBin,面试官：“你说说var、let、const三者的区别”,紧张的萌新：“var没有块级作用域，let有......”,面试官：“...”,······,本次又来到了面试官...

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

利用snowfall.jquery.js实现满屏爱心表白代码 一、效果展示 二、代码分析 第一步：利用伪元素before和 :after画两个重叠在一起的长方形，如图所示： <!DOCTYPE ...

如下示例，是使用VUE 打造的本地小说阅读网站 ​编辑 一、本地小说网站总体组织框架 1、所需的VUE库和elementLib以及JQ库 ​编辑 2、本地目录设计 编辑 编辑 藏书库下，是HTML...

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

前言 前面一篇文章​​Vue开发历程---音乐播放器​​，实现了播放音乐，以及基本的布局。但是进度条没有实现同步，本文即介绍进度条的实现。 一、效果图 二、心路历程 1、elementUI 滑块的使用...

RedisTemplate操作Redis，这一篇文章就够了(一）StringRedisTemplate和RedisTemplate的区别（二）StringRedisTemplate的一个小案例（三） ...

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

1、常用Linux命令 2、Linux下脚本编写3、windows下CMD常用命令 文章目录 一、目录操作 1、批量操作 二、文件操作 三、文件内容操作（查看日志，更改配置文件） 1、grep(检索文...

如果无法从 Angular 平台注入所需的正确全局值，则可以避免调用浏览器代码，只要不需要在服务器上访问该代码即可。 例如，全局窗口元素的调用通常是为了获取窗口大小或其他一些视觉方面。 但是，在服务器...

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

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

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

效果如下图所示：我们实际上使用了 2D 来模拟 3D 效果。,,应用程序启动时，默认只绘制一个立方体，因此我们在初始绘制的函数里，只执行动态绘制 X 方向的立方体这一个逻辑。因为默认 X 方向的立方体...

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

引言 Deformable-DETR的主要贡献： 1，结合可变形卷积的稀疏空间采用和Transformer的全局关系建模能力，提出可变形注意力机制模型，使其计算量降低，收敛加快。 2，使用多层级特征...

什么是设计模式？为什么需要学习设计模式？ 学习设计模式的目的是：为了代码可重用性、让代码更容易被他人理解、保证代码可靠性。 设计模式使代码编写真正工程化；设计模式是软件工程的基石脉络，如同大厦的结构一...

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

本篇将着重介绍 函数的输入，它是 JS 轻量函数式编程的基础之基础，重要之重要！！！ ​ 偏函数 传参现状 我们经常会写出这样的代码： function ajax(url,data,callback...

至于平时开发为什么需要 mock 数据，应该大多数的同学都非常清楚了；如果前后端同步开发的话，少不了这一步，在需求评审，技术评估等流程通过后，前后端就会约定接口 api 的字段（但是在部分公司可能会少...

通过添加class以及修改css变量得方式实现一个svg图标切换不同得主题色 1.在变量文件中定义几组控制几种不同颜色得变量 分析提供的图标发现有三种颜色，因此定义三个css变量 //控制导航双色图标...

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

记录一下js中比较基础且重要的原型链 <!doctype html><html lang="en"><head> <meta chatset="UTF-8&g...

一、自我介绍 很高兴来到51CTO博客，目前我是一名在读本科生，希望在这里能学到更多的知识，并且能够写出优秀的博客。 二、技术分享 基础用户登陆界面 <!doctype html><...

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

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

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

theme: juejin highlight: gi 前言 ​​大家好，我是梁木由，一个有想头的前端，最近呢也在为明年跳槽做复习准备。但我有个朋友呢，打算在年前跳槽，这不这几天正在疯狂面试中，前两天...