直播训练营

鸿蒙开发者社区

WOT技术大会

AIGC创新中国行

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO题库小程序

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

账号设置退出

开发

7.1w内容

关注

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

文章博文帖子课程

共 1538 条

iOS单元测试的那些事儿

iOS单元测试的那些事儿作为客户端开发，很多时候我们过多的关注于功能的测试，而忽略标准的单元测试。其实，单元测试是保障项目稳定性的最有效且成本最低的测试方式。越偏向底层服务的代码，越需要使用单元测试来对可靠性进行保障。一旦单元测试覆盖完成，则之后再进行代码优化和迭代的时候则会有引入新问题的几率会大为减小。Xcode提供了完整的单元测试功能，系统预置的单元测试类和断言也非常方便开发者编写测试代码。除

2022-07-22 19:38:39

测试用例 ide 单元测试

源码分析Sentry用户行为记录实现过程

在日常排查问题过程中，用户的行为操作记录能给到我们很大的参考及排查方向。目前市面上有的平台还不能记录用户的行为记录，Sentry提供了很好的行为记录查询，本文基于源码分析其实现过程。

2022-07-18 15:08:34

前端异常监控监控

#yyds干货盘点#Redux 源码与函数式编程

Redux 属于典型的“百行代码，千行文档”，其中核心代码非常少，但是思想不简单，可以总结为下面两点：全局状态唯一且不可变（Immutable），不可变的意思是当需要修改状态的时候，用一个新的来替换，而不是直接在原数据上做更改：let store = { foo: 1, bar: 2 };// 当需要更新某个状态的时候// 创建一个新的对象，然后把原来的替换掉store = { ...stor

2022-07-14 09:21:23

抛出异常初始状态高阶函数

Qt+ECharts开发笔记（三）：ECharts的柱状图介绍、基础使用和Qt封装Demo

上一篇成功是EChart随着Qt窗口变化而变化，本篇将开始正式介绍柱状图介绍、基础使用，并将其封装一层Qt。本篇的demo实现了隐藏js代码的方式，实现了一个条形图的基本交互方式，即Qt调用js脚本操作html。

2022-07-13 09:41:06

纯CSS实现四种方式文本反差色效果

文字随着界面的交互变化会修改文字的颜色形成反差色，让平平无奇的文字产生了眼前一亮的效果。如果你关注设计和动画效果，这样的效果肯定见过不少，在一些比较注重设计的网站都有类似的交互效果出现。本文将详细解读有哪些方案可以实现文本反差色效果。

2022-07-12 09:28:22

css 动画效果背景颜色

CSS 中 ::before 和 ::after 伪元素的几个实际用途

CSS::before和::after伪元素允许您在任何非替换元素之前和之后插入“内容”。这有效地允许您在网页上显示 HTML 内容中可能不存在的内容。

2022-07-11 09:37:24

伪元素 css 前端

【跟着大佬学JavaScript】之lodash防抖节流合并

【跟着大佬学JavaScript】之lodash防抖节流合并

2022-07-10 01:06:36

等待时间重启句柄

【Java Web】 JS 中的 DOM API

@TOC(目录)文档对象模型是HTML和XML文档的编程接口。它提供了对文档的结构化的表述，并定义了一种方式可以使从程序中对该结构进行访问，从而改变文档的结构，样式和内容。将文档解析为一个由节点和对象（包含属性和方法的对象）组成的结构集合。简言之，它会将web页面和脚本或程序语言连接起来。一个web页面是一个文档。这个文档可以在浏览器窗口或作为HTML源码显示出来。但

2022-07-08 14:04:27

html DOM 前端开发

Vue 灰度发布新功能的那些事

介绍在Vue中3种页面级别前端灰度新功能的方案，看看有你熟悉的方案吗

2022-07-07 09:34:02

灰度 vue JavaScript

【Java Web】前端三剑客之 CSS

@TOC(目录)CSSCSS的语法规则非常简单！每一个CSS语句包含两个部分：选择器+应用属性。内部样式表1.内部样式表css<stylep{/设置字体颜色/color:red;/设置字体大小/fontsize:30px;}</style<phello</p上面的代码，就是最典型的例子。其中style标签的内容，就是一个CSS的代码。!image20220627160305131(https://

2022-07-06 12:12:59

css html 前端

CSS 基于文字的图片马赛克你见过吗

基于filter和mix-blend-mode实现文字图片马赛克效果，你不来看看么

2022-07-06 09:30:23

css 混合模式滤镜

【JavaWeb】前端三剑客之 HTML

@TOC(目录)1.什么是HTMLHTML是用来描述网页的一种语言。HTML是一种在Web上使用的通用标记语言。HTML允许你的格式化文本,添加图片,创建链接、输入表单、框架和表格等等，并可将之存为文本文件，浏览器即可读取和显示。1.HTML指的是超文本标记语言:HyperTextMarkupLanguage2.HTML不是一种编程语言，而是一种标记语言3.标记语言是一套标记标签(markupta

2022-07-05 14:06:49

html Web 前端

CSS动画篇之炫酷时钟之时钟墙

通过CSS制作的时钟大家肯定看到的多了，但是像下面这样的时钟是不是很少见，整个时钟是有很多个小的时钟组合而成，每秒通过多个时钟的动画来切换时间，不得不说这个设计是非常的炫酷且有特色。

2022-07-05 09:21:11

css javascript 动画

vue+tauri开发小巧的跨OS桌面应用-股票体检

最近打算写一个用于股票体检的软件，比如股权质押比过高的股票不合格，ROE小于10的股票不合格，PE大于80的股票不合格等等等等，就像给人做体检一样给股票做个体检。也实现了一些按照技术指标、基本面自动选股，实盘买卖点回测功能等等等等。我用vue开发了这样一个软件，目前只有我自己在浏览器上使用，许多小伙伴和我说:“你把它做成网站呗”。先不说别的，这种网站只是备案就够我喝一壶的！所以我就想做成一个PC端

2022-07-05 06:21:56

桌面应用 webview 安装包

CSS 实现炫酷文本过渡动画

纯CSS实现炫酷文本切换过渡动画，附在线地址预览

2022-07-01 11:53:14

Fiori 应用通过 Adaptation Project 的增强方式分享

笔者曾经在SAP成都研究院CRMFiori开发团队工作时，担任了德国一个著名的灯具制造商客户的CRMFiori项目的devangel.当时客户提出了若干对CRMFiori标准应用的增强需求，总的来说分为前台FioriUI界面的增强(比如增添新的自定义字段)以及后台逻辑的增强。当时还处于Fiori1.0时代，还没有直接在浏览器上使用S/4HANA的KeyUsertool进行新建字段的办法，因此对于前

2022-07-01 10:36:03

应用程序 SAP UI5 Fiori

夏天来啦，用纯CSS实现水果解解馋吧

不知不觉地又是一年夏天来临了，面对烈日炎炎，夏天要吃的水果那是必不可少，今天就用CSS来给大家带来一个水果拼盘，提前给大家解解暑~

2022-06-29 11:01:05

css css3 前端

javaScript原型和原型链

前言在了解原型和原型链之前，我们先了解一部分概念，constructor，prototype，__proto__。constructor在之前判断数据类型的文章:javaScript常见数据类型检查校验(http://lewyon.xyz/checkType.html)有提到过关于构造函数的属性constructorconstructor的是返回创建实例对象的构造函数的引用，这个属性的值是对函数本

2022-06-29 09:37:31

构造函数原型链原型对象

vue的接口封装和状态管理

1.config index.js下面的跨域代理设置： proxyTable: { '/api': { target: 'http://xxxx', //要访问的后端接口 changeOrigin: true, pathRewrite: { '^/api': 'http://xxx' } }, },

2022-06-28 23:44:25

ios 拦截器封装

前端性能优化之请求优化

前端页面使用场景多变，受外界因素影响较多，网络环境，用户设备，浏览器内核等都会影响性能体验。所以针对每一个请求都要想想是否有优化的空间，是否有省去的可能，让每发起一个请求都尽其所能，达到请求的极致。

2022-06-28 09:41:44

缓存请求性能优化

让你事半功倍的JS utils工具函数

分享一篇积累和收集了很久的JS utils工具函数，文章代码量较多，建议收藏起来慢慢看，当哪一天需要用到的时候，打开你尘封已久的收藏夹，相信能让你的业务代码开发事半功倍。

2022-06-27 18:33:27

JavaScript utils 前端

【playwright】pytest-playwright与allure结合，生成报告带有图片和录屏

pytest-playwright与allure结合，生成报告带有图片和录屏

2022-06-22 17:31:15

python pytest allure

JS高级程序设计第 4 版：迭代器的学习

JavaScript 高级程序设计第 4 版（后简称高程4），相较于第 3 版，增加了 ES6 至 ES10 的全新内容，删除了旧版过时的内容，并在原有基础上充实了更加翔实的内容。中文译版于 2020 年发售，妥妥的“新鲜出炉”，你要是问本瓜：当今学 JavaScript 哪家强，我只能说：红宝书第 4 版最在行。于是乎，借着更文契机，本瓜将开启一个小系列，带你重看一遍高级程序设计4（先前只是跳着

2022-06-22 08:56:31

数据结构迭代器迭代

基于Echarts的柱状图Demo-记录设备历史数据

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

2022-06-16 14:35:45

中软国际 Echarts 柱状图demo

「Node学习笔记」Node.js的模块实现及编译

前言在计算机程序的开发过程中，随着程序代码越写越多，在一个文件里代码就会越来越长，越来越不容易维护。为了编写可维护的代码，我们把很多函数分组，分别放到不同的文件里，这样，每个文件包含的代码就相对较少，很多编程语言都采用这种组织代码的方式。在 Node 环境中，一个 .js 文件就称之为一个模块（module）。一、使用模块的好处使用模块最大的好处是大大提高了代码的可维护性。其次，编写代码不必从零开

2022-06-15 15:19:47

Node 前端模块

javascript高级进阶

js的一些高级进阶

2022-06-13 17:32:08

数组构造函数作用域

JS 变量、作用域与内存

JavaScript 高级程序设计第 4 版（后简称高程4），相较于第 3 版，增加了 ES6 至 ES10 的全新内容，删除了旧版过时的内容，并在原有基础上充实了更加翔实的内容。中文译版于 2020 年发售，妥妥的“新鲜出炉”，你要是问本瓜：当今学 JavaScript 哪家强，我只能说：红宝书第 4 版最在行。于是乎，借着更文契机，本瓜将开启一个小系列，带你重看一遍高级程序设计4（先前只是跳着

2022-06-13 09:14:45

垃圾回收 javascript 数据

一张图不用，纯CSS 做个贺卡

朋友生日了，直接画，炫技并且表示本人闲的全身疼才会去拿CSS画画，以此嘲弄对方的加班：!在这里插入图片描述(https://s4.51cto.com/images/blog/202206/08213715_62a0a60b36a0220401.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_1

2022-06-08 21:39:17

一分钟教你快速搭建Vue脚手架（Vue-Cli）项目并整合ElementUI

一分钟教你快速搭建Vue脚手架（Vue-Cli）项目并整合ElementUI

2022-06-08 08:31:10

node.js java 创建项目

3分钟带你搞懂Vue双向绑定原理及问题剖析

3分钟带你搞懂Vue双向绑定原理及问题剖析

2022-06-05 14:23:40

双向绑定 html 数组

700行无用纯 CSS 祝考生金榜高粽！《1_bit 的无用 CSS 代码》

纯 CSS 海报制作

2022-06-04 20:12:18

css html 前端

element-ui：el-table合并单元格后的行高亮显示

有如下一份数据src/data.jsonjson{"list":{"id":1,"user_id":1,"name":"王小虎","address":"上海市普陀区金沙江路1弄"},{"id":2,"user_id":1,"name":"王小虎","address":"上海市普陀区金沙江路2弄"},{"id":3,"user_id":1,"name":"王小虎","address":"上海市普陀区

2022-06-03 15:42:41

高亮 jquery json

前端必学——函数式编程（五）

前文梳理第一篇为什么要进行函数式编程？——一切只是为了代码更加可读！！开发人员喜欢【显式】输入输出而不是【隐式】输入输出，要明白何为显式，何为隐式！！一个函数如果可以接受或返回一个甚至多个函数，它被叫做高阶函数。闭包是最强大的高阶函数！！第二篇讲了重要的两个概念：偏函数、柯里化函数组装是函数式编程最重要的实现方式！而熟练运用偏函数、柯里化，以及它们的变体，是函数组装的基础。偏函数表现形

2022-06-02 09:15:51

函数式编程数组偏函数

史上最全 Appium 自动化测试从基础到框架实战精华学习笔记（一）

本文为霍格沃兹测试学院学员学习笔记，进阶学习文末加群。对测试人来说，Appium 是非常重要的一个开源跨平台自动化测试工具，它允许测试人员在不同的平台（iOS、Android 等）使用同一套 API 来写自动化测试脚本，这样可大幅提升代码复用率和工作效率。本文汇总了从 Appium 基础到自动化测试高级实战中，所涉及到的方方面面的知识点精华内容（如下所示），希望对大家快速总结和复习有所帮助。App

2022-06-01 11:53:32

搜索 android 控件

前端必学——函数式编程（四）

本篇会将谈谈函数编程中一个很重要的细节 ——“副作用”。维基上关于副作用的解释：函数内部有隐式（Implicit）的数据流，这种情况叫做副作用（Side Effect）。咱们前文也提到过：开发人员喜欢显式输入输出而不是隐式输入输出。所以我们将细致的看看副作用中【隐式】和【显式】的区别!何为副作用？先来个小例子作开胃菜：//片段1functionfo

2022-06-01 09:39:45

幂等输入输出显式

前端必学——函数式编程（三）

在前面的文章，我们谈了基础之基础，重要之重要——“偏函数”，偏函数通过函数封装，实现了减少传参数量的目的，解决了手动指定实参的麻烦。更具重要意义的是：当函数只有一个形参时，我们能够比较容易地组合它们。这种单元函数，便于进行后续的组合函数；没错，本篇就是谈关于“组合函数”。它是函数编程的重中之重之重之重重重！组合函数含义函数编程就像拼乐高！乐高有各式各样的零部件，我们将它们组装拼接，拼成

2022-05-31 10:11:38

sed 封装函数编程

前端必学——函数式编程（二）

本篇将着重介绍函数的输入，它是 JS 轻量函数式编程的基础之基础，重要之重要！！！偏函数传参现状我们经常会写出这样的代码：function ajax(url,data,callback) { // ..}function getPerson(data,cb) { ajax( "http://some.api/person", data, cb );}ajax函

2022-05-30 13:56:53

ajax 函数式编程偏函数

Frida 实现 Hook 功能的强大能力

技术分享 | Frida 实现 Hook 功能的强大能力更多技术文章Frida 通过 C 语言将 QuickJS 注入到目标进程中，获取完整的内存操作权限，达到在程序运行时实时地插入额外代码和数据的目的。官方将调用代码封装为 python 库，当然你也可以直接通过其他的语言调用 Frida 中的 C 语言代码进行操作。Frida安装和启动电脑端 Frida 安装pip install fr

2022-05-25 10:24:08

android java 手机端

我离全栈工程师又进了一步！APICloud云数据库使用体验

前几篇文章主要记录了一下是使用APICloud开发App前端的部分，这次再来体验一下APICloud的云数据库。云数据库可以通过web页面来操作，实现一些数据库的基本功能，非常方便。云数据库大家可以理解为是普通的一个数据库，存储用户业务逻辑的数据。云数据库的操作包数据表的操作，数据表字段的操作，还有数据表中内容的增删改查和索引设置等，下面我们来一起创建一个自己的云数据库。首先进入控制台（www

2022-05-24 13:44:30

数据库后端 APICloud

诺！给你「最酷」网页设计指南

作为一个优秀的 Web 前端开发者，如果不懂点用户体验设计（UED），任由 UI 搁那指指点点，那可真叫是：知三晓五 —— 就是不懂事（四）了！别方，抱紧我！本篇将为大家带来最酷的网页设计指南！闲言少叙，直接奥力给！新拟态新拟态，英文叫作：Neumorphism，是由「New Skeuomorphism」组合的新名词，也就是新型态的拟物化风格设计，中文称作新拟态、同化，也有设计师称其为Soft U

2022-05-24 08:46:11

3d 网页设计数据

JS 的浪漫 —— Promise 食用注意点

本瓜一直觉得 Promise 就是咱 JS 人的浪漫，没错，Promise　天天见，但或许越熟悉越陌生，我们在一直用的过程中会形成一些定式，这导致难免会漏掉一些定式以外的要点；本篇带来　Promise 5 个避免，以供自查！！1. 避免回调地狱啥？Promise 就是来解决回调地狱的，如果还写成这个样子，那一切还有什么意义？userLogin('user').then(function(user)

2022-05-23 09:35:23

函数式编程封装函数声明

为什么说 JS 是多范式语言？

小引JavaScript 技能持有者一定有问过这个问题：JavaScript 是面向对象语言吗？你期望得到的答案应该为：“是” 或 “不是”。但是可惜，你得不到这样简单的答案！你大概了解一通之后，你会被告知：JavaScript 不是纯粹的面向对象语言！wtf！为什么是不纯粹？能不能纯粹一点？！我们喜欢纯粹，不喜欢混沌！......实际上，死扣定义真的没太必要。定义背后的故事才是最重要的！看完本篇

2022-05-21 11:42:36

设计模式多态 javascript

JavaScript的相关知识点学习与实践二

JS帮助我们实现动画效果

2022-05-18 10:19:13

html 数组字符串

JavaScript数组常用方法解析和深层次js数组扁平化

前言数组作为在开发中常用的集合，除了for循环遍历以外，还有很多内置对象的方法，包括map，以及数组筛选元素filter等。注：文章结尾处附深层次数组扁平化方法操作。作为引用数据类型的一种，在处理数组Array的时候，我们需要考虑到深拷贝和浅拷贝的情况可以参考以下文章javaScript中深拷贝和浅拷贝简单梳理(http://lewyon.xyz/objectCopy.html)深度解析javaS

2022-05-18 09:28:40

数组字符串数组元素

10 个 Vue3 实战指南，冲就完事了

本篇介绍 10 点如何从实战中学习突破 Vue JS 3 的新特性，细细看完，一定会有收获~初始化挂载在 Vue2 中，我们在 main.js 通常这样进行初始化挂载：new Vue({ render: h => h(App), components: { App }}).$mount('#app')在 Vue3 中，调整为这样：import { createApp } from 'v

2022-05-18 09:07:38

数组数据新特性

JavaScript的相关知识点学习与实践一

Js是我们用来实现交互和动态效果的

2022-05-17 10:02:12

html 构造函数创建对象

5 种在循环中使用 async/await 的方法，建议收藏

我们经常会遇到这样的需求，在循环中使用异步请求，而ES6 的 async/await是我们让异步编程更简单的利剑?。本篇总结了 5 种在循环中使用 async/await 的方法（代码干货都能在浏览器控制台自测）：打勾的方法 ✔：表示在循环中每个异步请求是按照次序来执行的，我们简称为“串行”打叉的方法 ❌ ：表示只借助循环执行所有异步请求，不保证次序，我们简称为“并行”按需

2022-05-15 10:17:11

异步请求回调函数遍历数组

重读 ES6 标准入门（第3版）

前言仅将自己的理解做整理、归类并结合实际遇到的问题做记录，更推荐阅读ECMAScript 6 入门。扩展篇数组的扩展解构赋值“ES6 中允许按照一定模式，从数组和对象中提取值，对变量进行赋值，这被称为解构（Destructuring）”作用：可以快速取得数组或对象当中的元素或属性，而无需使用arr[x]或者obj[key]等传统方式进行赋值let [a,b,c] = [1,2,

2022-05-14 10:25:59

数组字符串赋值

JavaScript函数闭包以及作用域

递归函数递归函数：在函数内部调用自身，一般解决数学问题。菲波那切数列：1,1,2,3,,5,8,13,21,34……function feibo(n) { // 用户输入第n项，返回对应的值 // 从第3项开始值等于n-1对应的值+n-2对应的值 if(n === 1 || n == 2) { return 1; }else { return feibo(n-1) + feib

2022-05-12 11:14:37

作用域全局变量局部变量

Vue 项目中如何重构“布局”？

正视布局开篇想先问你一个问题：“你认为你目前所在 Vue 项目中的 layouts 设置有什么问题吗？”你可能会回答：“没有啥问题啊。因为不就是简单的在外层套一个 Layout 组件吗？”我想一定类似这样吧：<template> <MyLayout> <h1>Here is my page content</h1> </MyLayou

2022-05-11 08:40:43

初始化 sed ico

上一页 1 ··· 5 6 7 8 9 ··· 31 下一页

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

51CTO博客鸿蒙开发者社区

教育

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