直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

全部课程厂商认证 IT技术 2024年软考 PMP项目管理软考资讯

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

开发

7.1w内容

关注

向开发者分享前端开发、后端开发、游戏开发、测试开发、开发工具、中台与架构、VR与AR等相关软件开发的技术资讯与实践案例。

文章博文帖子课程

共 1538 条

#yyds干货盘点#探索 CSS Paint API：多边形边框

如今，使用来创建复杂的形状是一项简单的任务clip-path，但为形状添加边框总是很痛苦。没有强大的 CSS 解决方案，我们总是需要为每个特定情况生成特定的“hacky”代码。在本文中，我将向您展示如何使用 CSS Paint API 解决此问题。探索 CSS Paint API 系列：第 1 部分：图像碎片效应第 2 部分： Blob 动画第 3 部分：多边形边

2021-12-08 07:59:07

css 字符串自定义

彻底搞懂HTTP协议 - 天天造轮子

你将Get的技能文章转载：乐字节如何调戏百度服务器 - 用自己手写的HTTP协议如何调戏Chrome浏览器 - 用自己手写的HTTP协议了解HTTP协议与TCP协议的关系了解HTTP协议的发明的动机一个字一个字编写一个HTTP报文 Why据说前端界有一个到非常有名的面试题叫做输入一个url发生了什么如果简单回答大概可以分为 DNS解析 TCP连接发送HTTP请求

2021-12-07 19:02:37

服务器百度数据

30 分钟，全面解析 AJAX #yyds干货盘点#

阅读目录一、什么是AJAX 二、提交Form表单的原理三、提交请求和服务响应的原理四、XMLHttpRequest对象的知识五、JQuery实现AJAX六、优势七、缺点八、应用场景九、不适用场景阅读本文需要30分钟，请先收藏转发后再看。先上原理图!(https://s4.51cto.com/images/blog/202112/07184816_61af3bf09216719194.jpg?xos

2021-12-07 18:49:45

ajax 悟空聊架构 FORM

深入Vuex最佳实践#yyds干货盘点#

前言在开始正文之前先废话一段，我上周写的一篇面试文章居然火了?,开心了一上午，其实我也才刚开始写文章肯定是比不上那些大佬的质量，所以能火我也感到很意外，很感谢支持我的朋友,我也会努力花时间在这方面为读者产出更好的文章，很多朋友问是我怎么自学的，大家可以看下我的博客(http://beige.world/blog/base/1.1.html)，我有写过自己自学的方法虽然说不上多好但也是自己自学这么久

2021-12-07 13:31:23

数据数据源响应式

#私藏项目实操分享# 使用 RxJs Observable 来避免 Angular 应用中的 Promise 使用

我们通过一个具体的例子来阐述。考虑您正在构建一个搜索输入掩码(https://blog.thoughtram.io/angular/2016/01/06/takingadvantageofobservablesinangular2.html)，该掩码应在您键入时立即显示结果。如果您曾经构建过这样的东西，那么您可能会意识到该任务带来的挑战。1.不要在每次击键时都点击搜索端点将搜索端点视为您按请求付费

2021-12-07 09:40:15

搜索 json typescript

Bootstrap实战 - 瀑布流布局

讲Bootstrap基础的教程网上已经很多了，实际上Bootstrap中文网（bootcss.com）里的文档已经写的很详细了，但实战的案例却不多。这里用一些当前流行的网页布局为导向，使用Bootstrap中的样式来完成它。每次只讲与案例相关的知识点，边学边练，加强理解。练习本案例需有HTML/CSS基础。一、案例介绍瀑布流是近几年流行起来的一种网页布局，视觉表现为参差不齐的多栏布局，本案例便是使

2021-12-05 23:15:37

Bootstrap CSS3 布局

[iOS研习记]——聊聊野指针与僵尸对象定位

\iOS研习记\——聊聊野指针与僵尸对象一、从一个异常说起在iOS项目开发中，或多或少的我们都会遇到一些Crash的情况，大部分Crash抛出的异常都是NSException层的，这类异常是OC层代码问题造成的，通常堆栈信息和异常的提示信息都非常明确，可以直接到出问题的代码，从而使这类问题的解决并不困难。可以引起Crash的异常除了NSException外，还有Unix层和Mach层的异常

2021-12-04 09:47:34

野指针数据 #import

ES6学习第六章数值的扩展

本章介绍数值的扩展。新增了很多方法，有些不常用的方法了解即可。进制表示法

2021-11-28 23:12:59

javascript 浮点数 #私藏项目实操分享#

#yyds干货盘点# RobotFramework从基础到项目实战

RobotFramework从基础到项目实战,从RobotFramework基础必备，项目实战到持续集成对RobotFramework进行学习！

2021-11-26 13:05:45

python 自动化测试 RobotFramew

[iOS研习记]——谈谈静态库与动态库

\iOS研习记\——谈谈静态库与动态库在iOS项目开发中，静态库和动态库我们时刻都在使用，离开了库的支持，我们将会举步维艰。比如，你要画界面，总离不开UIKit这个库吧，你要使用的各种基础数据结构，如NSString，NSArray等，也离不开Foundation这个基础库。除了官方的库外，开发中我们也会从Github等开源社区下载第三方的开源库进行使用。一般我们使用的第三方库或自己开发的库都采用

2021-11-24 17:25:24

动态库静态库 #import

#yyds干货盘点# Selenium Web端自动化从入门到实践

本文使用Python语言从selenium基础到实践的过程，讲解整个selenium web测试中需要注意的重点和逻辑。

2021-11-24 16:07:00

python 自动化测试

ES6学习第二章变量的解构赋值

ES6的解构赋值

2021-11-24 09:30:10

赋值 #yyds干货盘点#Ecmascript6

#私藏项目实操分享#iOS开发：NSSet的使用

前言在iOS开发过程中，有些时候会用到去重处理，也就是去掉重复的元素或者个数，然后再进行排序处理，这就使用到了集合（NSSet），它其实是一种哈希表，通过运用散列算法来查找集合中的元素。集合和数组的相同点：都是存储不同元素的地址，不同点：NSSet中的元素都是被自动过滤之后的不会重复的元素，NSArray中的元素却是允许重复的；NSSet是一个无顺序的集合，NSArray是一个有顺序的集合。相对来

2021-11-23 22:01:07

初始化数组工具类

JavaScript 定时器

JavaScript 原生计时器基础，控制台也可以使用的计时器。

2021-11-21 00:09:58

javascript 定时器控制台计时器

JavaScript事件捕获冒泡与捕获

事件流JavaScript中，事件流指的是DOM事件流。概念事件的传播过程即DOM事件流。<br/事件对象在DOM中的传播过程，被称为“事件流”。<br/举个例子：开电脑这个事，首先你是不是得先找到你的电脑，然后找到你的开机键，最后用手按下开机键。完成开电脑这个事件。这整个流程叫做事件流。<br/<br/DOM事件流DOM事件，也是有一个流程的。从事件触发开始到事件响应是有三个阶段。1.事件捕获阶

2021-11-19 17:11:09

事件委托事件冒泡事件流

#私藏项目实操分享# 使用脚本进行 SAP Spartacus 安装工作

TesttheSpartacusinstallationwithschematicsonWindows(https://github.com/SAP/spartacus/issues/14241)本文介绍详细步骤。首先使用命令行安装verdaccio：Installverdaccionpmigverdaccio@4(onlyforthefirsttime)Verdaccio是一个简单的、零配置要求

2021-11-18 15:19:17

数据库 2d json

#私藏项目实操分享# Echarts实操纪实，需要实现一个日程表，以及常用属性

一、首先依赖的文件echarts.js直接放出来1、直接下载2、官网定制https://echarts.apache.org/zh/index.html全勾上点下面的下载就好了二、使用echarts.js实现一个日程表效果：<!DOCTYPE html><html><head> <meta charset="UTF-8"> &lt

2021-11-17 21:31:06

数据 html 高亮

#yyds干货盘点# pytest测试框架详解

大家好，我是玉米君，本篇文章将从基础、断言、夹具、标记、配置、插件和布局几个方面带大家了解pytest测试框架，并配置脚本案例，让你熟悉起来更方便

2021-11-16 15:15:20

用例 python 测试用例

#yyds干货盘点# JMeter如何做参数化

参数化的必要性JMeter参数化在很多情况下是不可缺少的一部分。为什么这么说呢？那是因为我们在压力测试中要模拟真实的情况，就需要在一些地方进行参数化，以达到真实模拟的要求。比如测试系统的登录功能，如果要模拟很多用户的登录操作，那么在压力测试中就需要脚本去获取不同的用户名或者密码进行登录系统的操作。需要做参数化的场景那么此时就抛出了第一个问题：哪些地方需要参数化呢？有一个原则就是，你要思考两个虚拟用

2021-11-12 07:15:46

参数化虚拟用户压力测试

JavaScript中的LHS和RHS分析

LHS 和 RHS对于LHS和RHS，从字面意思来说是 Left Hand Side和 Right Hand Side即左手边和右手边，一般可以理解为赋值操作的左侧和右侧，然而不能片面的用=号左边还说右边去判断是LHS还是RHS通俗的理解，LHS是赋值操作即可以看做是在往内存中存储值，而RHS是取值操作，它是从内存中进行检索。事实上赋值操作还

2021-11-03 23:38:17

赋值作用域 javascript

JavaScript 垃圾回收机制

1.概述随着软件开发行业的不断发展，性能优化已经是一个不可避免的话题，那什么样的行为才能算得上是性能优化呢？本质上任何一种可以提高运行效率，降低运行开销的行为，都可以看做是一种优化操作。这也就意味着，在软件开放行业必然存在着很多值得优化的地方，特别是在前端开发过程中，性能优化可以认为是无处不在的。例如请求资源时所用到的网络，以及数据的传输方式，再或者开发过程中所使用到的框架等都可以进行优化。本章探

2021-11-01 19:44:12

javascript 垃圾回收引用计数

只需2步，教你在Vue中设置登录验证拦截

两步教你在Vue中设置登录验证拦截！

2021-10-28 10:32:30

登录验证封装 json

Element-ui中表单（Form）校验的几种形式及表单嵌套表格含上传（Upload）组件的

1.Elementui中表单（Form）校验的几种形式1.1基础/自定义在elform上绑定rules，rlues为校验规则，在elformitem上绑定对应的prop；自定义规则，validator：checkAge，自定义规则的函数。详细的可查看element文档http://elementcn.eleme.io//zhCN/component/form(https://element.ele

2021-10-21 19:58:29

如何使用 Visual Studio Code 调试 Angular Schematics 实现

HowtoDebuganAngularSchematicusingVisualStudioCode(https://angularlicious.medium.com/howtodebuganangularschematicusingvisualstudio3bbe4fde8fd8)能够在代码执行时调试和遍历代码是我们开发工作流程的基础。这是一项必不可少的功能，使我们能够调试和确定代码在做什么。它

2021-10-21 10:42:19

Visual Stud node.js typescript

iOS签名校验那些事儿

导读：iOS签名校验机制是苹果生态安全的基础，日常工作中无论是开发阶段还是测试阶段常常会遇到很多需要通过签名机制解决的问题，了解iOS签名机制的原理有助于提高我们解决相关问题的成本和效率。本文首先介绍数字签名和证书的原理，之后会介绍苹果开发者证书的生成安装过程，最后对苹果实现签名校验的流程及流程中涉及的关键信息进行介绍，希望能对

2021-10-15 11:27:28

在Vue中使用JSX，很easy的

JSX 是一种 Javascript 的语法扩展，JSX = Javascript + XML，即在 Javascript 里面写 XML，因为 JSX 的这个特性，所以它既具备了 Javascript 的灵活性，同时又兼具 html 的语义化和直观性。

2021-10-14 10:32:54

Vue JSX Javascript

技术干货｜ Native 页面下如何实现导航栏的定制化开发？

很多 mPaaS Coder 在接入 H5 容器后都会对容器的导航栏进行深度定制，本文旨在通过不同实际场景的描述，供大家参考完成 Native 页面的定制化开发。

2021-09-28 16:39:30

H5 Native 移动开发平台

浅谈语音质量保障：如何测试 RTC 中的音频质量？

日常音视频开会中我们或多或少会遭遇这些场景：“喂喂喂，可以听到我说话吗？我听你的声音断断续续的”，“咦，我怎么可以听到回声？”，“太吵啦，我听不清楚你在说啥” 等等。这些语音质量问题影响音视频开会体验，如若是重要的会议，那足够让人 “恼羞成怒”。那么如何有效的减少这些问题发生呢？本系列文章就将为大家分享阿里云视频云在保障 RTC 语音质量方面的测试经验。

2021-09-27 11:28:05

webrtc 阿里云音频

深入 iOS 静态链接器（一）— ld64

本文从源码角度分析了 ld64 的主体工作原理，实际应用中工程可结合自身需求对 ld64 进行定制来修复特定问题或者实现特定功能。

2021-09-23 21:05:11

字节跳动 iOS 静态链接器

如何理解 Vue 中的生命周期

每个Vue实例在被创建之前都要经过一系列的初始化过程。例如需要设置数据监听、编译模板、挂载实例到DOM、在数据变化时更新DOM等。同时在这个过程中也会运行一些叫做生命周期钩子的函数，给予用户机会在一些特定的场景下添加他们自己的代码。在我们实际项目开发过程中，会非常频繁地和Vue组件的生命周期打交道，接下来我们就从源码的角度来看一下这些生命周期的钩子函数是如何被执行的。源码中最终执行生命周期的函数都

2021-09-23 16:17:01

好看视频Android重构——围绕于播放器的重构实践

!图片(https://s4.51cto.com/images/blog/202109/23/a3ef16793af27ec74a860ddf77074bca.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZ

2021-09-23 14:52:53

测试开发之前端篇-CSS层叠式样式表

CSS是层叠样式表(Cascading Style Sheets)的缩写，用于描述如何在屏幕、纸张或其他媒体上显示HTML元素，包括了定义网页及其元素的布局、风格、大小、位置和颜色等属性。

2021-09-22 13:05:40

ECMAScript 2021(ES12)新特性简介

简介ES12是ECMA协会在2021年6月发行的一个版本，因为是ECMAScript的第十二个版本，所以也称为ES12.ES12发行到现在已经有一个月了，那么ES12有些什么新特性和不一样的地方呢？一起来看看吧。基本上ES12引入了replaceAll方法用于对String进行操作，Promise.any用于对Promise进行组合操作，AggregateError用于表示多个错误的集合，新的逻辑

2021-09-22 11:07:43

nodejs ECMAScript javascript

一文搞懂如何使用Node.js进行TCP网络通信

网络是通信互联的基础，Node.js提供了net、http、dgram等模块，分别用来实现TCP、HTTP、UDP的通信，本文主要对使用Node.js的TCP通信部份进行实践记录。

2021-09-18 11:25:07

Node.js TCP 网络通信

应用性能前端监控，字节跳动这些年经验都在这了

字节跳动开发团队根据内部数十款产品的体验监控需求，逐渐打磨出了一版性能监控平台。经过不断的锤炼和沉淀，正式在火山引擎上对外发布应用性能监控全链路版。本文将会重点介绍它到底是一个怎样的监控平台，以及可以帮助企业解决哪些痛点。

2021-09-17 17:25:29

前端监测火山引擎字节跳动

利用原型链漏洞污染拿下服务器权限

一个平平无奇的合并函数面试的时候面试官大概率会出一个平平无奇的小问题来热热身，比如说写一个合并函数，读者估计会觉得：就这？不到30s就可以写好了一份利用递归实现的对象合并，代码如下：javascriptfunctionmerge(target,source){for(letkeyinsource){if(keyinsource&&keyintarget){merge(targetkey,sourc

2021-09-16 23:52:46

vue3，对比 vue2 有什么优点？

Vue3新版本的理念成型于 2018 年末，当时的 Vue 2 已经有两岁半了。比起通用软件的生命周期来这好像也没那么久，Vue3在2020年正式推出，在源码和API都有较大变化，性能得到了显著的提升，比Vue2.x快1.2~2倍。

2021-09-16 14:22:29

vue3 vue2 diff算法

如何实现 iOS 短视频跨页面的无痕续播？

在一切皆可视频化的今天，短视频内容作为移动端产品新的促活点，受到了越来越多的重视与投入。盒马在秒播、卡顿率、播放成功率等基础优化之外，在用户使用体验上引入了无痕续播能力，提升用户观看视频内容的延续性。本篇将分享盒马在iOS短视频方面的实践干货。作者｜神捕审校｜泰一!(https://s4.51cto.com/images/blog/202109/14/fd75c656a5adc34cf29bff6

2021-09-14 16:30:20

音视频开发阿里云视频云

测试平台系列(52) 改造异步数据库连接方案

大家好我是米洛！我在从0到1打造一个开源平台,也在编写一套完整的接口测试平台系列教程，希望大家能够多多支持。欢迎关注我的公众号测试开发坑货，获取最新文章教程!回顾上节我们编写了异步sql连接的功能，经过博主一番激烈的思想斗争，还是决定暂时先使用同步的方式。为什么呢？主要是以下几个原因:异步(AsyncEngine)的功能还很多都不完善举个例子，为了让在线执行SQL功能更加友好，并且防止用户写错表名

2021-09-14 00:20:36

FastApi 接口测试接口测试平台

测试平台系列(51) 编写数据库连接相关方法

大家好我是米洛！我在从0到1打造一个开源平台,也在编写一套完整的接口测试平台系列教程，希望大家能够多多支持。欢迎关注我的公众号测试开发坑货，获取最新文章教程!回顾上一节我们边写了数据库配置的功能接口，但是前端页面还没有做展示。如果完成了前端页面增删改查页面，我想我们还需要几个功能:在线测试连接因为有的时候数据库配置会发生变化，如果我们不支持在线测试功能的话，可能大家还需要手动去连接一下，非常难用！

2021-09-12 20:26:25

Python FastApi React

web性能优化—— 打包构建优化

作者：麦乐来源：恒生LIGHT云社区(https://developer.hs.net/thread/1328"恒生LIGHT云社区")压缩与合并资源的合并与压缩所涉及的优化点包括两方面：一方面是减少HTTP的请求数量，另一方面是减少HTTP请求资源的大小。下面我们将详细探讨：HTML压缩、CSS压缩、JavaScript压缩与混淆及文件合并。HTML压缩什么是HTML压缩？!370243400E

2021-09-09 14:36:20

web 前端 HTML

web技术分享| webRTC 媒体流录制

音视频的录制音视频的分为服务端录制和客户端录制，下面主要讲的是利用webrtc进行客户端录制的方式。因为WebRTC录制音视频流之后，最终是通过Blob对象将数据保存成多媒体文件的，Blob对象表示一个不可变、原始数据的类文件对象。它的数据可以按文本或二进制的格式进行读取，也可以转换成ReadableStream来用于数据操作。Blob表示的不一定是JavaScript原生格式的数据。File接口

2021-09-09 11:08:30

web技术分享 webrtc 流媒体录制

学会这5种JS函数继承方式，前端面试你至少成功50%

函数继承是在JS里比较基础也是比较重要的一部分，而且也是面试中常常要问到的。下面带你快速了解JS中有哪几种是经常出现且必须掌握的继承方式。掌握下面的内容面试也差不多没问题啦~

2021-09-07 11:18:21

前端 JS 函数继承

iOS 屏幕实时共享功能实践（内附详细代码）

很多人对屏幕共享的印象还只停留在 PC 端做 PPT 汇报的场景中，但事实上，今天的屏幕共享早已跨界出圈了。比如一个大家很熟悉的场景 —— 游戏直播，主播就需要将自己的画面以“屏幕共享”的形式展示给观众，并且对实时性、流畅性的要求非常高。对于很多手游主播来说，目前比较常见的做法是，通过借助 PC 端的中转将手机游戏画面进行直播分享；而实际上，通过调用融云屏幕共享 SDK，直接在手机端就可以拥

2021-09-06 14:32:21

融云屏幕共享代码

Node.js 应用全链路追踪技术——[全链路信息获取]

随着 Nodejs 对大前端技术栈的渗透，开发场景越来越多，如小程序、H5、BFF、工具链，同时和微服务外部系统交互多，如数据库场景 MySQL，Mongodb，Redis、RPC的分布式异构语言服务调用 Java dubbo, Go Grpc。面对这些复杂的场景，我们需要全局视角的错误追踪、问题定位和性能诊断。

2021-09-06 09:32:45

全链路追踪前端

一文搞懂jsBridge的运行机制

我司的APP是一个典型的混合开发APP，内嵌的都是前端页面，前端页面要做到和原生的效果相似，就避免不了调用一些原生的方法，jsBridge就是js和原生通信的桥梁，本文不讲概念性的东西，而是通过分析一下我司项目中的jsBridge源码，来从前端角度大概了解一下它是怎么实现的。js调用方式先来看一下，js是怎么来调用某个原生方法的，首先初始化的时候会调用window.WebViewJavascrip

2021-09-05 23:16:55

loadrunner性能测试工具做性能测试（二）

一) 性能测试脚本增强之检查点1,检查点:通过文本或图像检查点来验证返回页面的内容是否设置的指定内容；作用:查找html页面中的指定检查内容;1) web_find("web_find","what=admin",LAST)，这个函数放在登录脚本后面来进行断言,登录之后账户是否存在； 2) web_reg_find("Text=admin",LAST); 在html源文件中查的内容,相比web_

2021-09-03 09:48:24

loadrunner 性能测试软件测试

【神来之笔】原生 JavaScript 手写数组 API

!数组API(https://s4.51cto.com/images/blog/202109/02/fc53db952e3be8cd276c325e93577718.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_20,type_ZmFuZ3

2021-09-02 19:17:26

JavaScript api 前端

loadrunner性能测试工具做性能测试

性能测试工具loadrunner安装及破解 1,解压loadrunner到D盘； 2,双击setup.exe,安装到D盘； 3,安装好loadrunner11后,退出程序把下载文件中的lm70.dll和mlr5lprg.dll移动到\HP\LoadRunner\bin下； loadrunner的路径可以在

2021-09-02 10:15:30

性能测试 loadrunner 软件测试

IOS技术分享| 在iOS WebRTC 中添加美颜滤镜

在使用WebRTC的时候，对视频进行美颜处理一般有两种方式：替换WebRTC中的采集模块和对视频数据进行美颜。一、替换WebRTC中的采集模块替换WebRTC中的采集模块，相对比较简单，使用GPUImageVideoCamera替换WebRTC中的视频采集，得到经过GPUImage添加美颜处理后的图像，发送给WebRTC的OnFrame方法。参考基于WebRTC框架开发的全平台推拉流SDK：Git

2021-09-01 12:42:19

ios技术分享音视频 webrtc

上一页 1 ··· 8 9 10 11 12 ··· 31 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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