直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

开发

7.1w内容

关注

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

文章博文帖子课程

共 1538 条

HTML之元素、属性、标题、段落【笔记小结】

@TOC(HTML之元素、属性、标题、段落【笔记小结】)1元素1.1语法示例：开始标签元素内容结束标签<p段落</p<a链接</a<br换行语法：python以开始标签起始，以结束标签终止；元素内容是开始标签与结束标签之间的内容；空元素在开始标签中进行关闭（以开始标签的结束而结束）；多数元素可拥有属性。1.2元素嵌套比如之前写的：html<!DOCTYPEhtml<html<head<metach

2023-01-16 09:32:02

html 插入图片 3c

前端页面加载速度优化解决方案

vue.js是一个比较流行的前端框架，与react.js、angular.js相比来说，vue.js入手曲线更加流畅，不管掌握多少都可以快速上手。

2023-01-13 17:23:38

Vue 前端页面加载速度

详解Python列表和元组

@TOC(详解Python的列表和元组)1序列序列是一块可存放多个值的连续内存空间，这些值按一定顺序排列，可通过每个值所在位置的编号（称为索引）访问它们。Python序列结构主要有列表、元组、集合、字典和字符串；1.1索引序列中，每个元素都有属于自己的编号（索引）。从起始元素开始，索引值从0开始递增。也可以为负数即从右到左计数；也可以为负数即从右到左计数；pythonname="zhangsan"

2023-01-13 10:42:50

python 元组升序

WebUI自动化测试框架搭建之需求整理、详细设计、框架设计

@TOC(WebUI自动化测试框架搭建之需求整理、详细设计、框架设计)1总体需求1.1实现目的基于BS架构，模拟用户（鼠标、键盘）操作，达到快速、重复执行测试用例；便于回归测试，快速覆盖主线用例或功能；线上或线下巡检测试，结合持续集成，及时发现运行环境存在的问题；提升个人自动化测试技术能力，为业务提供强有力的测试手段。1.2功能需求基于Unittest，封装、调用和组织所有的测试用例，进行批量或指

2023-01-13 09:48:10

插入图片自动化测试 python

本地小说阅读网站打造

如下示例，是使用VUE 打造的本地小说阅读网站编辑一、本地小说网站总体组织框架1、所需的VUE库和elementLib以及JQ库编辑2、本地目录设计编辑编辑藏书库下，是HTML文件编辑编辑3、整体代码样式<html lang="zh-cn"><head> <meta http-equiv="content-type" content=

2023-01-12 18:28:44

javascript html css

工作中需知道的数组方法总结

2023-01-12 17:38:43

数组回调函数常用数组方法

【工具推荐】 Obsidian 插件 Obsidian to Flomo 一键同步内容到 Flomo 插件

一、Obsidian、Flomo、ObsidiantoFlomo他们都是什么？1.什么是Obsidian？Obsidian是一款本地管理文件的笔记软件，通过双向链接的方法，把笔记关联起来，形成相互关联的知识网络。!screenshot1.0herocombo(://s2.51cto./images/blog/202301/12142925_63bfa8c53acf945938.pn

2023-01-12 14:30:09

API 搜索快捷键

Pycharm+PyQt5+Python3.5开发环境配置（详细教程）

@TOC(目录)1Pycharm安装这个自行查找资料，有很多，这里不再赘述了2Python3.5安装1.下载官网下载地址(https://www.python.org/downloads/)2.选择3.5（根据自身系统选择）版本下载!在这里插入图片描述(https://s2.51cto.com/images/blog/202301/12100503_63bf6acf88a9e65544.png?x

2023-01-12 10:09:33

python 插入图片 Python

python+requests+excel+unittest+ddt接口自动化数据驱动并生成html报告(优化版)

本文章内容是基于上海悠悠的版本，进行了优化，增加了部分内容，详细请查阅下文。@TOC(目录)1、原文链接python+requests+excel+unittest+ddt接口自动化数据驱动并生成html报告(https://www.cnblogs.com/yoyoketang/p/8628812.html)2、修改前后框架区别修改前：!在这里插入图片描述(https://s2.51cto.com

2023-01-11 13:53:25

json python 用例

Requests+Etree+BeautifulSoup+Pandas+Path+Pyinstaller应用 | 获取页面指定区域数据存入html、excel文档

@TOC(Requests+Etree+BeautifulSoup+Pandas+Path应用获取页面指定区域数据存入html、excel文档)1需求来源获取网页指定区域数据，并进行保存；简单说就是pachong的需求了。2需求细节注意：请文明上网，本文仅作为学习用。讲述的是思路和方法，所以对被测试网站关键数据进行隐藏。如有需要，可学习思路后自行找测试对象进行学习。某网站，进入后如下，有很多数据分

2023-01-11 11:09:42

html python 数据

那些炫酷的CSS文字效果之诗词《兔》

不知不觉已经迈入2023年了，本次分享10种不同的有关文字方面的特效，让我们一边欣赏有关《兔》相关的古诗词的同时一边走进CSS的世界。

2023-01-09 10:04:17

前端 CSS 动画

ES Client性能测试初探

最近在工作中协助研发进行了ES优化，效果还是非常明显的，几乎翻倍。除了通过各种业务接口测试ES性能以外，还可以直接请求ES接口，绕过服务，这样应该数据回更加准确。所以，ESClient学起来。准备工作首先，先准备了一个ES服务，这里就不多赘述了，大家自己在尝试的时候一定主意好ESServer和ESClient的版本要一致。其次，新建项目，添加依赖。学习资料搜一下，能搜到很多的ES学习资料，建议先去

2023-01-04 20:42:00

elasticsear ide java

vue切换中英语言制作方法（Element+i18n的使用）

vue+element国际化使用

2023-01-03 14:48:07

快速体验React开发基础入门指南

大家好，我是CoderBin，本次整理了我学习react过程中的各部分的知识点，看完文本你将会学到 jsx的基本使用使用脚手架创建项目如何在React当中定义组件 React当中的事件绑定方式以及注意事项关于react组件的三大核心属性及其运用 React组件的生命周期

2022-12-31 09:30:31

前端 React React入门

【web 开发基础】php 开发基础快速入门 (2)-PHP的程序开发

前言PHP(HypertextPreprocessor,超文本预处理器)是一种被广泛应用开放源代码、多用途、运行在服务器端的脚本语言。在上一篇文章《【web 开发基础】php 开发基础快速入门 (1)-PHP 介绍及开发环境快速安装和基本使用介绍》中，我们介绍了PHP的优势和PHP集成开发环境的简单搭建以及浅尝了一下PHP代码的编写，写了一个hello

2022-12-30 15:33:32

Redux+React-Redux 最新入门实战指南?

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

2022-12-30 10:08:07

前端 React Redux

JavaScript防抖与节流函数：提高应用性能的利器

大家好，我是CoderBin，防抖和节流函数目前已经是前端实际开发中两个非常重要的函数，也是面试经常被问到的面试题。但是很多前端开发者面对这两个函数还是有点摸不着头脑：无法区分防抖节流、可以区分却不知道如何应用、会通过第三方库使用但不知道内部原理，无法手写实现等。

2022-12-29 10:44:10

前端 JavaScript 防抖节流

面试官：你说说 js 中实现继承有哪几种方法？

大家好，我是CoderBin，想必绝大部分人一说继承就会想到类中的继承吧，但其实继承可不是 class 的专利，本文将总结? JavaScript 中关于继承的几种方案，其中包括原型链，盗用构造函数、组合式等等，助你力压面试官?。

2022-12-28 10:13:19

前端 JavaScript 函数继承

作为前端你还不懂MutationObserver？那Out了

为什么突然写MutationObserver呢？最近在写页面水印的时候用到了MutationObserver方法，两者之间有什么联系呢？不用MutationObserver情况下，使用网站的人员可以随意修改DOM就可以把系统作者的版权标识（水印）去掉，然后使用无水印的网站，这显然是违背了系统作者的意愿，那么怎么防止这一操作呢？当然是MutationObserver，它能够监听DOM的变化，根据DOM的变化然后做出相应操作，比如删除水印后，使用MutationObserver监听到了水印的DOM被删除，就会立即生成一个水印，这样就杜绝了上面的情况。

2022-12-27 14:19:18

回调函数配置项数组

关于 "尾调用优化" 的那些事儿

本文将给大家介绍 JavaScript 函数中关于尾调用优化的优点与写法，助你提升编码能力? 如果文中有不对、疑惑的地方，欢迎在评论区留言指正?

2022-12-27 10:17:24

前端 JavaScript 尾调用

面试官：说说你对 Node 中的 Stream 的理解

又来到了面试官系列，本次讲解的是node中关于Stream的相关知识，属于node知识的范围。希望对大家有所帮助，谢谢！如果文中有不对、疑惑的地方，欢迎在评论区留言指正?

2022-12-26 09:59:30

前端 Node Stream

面试官：你说说var、let、const三者的区别

本次又来到了面试官系列，变量声明作为面试当中的高频考点，如果只是回答块级作用域是远远不够的，而它们涉及知识点也是我们准备面试时需要去注意的，这样才能比较全面的回答出它们之间的区别。所以本文将总结var、let、const相关的基础知识，帮助大家掌握这道面试题。如果是大佬就当做复习吧，哈哈，希望对大家有帮助，谢谢！如果文中有不对、疑惑的地方，欢迎在评论区留言指正?

2022-12-22 22:44:55

作用域块级作用域变量提升

知道了web的攻击方式，还不快防起来？

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

2022-12-22 22:43:20

Web html 数据库

#yyds干货盘点# react笔记之学习之完成删除功能

前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19 叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷代码案例LogItem.jsimport React, { useState, useEffect, useCallback, memo } from 'react';imp

2022-12-22 15:36:51

可编辑行编辑存储数据

深聊性能测试，从入门到放弃之： Windows系统性能监控(三)任务管理器介绍及使用。

1、引言关于Windows系统性能监控的前两篇《Windows系统性能监控(一) 性能监视器介绍及使用》《Windows系统性能监控(二) 资源监控器介绍及使用》私下里有很多同学反馈，说学到了很多，其实，在平时，如果我们能把集成好的服务监控应用起来，你会收到意想不到的惊喜，毕竟，系统微软的工程师们，对系统的监控，考虑的还是比较周到和全面的。话说回来，我们今天，要

2022-12-19 12:01:47

软件测试测试开发

前端布局之浅谈BFC

在介绍BFC之前，需要先给大家介绍一下文档流。我们常说的文档流其实分为定位流、浮动流、普通流三种。

2022-12-17 10:34:51

块级元素绝对定位前端

那些你不知道的炫酷开关交互效果(12种)

本文将继续更新那些炫酷交互效果系列文章，今天带来的是有关 toggle 开关相关的组件。本次文章总计收集12款不同交互效果，相信总有一款适合你。

2022-12-14 19:00:33

css 前端交互设计

数据驱动测试-从方法探研到最佳实践

在自动化测试实践中，测试数据是制造测试场景的必要条件，本文主要讲述了在沟通自动化框架如何分层，数据如何存储，以及基于单元测试pytest下如何执行。并通过实践案例分享，提供数据驱动测试的具体落地方案。

2022-12-14 10:31:46

测试用例测试数据数据驱动

想做长期的 AB 实验？快来看看这些坑你踩了没

大部分情况下，我们做的 AB 实验都是短期的，一到两周或者一个月之内的，通过分析这段时期内测得的实验效应得出实验结论，并最终进行推广。

2022-12-13 11:00:03

新功能群组搜索

JavaScript奇淫技巧：用密码保护你的照片

本文将用JavaScript实现两个颇有技术含量的功能：图片压缩、图片加密。最终效果：可实现将任意图片加密、压缩，并保存到一个独立的html页面中，输入正确的密码，才能看到原图。

2022-12-12 20:47:50

html 显示图片图片压缩

那些你不知道的 CSS 自定义形状网格布局 3

本文翻译自CSSGridandCustomShapes,Part3(https://csstricks.com/cssgridandcustomshapespart3/)，略有删改原作者：TemaniAfif基于CSS自定义网格已发布第一部分和第二部分，本文将开始第三部分探讨更多的奇特自定义形状，与之前的文章一样，核心还是基于CSSgrid，clip和mask来自定义网格形状布局。CSS网格和自定

2022-12-12 09:33:43

CSS 前端布局

JavaScript奇淫技巧：隐写术

JavaScript奇淫技巧：隐写术本文将用JavaScript实现“图片隐写术”。什么是隐写术？将文本或其它数据写入图片的技术，称为“隐写术”。比如下面这张图中，便隐藏着秘密信息，虽然看起来只是一张图。效果与用途图片隐写术的效果是：可将信息写入图片，并可读取。可用于：在图片中存放隐秘内容、给图片做不可见的版权标识，等等。技术原理图片，是由像素构成；像素都是由RGB（红绿蓝）三原色组成，比如css

2022-12-11 08:36:44

html javascript 隐写术

我写了个免费在线图库生成器，只需三步将你的手机相册搬到线上

一个 Vue3 + Node 纯前端的项目，不需要开发后端，没有数据库，只需要把照片丢进去，Git提交一下站点就出来了，就很简单。不用买服务器，不搞OSS，完全免费，这篇文章将会介绍整个项目的开发历程。

2022-12-06 15:01:10

数组瀑布流 JSON

从实战开始了解Web3（一）

这篇文章并不会给你带来技能提升，只能说在未了解该类型项目时，让你以最快的速度能先项目实际开发中入手该类型项目

2022-12-06 10:29:09

数组区块链实际开发

世界杯火热进行中, 用一个div画个足球场助助兴

四年一度的世界杯正在火热进行中，在这欢庆的氛围中，我决定用代码参与一把世界杯，那就是用一个div元素画一个足球场，会大量使用渐变的方式实现足球场的线条内容。

2022-11-30 09:30:55

css 前端 css3

基于一段神奇的CSS渐变制作噪点效果

噪点效果本质用canvas SVG等都是可以实现，本文基于一段神奇的CSS渐变制作噪音效果，结合混合模式及滤镜效果还能实现更多的艺术效果，快来看看吧

2022-11-27 21:05:21

css 前端渐变

在iOS中使用NSURLProtocol进行网络代理

在iOS中使用NSURLProtocol进行网络代理一引言网络能力是互联网应用程序必不可少的功能。随着应用程序的复杂，对网络的依赖性也会逐渐增高。如何统一的处理请求头，统一的处理回执数据，统一的进行网络请求过程的监控和修改等都是开发者要考虑的处理的问题。通常，对于新项目，我们会统一封装网络框架在处理应用中的请求，整个网络的发起和收到回执的过程都可以很好的在底层的框架中进行监控和数据处理。但是这种方

2022-11-27 18:56:53

客户端网络请求 webview

#yyds干货盘点#前端存储之indexDB

localStorage 是前端本地存储的一种，其容量一般在 5M-10M 左右，用来缓存一些简单的数据基本够用，毕竟定位也不是大数据量的存储。在某些场景下 localStorage 的容量就会有点捉襟见肘，其实浏览器是有提供大数据量的本地存储的如 IndexedDB 存储数据大小一般在 250M 以上。弥补了localStorage容量的缺陷，

2022-11-27 17:18:11

数据数据仓库数据库

Java 注解与反射基础

注解与反射基础什么是注解Annotation注解Annotation的作用：不是程序本身，可以对程序做出解释。可以被其他程序（比如编译器等）读取annotation的格式：注解是以 ”@注释名“ 再代码中存在的，还可以添加一写参数值，例如@SupperWarnings(value = "unchecked")Annotation在哪可以使用？可以在package，class，method，

2022-11-25 04:15:58

java 加载父类

JavaScript 基础

JavaScript使用JS的几种写法行内式的js 直接写道元素的内部<button type="button" value="须弥" onclick="alert('纳西妲')"></button>内嵌式js引入式<script src="my.js"></script>JS注释单行注释与多行注释<script>

2022-11-25 04:06:38

html 字符串赋值

基于HTML5的爱心表白动画特效

从视觉上看，它也是一个爱心轮廓，但是不同的是这个爱心轮廓由许多跳动的小爱心组成，更加有一种3D立体的效果。1. 运行效果2. 代码构成<!doctype html><html><head><meta charset="utf-8"><title>爱心表白</title><style>html, body { he

2022-11-21 20:51:28

i++html javascript

SAP UI5 SmartTable 控件本地运行时进行 Excel 导出的单步调试

点击SmartTable控件生成的表格控件的ExporttoExcel时，遇到如下错误消息：!(https://s2.51cto.com/images/blog/202211/17145034_6375d9bac864294998.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_s

2022-11-17 14:50:50

创建 SAP Fiori Catalog 时遇到的 duplicate 记录的问题分析

我在FioriAdmin创建Catalog时遇到一个问题(https://answers.sap.com/questions/12154404/duplicationissuewhilcreatinsapfioricatalogue.html)：错误消息如下：duplicateresourcepagexsapui2cataloguepage:SAP_HCM_BC_EMPLOYEE_X1whenia

2022-11-14 11:17:19

应用程序 html 元数据

Flask框架：如何运用Ajax轮询动态绘图

本文分享自华为云社区《Flask框架：运用Ajax轮询动态绘图》，作者：LyShark。Ajax是异步JavaScript和XML可用于前后端交互，在之前《Flask 框架：运用Ajax实现数据交互》简单实现了前后端交互，本章将通过Ajax轮询获取后端的数据，前台使用echart绘图库进行图形的生成与展示，后台通过render_template方法返回一串J

2022-11-14 10:31:06

javascript 数据 json

在 SAP Fiori Gateway 系统配置一个指向 SAPGUI 事务的 tile

对于应用程序类型Transaction、WebDynpro和URL，开发人员可以直接在SAPFioriLaunchpadDesigner的目标映射中定义系统别名。目标映射配置中的参数SystemAlias表示应用程序应调用指定的远程系统。LaunchpadDesignerurl如下(://gm4.corp:44355/sap/bc/ui5_ui5/sap/arsrvc_upb_admn/

2022-11-11 09:46:08

应用程序 html 服务器

基于CSS mask和clip-path实现切角的技巧

本文将使用CSS mask和clip-path来切元素的四个角！使用多种技巧可以从任何元素的角切割不同的形状。

2022-11-11 09:44:30

css 前端 clip-path

#yyds干货盘点# 前端歌谣的刷题之路-第一百五十九题-new

前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19 叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷本题目源自于牛客网微信公众号前端小歌谣题目请补全JavaScript代码，要求实现对象参数的深拷贝并返回拷贝之后的新对象。注意： 1. 参数对象和参数对象的

2022-11-10 21:10:29

html javascript 构造函数

vue入门知识总结

vue入门 1.插值表达式 {{}} 2.指令 2.1 v-if 、v-else、 v-show、v-else-if v-if：在切换过程中条件块内的事件监听器和子组件适当地被销毁和重建，开销较高，在运

2022-11-10 11:38:25

数据事件总线 html

浅谈性能优化之图片压缩、加载和格式选择

原文链接：浅谈性能优化之图片压缩、加载和格式选择(https://fe32.top/articles/we0523bs/)在认识图片优化前，我们先了解下【二进制位数】与【色彩呈现】的关系。二进制位数与色彩在计算机中，一般用二进制数来表示像素。在不同的图片格式中，像素与二进制位数之间对应的关系是不同的。一个像素对应的二进制位数越多，它能表示的颜色种类就丰富，成像效果也就越精致，图片所需的存储空

2022-11-10 11:12:12

服务器懒加载加载

利用snowfall.jquery.js实现满屏爱心表白代码

利用snowfall.jquery.js实现满屏爱心表白代码

2022-11-10 10:38:55

html chrome safari

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

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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