鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

短视频免费课程课程排行直播课软考学堂

全部课程厂商认证 IT技术 25年5月软考 PMP项目管理免费题库

文章资源问答课堂专栏直播

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

前端

2.7w内容

关注

分享前端领域的前沿热点、技术实战、框架应用和使用案例，为开发者学习前端技术提供参考。

文章博文帖子课程

共 713 条

学习容器你不能错过核心技术runC和Libcontainer

Libcontainer是一个开源的Linux容器管理库，它是由Docker团队开发的，用于支

2023-03-18 10:21:17

docker 云原生容器

Java 接口的所有子类都需要执行相同处理逻辑的推荐姿势

一、背景在实际开发过程中，有些时候我们可能会遇到这样的场景，即实现某个

2023-03-18 08:55:01

spring 策略模式 java

Java 中 Future 的 get 方法超时会怎样？

很多 Java 工程师在准备面试时，会刷很多八股文，线程和线程池这一块通常会

2023-03-18 08:49:30

java 面试开发语言

实现基于声网Web SDK的视频会议的使用体验

引导语众所周知，市面上有比如飞书会议、腾讯会议等实现视频会议功能的应用，而且随着这几年大环境的影响，远程协作办公越来越成为常态，关于视频会议的应用也会越来越多，且在远程办公的沟通协作中对沟通软件的使用要求会越来越严格。正是因为外部大环境的原因直接促进了远程办公从起步逐渐走向成熟，打破了传统的以场地办公为主的模式，这使得视频会议的应用呈现出一派繁荣发展的景象。这些关于视频会议的功能怎么实现呢？那么本

2023-03-17 15:50:50

Web ide 代码段

如何优雅在webpack项目实现mock服务器

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

2023-03-16 14:47:29

node javascript webpack

Object.prototype.toString判断类型的原理

项目中，我们经常会直接使用Object.prototype.toString用来做类型判断。他基本是几种方法里可以开箱即用、且判断类型最完善了。现在我们来扒皮一下他。

2023-03-16 10:50:12

类属性字符串构造函数

你没事吧？没事就来看看这篇响应式方案

一提到响应式就会有很多概念，概念 == 术语，专业，高深，冷酷，无情。响应就是有响有应，这是一件双箭头的事情（我喜欢你，你也喜欢我）注意：前提是合适。那换做是屏幕也是同理，根据屏幕大小，显示合适的内容。

2023-03-15 14:58:44

你以为你请求的就是你想请求的吗？

在如今SPA应用流行的情况下，页面上的所有东西都是通过javascript进行加载，本文将带你一步一步截获用户请求，并修改请求地址。我们主要使用的方法为Hook原生接口进行接口调用拦截；在拦截前，先定义一个URL修改的函数，统一将URL请求中的before修改为after，你在你的实际处理中可能会更加复杂。 function srcHook(url) { let nUrl = url.r

2023-03-14 19:59:45

javascript HTML CSS

Google earth engine——全球森林碳通量（2001-2021）数据集可视化含代码

全球森林碳通量（2001-2021）森林碳净通量是指2001年至2021年期间森林与大气之间的碳净交换量，计算方法是模型期间森林排放的碳与森林移除（或封存）的碳之间的平衡（兆克CO2排放量/公顷）。净碳通量的计算方法是将每个建模像素的年平均总清除量减去年平均总排放量；负值是指2001年至2021年期间森林为净碳汇，正值是指森林为净碳源。根据Hansen等人（2013）的全球森林变化树木覆盖率变化数

2023-03-14 17:47:05

数据 gee 森林

Java开发 - Elasticsearch初体验

es全称Elasticsearch，开发界简称es，如果你是做开发的，和后台接触时多多少

2023-03-11 19:33:07

elasticsear 大数据搜索引擎

（总结三）Linux指令学习——逻辑卷管理

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

2023-03-08 09:58:54

逻辑卷文件系统数据备份

SpringMVC注解开发

解的controller<bean clas

2023-03-08 00:21:48

springmvc spring mvc

纯css实现文本内容单行/多行溢出显示省略号

用纯css该如何实现单行或者多行溢出时，自动显示省略号。

2023-03-07 19:23:19

css 多行溢出

TypeScript 与 JavaScript：你应该知道的区别

在本文中，我们将比较这两种编程语言——TypeScript 与 JavaScript，它们之间的关系，它们的区别，并概述每种语言的优点。

2023-03-07 11:36:46

编程语言 Web TypeScript

RT-Thread 模拟器 simulator 搭建 LVGL 的开发调试环境

RT-Thread 模拟器 simulator 搭建 LVGL 的开发调试环境

2023-03-06 16:07:31

LVGL 模拟器 visual stud

SpringCloud-全面详解（学习总结---从入门到深化）

Spring Cloud是一个基于Spring Boot实现的微服务架构开发工具。它为微服务架构中

2023-03-06 15:48:19

Spring Clou Java 微服务

浅谈对JavaScript 中的执行上下文和执行栈的理解

大家好，金三银四马上也快到了，总听说行情不好，面试不好面，不过好像也没什么太大关系，该换新工作就换，只要准备充分还怕它什么行情不好。笔者呢最近也有想法所以再回顾JavaScript知识时，又看到了JavaScript的执行上下文。那么这篇文章呢一小部分内容是我自己的一些理解。大部分内容来自[译] 理解 JavaScript 中的执行上下文和执行栈原文地址：Understandi

2023-03-05 11:59:03

执行上下文词法标识符

C++ 常用命令行开发工具（Linux）

1、简介编译的四个阶段：预处理（扩展各个宏与文件）、编译（得到汇编代码）、汇编（得到机器码）、链接（得到可执行文件）预处理：编译处理宏定义等宏命令（eg:#define）——生成后缀为“.i”的文件　　编译：将预处理后的文件转换成汇编语言——生成后缀为“.s”的文件　　汇编：由汇编生成的文件翻译为二进制目标文件——生成后缀为“.o”的文件　　连接：多个目标文件（二进制）结合库函数

2023-03-04 07:59:49

编译器 bash 插入图片

ES6标准的JS代码，是否能进码混淆加密？

nodejs开发，使用es6标准的javascript代码，是否能进行代码混淆加密？回答是肯定的，能。

2023-03-03 12:21:57

代码混淆字段加密结果

《领域驱动设计精粹》读书笔记

第一章DDD对我而言还可以指引构建正确软件模型的方向。领域驱动可或缺的，除了优秀设计就是糟糕设计，根本不存在不做设计.有效设计（Effective Design）可以满足商业组织希望借助软件超越竞争

2023-03-01 16:54:30

DDD 领域驱动设计领域模型

【中间件安全】Nginx 安全加固规范

1. 适用情况适用于使用Nginx进行部署的Web网站。2.

2023-03-01 16:35:03

nginx 配置文件 html

“堆内存持续占用高且 ygc回收效果不佳” 排查处理实践

内存占用持续居高不下，频繁young gc且效果不佳，究竟出现了什么问题？young gc的时机？为何young gc后堆内存使用率仍然很高？又是什么原因导致内存占用高？本篇文章将深度解析其原因并提供一套为止可行的解决方案。

2023-03-01 08:00:32

老年代 java CMS

css中的counter计数器

作为程序猿，代码比什么都有说服力，嗯，所以废话不多说，直接看吧，认真看完了，就一定有收获（内容有点多，需要一点耐心哦,我是一点一点写的，咱也一点一点看呗）counter:是css计数器，只能跟content属性在一起使用的时候才起作用，而content属性专用在before/after伪元素上counter计数器的属性和方法属性有：counter-reset、counter-increment方法

2023-03-01 00:44:55

css3 counter html

金蝶EAS_WFLL2开发记录

这里配置是通过配置文件读取的，可以修改server\deploy\easweb.dData",true);-......

2023-02-28 17:20:47

waf2 1024程序员节数据

关于JavaScript编译原理以及作用域的深入探讨

大家好，我是CoderBin。几乎所有编程语言最基本的功能之一，就是能够储存变量当中的值，并且能在之后对这个值进行访问或修改。事实上，正是这种储存和访问变量的值的能力将状态带给了程序。若没有了状态这个概念，程序虽然也能够执行一些简单的任务，但它会受到高度限制，做不到非常有趣。

2023-02-28 10:25:43

作用域赋值编译器

dart-sass与node-sass的区别以及使用dart-sass可能会出现的问题

前言2020年10月27日，Sass 官方团队正式宣布 Libsass 将弃用，以及基于它的 Node Sass 和 SassC，并且建议用户使用 Dart Sass。如果在vue脚手架搭建的项目中需要使用sass，建议初始化时勾选sass配置，自行安装，选择默认的就是dart-sass。dart-sass替代node-sass根本原因：node-sass无法下载特定版本的二进制依赖文件（博主没有

2023-02-28 08:50:13

SREWorks前端低代码组件生态演进：monorepo架构重构和远程组件加载实践

前端组件生态演进之路，frontend 针对 “可扩展、方便插拔”这两个关键点进行架构升级。

2023-02-27 18:08:50

前端低代码大数据

快来解锁小程序蓝牙开发技能

微信小程序中很早就支持了蓝牙能力，本本缘于一个外包蓝牙项目解锁前端调试蓝牙开发的技能，顺道记录一下开发的过程及遇到的问题

2023-02-26 23:14:47

javascript 前端蓝牙

JavaScript 为什么要进行变量提升，它导致了什么问题？

JavaScript 为什么要进行变量提升，它导致了什么问题？

2023-02-26 17:05:39

执行上下文变量提升 javascript

【JavaScript】31_高阶函数（回调函数）

目前我们的函数只能过滤出数组中age属性小于18的对象，我们希望过滤更加灵活：比如：过滤数组中age大于18的对象age大于60的对象age大于n的对象过滤数组中name为xxx的对象过滤数组中的偶数...一个函数的参数也可以是函数，如果将函数作为参数传递，那么我们就称这个函数为回调函数（callback）<script> class Person {

2023-02-26 14:21:02

数组回调函数高阶函数

前端跨页面通信方案分析

大家好，我是CoderBin，本次对前端跨页面通信方案进行总结分析，希望对大家有所帮助。

2023-02-26 08:47:42

数据发送消息前端

Node+Express+Multer实现图片上传【附源码】

大家好，我是CoderBin，最近在做一个Vue项目，其中涉及到了头像图片上传。由于之前没做过图片上传功能，所以在实现这个功能时着实遇到了不少坑。本次打算将实现过程以博文的形式分享给大家。实现过程将以项目驱动的方式，手把手带各位实现一个后端上传图片功能，希望对大家有所帮助，感谢大家的留言点赞收藏 ?

2023-02-26 08:43:32

图片上传前端 Vue

Spartacus payment types 在 checkout 步骤中发送 HTTP put 请求的实现明细

我在我本地的开发环境，执行批处理程序 b2c.bat 可以正常运行 4.3.x 这个版本的 Spartacus，但是 5.0 即 develop 分支就不行，报这个错误： $ info "fsevents@2.3.2" is an optional dependency and failed compatibility check. Excluding it from in

2023-02-25 15:38:42

命令行 HTTP 环境变量

vue + elemen可远程搜索select选择器的封装（思路及源码分享）

vue + elemen可远程搜索select选择器的封装详细解读

2023-02-25 10:04:49

javascript vue element

SVG图标实现主题皮肤切换

通过添加class以及修改css变量得方式实现一个svg图标切换不同得主题色1.在变量文件中定义几组控制几种不同颜色得变量分析提供的图标发现有三种颜色，因此定义三个css变量//控制导航双色图标得颜色//第一颜色@svg-color-first-color: #356ffb;//第二颜色@svg-color-second-color: #fff;//第三颜色@svg-color-third-col

2023-02-25 10:01:17

前端监控之性能与异常

现有的大部分监控方案都是针对服务端的，而针对前端的监控很少，因而，我们需要一个前端的页面监控系统，持续监控和预警页面性能的状况，并且在发现瓶颈时用于指导优化工作。本文介绍通过简单的js代码，即可实现对页面性能与异常的监控与数据上报。

2023-02-24 11:17:56

HTTP DNS 重定向

仅“2k”字就能理解的async/await原理，摸个鱼的时间搞定它

上篇文章5K字由浅入深聊聊Promise实现原理，中讲述了Promise内部的实现原理。今天来聊聊async与await，那么async与await到底是什么呢。都说是语法糖，就来深入理解下async/await吧

2023-02-22 10:42:46

前端 javascript async

JavaScript加密代码反调试

JavaScript奇技淫巧：加密JS代码反调试JS代码混淆加密，已被很多人使用，因为它真的很有用、很实用，可以用于保护代码、防护分析、复制、盗用，还可以用于小游戏过审、APP加固等方面。混淆加密后的JS代码，可能被他人分析，为了对抗分析调试，本文分享一种反调试技术。功能效果使函数名不可修改，修改则代码无法运行技术原理将JS代码用可逆算法进行加密。公开或发布的代码时，只提供这部分“密文”。运行代码

2023-02-22 08:10:31

反调试小游戏 js加密

来讲讲怎样获取到url上所有参数并以对象形式保存，再讲讲JSON解析与序列化

如何将url上所有的参数都给获取到，并以对象形式展示

2023-02-20 13:46:18

JSON 数组字符串

使用 Angular Universal 进行服务器端渲染的防御性编程思路

如果无法从Angular平台注入所需的正确全局值，则可以避免调用浏览器代码，只要不需要在服务器上访问该代码即可。例如，全局窗口元素的调用通常是为了获取窗口大小或其他一些视觉方面。但是，在服务器上，没有screen的概念，所以很少需要这个功能。开发人员可能会在网上和其他地方阅读到推荐的方法是使用isPlatformBrowser或isPlatformServer，这个指导值得商榷。这是因为这样做的话

2023-02-20 12:07:14

typescript 服务器应用程序

Intellij IDEA配置Tomcat并创建JavaWeb项目

Intellij IDEA配置Tomcat并创建JavaWeb项目Intellij IDEA配置Tomcat并创建JavaWeb项目一、实验环境二、说明三、Web项目搭建四、运行Web项目一、实验环境Win10Intellij IDEA 2019.2Tomcat9.0二、说明Intellij IDEA 使用的是Ultimate版本（终极版），社区

2023-02-20 09:54:15

Web 项目搭建 tomcat

深入解析 JavaScript 中 ES6 的 Generator 生成器

大家好，我是CoderBin，本次将深入解析JavaScript中ES6的Generator生成器，希望对大家有所帮助，谢谢。

2023-02-20 08:50:23

前端 JavaScript ES6

【JavaScript】18_面向对象，类与属性

1、面向对象面向对象编程（OOP）程序是干嘛的？程序就是对现实世界的抽象（照片就是对人的抽象）对象是干嘛的？一个事物抽象到程序中后就变成了对象在程序的世界中，一切皆对象面向对象的编程面向对象的编程指，程序中的所有操作都是通过对象来完成做任何事情之前都需要先找到它的对象，然后通过对象来完成各种操作一个事物通常由两部分组成：数据和功能一个对象由两部分组成：属性和方法事物的数据到了对象中，体现为属

2023-02-19 18:57:55

创建对象静态属性面向对象

随机森林的训练过程

随机森林顾名思义，是用随机的方式建立一个森林，森林里面有很多的决策树组成，随机森林的每一棵决策树之间是没有关联的。在得到森林之后，当有一个新的输入样本进入的时候，就让森林中的每一棵决策树分别进行一下判断，看看这个样本应该属于哪一类（对于分类算法），然后看看哪一类被选择最多，就预测这个样本为那一类。在建立每一棵决策树的过程中，有两

2023-02-16 16:59:40

决策树随机森林数据

Spartacus payment types 在 checkout 步骤中发送 HTTP put 请求的实现明细

我在我本地的开发环境，执行批处理程序b2c.bat可以正常运行4.3.x这个版本的Spartacus，但是5.0即develop分支就不行，报这个错误：!(https://s2.51cto.com/images/blog/202302/16103617_63ed96a19107d81905.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5

2023-02-16 10:37:01

命令行 HTTP 环境变量

面试官：说说你对Set、Map的理解

大家好，我是CoderBin，又来到了面试官系列，本次总结了JavaScript中ES新增的Set、Map数据接口的一些常用总结。希望对大家有所帮助，谢谢！

2023-02-16 10:26:46

前端 JavaScript Map

使用 nginx 容器部署前端项目并实现负载

运行nginx镜像1.拉取镜像dockerpullnginx2.运行dockerrunitnamemynginxp8080:80dnginxt:在新容器内指定一个伪终端或终端。i:允许你对容器内的标准输入(STDIN)进行交互p：端口映射分别对应宿主主机（8080）与容器内（80）name:后面跟容器名称d:设置容器在在后台一直运行net=host命令。Docker中的host模式指定是容器与主机

2023-02-14 14:25:42

nginx html docker

从混沌到规范：JavaScript模块化方案的演进史

JavaScript 语言诞生至今，模块规范化之路曲曲折折。社区先后出现了各种解决方案，包括 AMD、CMD、CommonJS 等，而后 ECMA 组织在 JavaScript 语言标准层面，增加了模块功能（因为该功能是在 ES2015 版本引入的，所以在下文中将之称为 ES6 module）。今天我们就来聊聊，为什么会出现这些不同的模块规范，它们在所处的历史节点解决了哪些问题？

2023-02-14 11:45:48

JavaScript 模块化 AMD

java深拷贝和浅拷贝介绍

浅拷贝概念深拷贝概念@Data@Slf4jpublic class Sheep implements Cloneable { private String name; private int age; private String color;

2023-02-14 10:46:08

html5 java html

HTML5+CSS3(六)-全面详解（学习总结---从入门到深化）

本阶段为基础阶段，主要学习HTML基本结构、骨架、标签和CSS基本样式。通过对这些标签的使用，熟悉布局的搭建结构。合理运行对应标签实现试图效果，是本阶段必须要掌握的知识，为接下来的学习奠定基础。

2023-02-14 10:44:40

css3 html5 选择器

上一页 1 2 3 4 5 6 ··· 15 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区 AI.x社区

教育

51CTO学堂精培企业培训 CTO训练营