鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

开发

7.5w内容

关注

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

文章博文帖子课程

共 1535 条

跨越时空的对白——async&await分析

同步中的异步在ES6中新增了asgnc...await...的异步解决方案，对于这种方案，有多种操作姿势，比如这样const asyncReadFile = async function(){ const f1 = await readFile('/etc/fstab') const f2 = await readFile('/etc/shells') console.l

2022-05-08 11:38:56

异步操作异步任务回调函数

腾讯面试 4 个【好问题】！

引言一朋友刚面了腾讯音乐（TME）前端开发岗位（两年经验），本瓜撰文记之。以期同各面试人分享交流~自评面试难度：?????话不多说，直接看题！我相信一定有你想要的！注：好的面试流程通常以聊天的方式进行，题目是连续的。此处抽出核心四问，其间附带的小问题一笔带过，不做赘述。页面通信❝问题一：从页面 A 打开一个新页面 B，B 页面关闭（包括意外崩溃），如何通知 A 页面？炸看这一题，以为讲的是 htm

2022-05-08 09:34:53

html 数据加载

从【if...else...】到【责任链】再到【composeAOP】，顺带把【传参】解决了~

?嵌套毛毛虫我猜你一定见过这样的代码：if(condition1 === A1){ if(condition2 === A2){ ... }else if(condition2 === B2){ ... }else if(condition2 === C2){ ... }else{ ... }}esle if(c

2022-05-05 09:27:45

json 数组 i++

RxJS Map 操作符四大天王

从高阶Observable 的概念与RxJS Map 操作符来介绍四大让人却步的Map 系列操作符—MergeMap、ConcatMap、SwitchMap以及ExhaustMap。先从简单的Map 操作符开始，以下面的程式码举例：Rx.Observable .interval(1000) .take(5) .map(item => i

2022-04-30 11:44:41

时间轴操作符二维

5 张弹珠图彻底弄清 RxJS 的拉平策略：mergeMap、switchMap、concatMap、exhaustMap

map 操作想必大家一定不陌生：const { of } = Rx;const { map } = RxOperators;const namesObservable = of('A', 'B');namesObservable.pipe( map(name => `map ${name}`))namesObservable .subscribe(result => consol

2022-04-28 17:56:11

操作符数据扁平化

逆向进阶，利用 AST 技术还原 JavaScript 混淆代码

AST Babel 入门手册，手把手带你还原 JS 混淆代码，让你逆向如虎添翼！

2022-04-28 15:31:52

javascript 语法树编译器

分分钟搞懂防抖和节流-案例

触发高频事件后n秒内函数只会执行一次，如果n秒内高频事件再次被触发，则重新计算时间实现方式：每次触发事件时设置一个延迟调用方法，并且取消之前的延时调用方法缺点：如果事件在规定的时间间隔内被不断的触发，则调用方法会被不断的延迟节流以第一次为准，防抖以最后一次为准防抖//防抖debounce代码：function debounce(fn) { let timeout = null; // 创建一

2022-04-22 15:12:24

调用方法函数节流事件触发

vuex应用状态管理和axios网络请求响应

vuex应用状态管理和axios网络请求响应Vuex插件的安装在vue项目目录下执行如下命令：npm install vuex@3.6.2 --save安装完成后，在package.json的项目配置文件中显示出vuex安装版本.手动在项目的src目录下创建store文件夹和index.js文件，index.js文件内容如下。该文件内容就是Vuex进行状态集中管理的仓库。impo

2022-04-21 09:27:31

数据 vue axios

前端VueRouter解析

前端VueRouter解析VueClI2项目构建过程中安装VueRouter我们学习了使用vue init webpack [project-name]命令快速构建Vue项目脚手架。如果需要在项目中加入VueRouter，在项目配置填写的阶段Install vue-touter？填写Y(Yes)。使用VueRouter开发第一个demo 第一个示例很简单，创建一个单页面应用。这个单页面应用

2022-04-20 08:46:06

懒加载映射关系重定向

VUE深度解析

VUE深度解析ES6语法-var-const-let用法详解javascript作用域javascript只有函数作用域，没有块级作用域。即在dunction里面定义的变量是有作用域的，if、for等代码块定义的变量是没有作用域的。<!DOCTYPE html><html lang="en"><head> <meta charset="UTF-8

2022-04-20 08:43:56

数据 html 作用域

vue3和vue2的比较

最近开始切入vue3的学习，处于在3和2的过渡阶段中，有时候用了3的写法，有时候用了2的写法，走火入魔了属于是，于是想写一篇文章，做一次全面的比较，给自己一个总结，希望经过本文，加一时间沉淀，我可以信誓旦旦说我熟练vue2/3生命周期整体来看，变化不大，只是名字大部分需要+ on，功能上类似。使用上 Vue3 组合式 API 需要先引入，而 Vue2 选项 API 则可直接调用，如下所示。

2022-04-19 00:05:21

Vue基础知识总结(三):快速构建Vue项目

?个人主页：程序员阿红(https://blog.51cto.com/u_13902521)??支持我：点赞?收藏⭐️留言?1.什么是VuecliVuecli是基于Vue的应用开发提供的一个标准的脚手架工具.为应用搭建基础的框架结构,提供插件、开发服务、Preset、构建打包功能Vuecli背后集成了现代化开发的诸多功能,通过简单的命令就可以完成"零配置"的项目环境搭建2.安装Vuecli步骤在安

2022-04-15 15:39:35

node.js 服务端 javascript

vue 性能监控分析

我们在浏览网站的时候，不可避免的需要消耗自身计算机资源，比如带宽、cpu、存储等等，这些资源会随着访问时间的延长而产生一定的数据碎片，在我们没有关闭浏览器的时候，这些碎片会一直存在的，那么作为开发者我们开发的网站是否优质，是否对用户计算机负担小，打开是否未低时延这些就是我们用来衡量网站是否卓越的指标了。vue作为一款很卓越的前端开发框架，开发起来很舒服，那性能怎样呢？这个时候就需要使用性能检测相关

2022-04-15 00:12:46

初始化重定向时间戳

iOS小技能： VC modal样式的应用（将当前的VC的界面作为另一个VC的背景图片）

@toc前言需求：将当前的VC的界面作为另一个VC的背景图片(在当前视图中推出另外一个背景透明的视图控制器)thecontentisdisplayedoveranotherviewcontroller’scontent具体的应用场景:1.下单的的付款详情2.发布商品的选择商品类目3.反馈页面4.码牌类设备（含电子立牌、静态码牌、码牌喇叭一体机）增加收款二维码查看和下载功能!在这里插入图片描述(ht

2022-04-13 11:22:06

.net 类目 webview

百度程序员开发避坑指南（移动端篇）

01NSTimer造成的内存泄漏问题？1.1什么是内存泄漏？一个对象在引用计数变为0时，系统会回收内存。如果一个本应该被回收的内存，没有被回收（引用计数0），那么就会造成内存泄漏。以下代码将造成内存泄漏：@interfaceViewController()@property(nonatomic,strong)NSTimertimer;@end@implementationViewControlle

2022-04-12 15:21:07

获取焦点 sed webview

在nodejs中事件循环分析

在上一篇文章[在chromev8中的JavaScript事件循环分析]()中分析到，在chrome中的js引擎是通过执行栈和事件队列的形式来完成js的异步操作。然而在node中，事件循环表现出的状态与浏览器中大致相同。不同的是node中有一套自己的模型。node中事件循环的实现是依靠的libuv引擎。我们知道node选择chrome v8引擎作为js解释器，v8引擎将js代码分析后

2022-04-11 22:07:37

事件循环 v8 javascript

在chromev8中的JavaScript事件循环分析

JavaScript从诞生之日起就是一门单线程的非阻塞的脚本语言。这是由其最初的用途来决定的：与浏览器交互。单线程，JavaScript代码在执行的任何时候，都只有一个主线程来处理所有的任务。非阻塞则是当代码需要进行一项异步任务（无法立刻返回结果，需要花一定时间才能返回的任务，如I/O事件）的时候，主线程会挂起pending这个任务，然后在异步任务返回结果的时候再根据一定规

2022-04-09 00:40:10

执行栈主线程任务队列

vue在浏览器中对DOM渲染探究

“世间万物都由分子构成。用气将万物的分子打散，分解眼前事物，再将分子重组，在短暂的瞬间，可以凝成时空停顿，甚至逆转时空。”这句熟悉的电影台词想必大家能猜出是哪一招武林绝学吧？是的，万事万物无时无刻不在变化，譬如与我们息息相关的DOM树，用“气”将树打散，再将树重组，我们的页面就动起来了！Vue渲染流程vuejs有两个阶段：编译时和运行时。编译时我们平常开发时写的.vue文件是无法直接运行在

2022-04-06 23:52:40

css html 重绘

浅析$nextTick和$forceUpdate

vue中提供了数十种api供我们开发者日常使用，而常用的其实也就十多种，比如setup, mount, forceupdate, nextTick, compute, ref等，这些参数有的是在生命周期中进行管理，有的是在页面执行过程中，更新参数，有些是可以用来检测页面数据，这些随着项目的推进或多或少都是会使用到。其中nextTick

2022-04-05 21:30:01

数据事件循环重绘

动态资源技术JSP｜Java与Html的美好相遇

你想要的动态Web资源技术JSP，这里都有，万字长文带你一睹Java与Html的美好相遇！

2022-04-04 17:57:22

jsp页面服务器 JSP

使用APICloud AVM框架开发人事档案管理助手app实战

由于人事档案具有涉密性，所以本应用没有使用后台服务，全部功能都在APP本地实现。开发工具采用　APICloud Studio3，基于VSCode的（PS：比基于Atom的autio2好用太多）；数据库采用sqllite，没有使用UI框架，个人觉得AVM本身支持的flex布局配合自写CSS样式，完全可以实现市面上所有的ＵＩ框架的元素，这个取决于个人功力。一、项目思维脑图二、功能介绍１、人员花名册２、

2022-04-02 14:56:23

app开发 apicloud 项目实战

Vue基础知识总结(二)：进阶篇

1.0 MVVM模式MVVM 是Model-View-ViewModel 的缩写，它是一种基于前端开发的架构模式。MVVM模式将页面,分层了 M 、V、和VM ,解释为：Model: 负责数据存储View: 负责页面展示View Model: 负责业务逻辑处理（比如Ajax请求等），对数据进行加工后交给视图展示<body><div id="app">

2022-03-30 10:50:31

#yyds干货盘点# 一步步教你用taro封装一个公司库的下拉组件

前言我是歌谣我有个兄弟巅峰的时候排名c站总榜19 叫前端小歌谣曾经我花了三年的时间创作了他现在我要用五年的时间超越他今天又是接近兄弟的一天人生难免坎坷大不了从头再来歌谣的意志是永恒的放弃很容易但是坚持一定很酷前言歌谣歌谣如何封装一个公司库的一个组件需求介绍首先要实现的是1第一步需要在一个input框中输入字符当字符发生变化的时候进行接口的调用2超过两个字符开始

2022-03-24 09:26:02

taro ico 赋值

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

快速搞懂Vue双向绑定原理~干货满满

2022-03-22 16:44:03

双向绑定 html 数组

IOS技术分享| ARCallPlus 开源项目（一）

ARCallPlus简介ARCallPlus是anyRTC开源的音视频通话项目，同时支持iOS、Android、Web等平台。本文主要介绍音视频通话ARUICalling模块iOS本地库的封装。源码下载三行代码、二十分钟应用内构建，实现音视频通话。本项目已上架AppStore，欢迎下载体验。GitHub开源地址(https://github.com/anyRTCUseCase/ARCallPlus

2022-03-22 10:45:33

ios 移动开发视频通话

使用Node.js、MongoDB、Fastify 构建API服务

文章从零开始介绍如果使用Node.js构建API、通过swagger完善API文档、postman测试API、pm2或者docker服务部署全过程

2022-03-19 22:20:54

mongodb node.js swagger

使用APICloud开发物流仓储app项目实践

一、前端思维导图二、项目原型图（UI图）初版原型地址墨刀原型链接《外贸类》，涉及的页面大概有20+，有兴趣可以去招人做一下UI。三、前端app项目创建1、前端APICloud后台（www.apicloud.com/console）创建app，创建混合的开发的app。2、下载调试工具自定义loader安装包自定义loader是一个安卓或iOS的安装包，可以装到收集端，从而进行js

2022-03-17 16:38:09

apicloud HTML5 vue

使用APICloud平台实现朋友圈功能

一、效果展示二、项目结构图以及用到的模块三、主要功能 1、下拉刷新上啦加载更多（mescroll.js） 2、点赞评论 3、导航背景透明渐变效果 4、图像预览（UIPhotoViewer） 5、图像压缩 6、定位附近地点（aMap） 7、图像批量上传四、功能点详解 1、下拉刷新和上拉加载我用的是 mescroll.js(自带图像懒加载，官方网站有详细使用说明文档) 实

2022-03-16 15:57:32

APICloud HTML5 JavaScript

【7000字】一晚上爆肝浏览器从输入到渲染完毕原理

前言Chromecomic，一本Chrome架构简要概述的漫画，Chrome架构于2008年同Chrome浏览器一起发布。!(https://s4.51cto.com/images/blog/202203/09175402_6228793abfc4d43268.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_F

2022-03-09 17:56:25

浏览器 JavaScript 渲染

PHP 基于 SW-X 框架，搭建RPC微服务支持

SW-X的微服务也可用于优化FPM业务，底层使用了TCP通讯协议，支持基于AES的数据加解密支持，官方提供了Swoole/FPM下的RPC客户端，并提供了纯基于Redis存储管理的RPC服务中心。

2022-03-07 17:11:59

php 微服务 swoole

JavaScript 数据处理 - 映射表篇

由于 JavaScript 的动态特性，其对象本身就是一个映射表，对象的「属性名⇒属性值」就是映射表中的「键⇒值」

2022-03-06 21:15:15

javascript 键值对数组

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

一分钟教会你使用Vuecli创建项目并整合ElementUI，全程高能，速速来看 ~

2022-03-05 21:39:48

node.js 创建项目 json

JavaScript 数据处理 - 列表篇

从 Array 类中提供的实例方法可以看出来，数组涵盖了一般的列表操作，增删改查俱全。除了日常的 CRUD 之外，最重要的就是对列表进行完全或部分遍历，拿到预期的结果。

2022-03-04 22:44:44

数组数据 javascript

浅谈：为什么vue和react都选择了Hooks?

一文带你领略 Hooks 的优点~

2022-03-01 22:54:43

vuejs react hooks

Android包体积优化上篇- 资源混淆优化

本文章依赖的知识点有Gradle插件编译流程、Gradle插件编写、Groovy、 Android打包流程、Android AAPT流程等。

2022-03-01 14:20:56

百度白名单 android

#yyds干货盘点# 内鬼消息：串联高频面试问题，值得一看！

前言开宗明义，本瓜深知汝之痛点：前端面试知识点太杂，卿总为了面试而面试，忘了记，记了又忘，循环往复，为此叫苦不迭。来，让本瓜带领各位都稍稍回顾一下，自己曾经在学生时代记忆元素周期表的光辉岁月。氢、氦、锂、铍、硼、碳、氮、氧、氟、氖、钠、镁、铝、硅、磷、硫、氯、氩、钾、钙、钪、钛、钒、铬、猛、铁、钴、镍、铜、锌......咱当初记这前三十位元素，是死记硬背的吗？答案是否定的，机智的我们用到了&nbs

2022-02-28 09:10:13

缓存服务器客户端

#yyds干货盘点# 前端模块化的全面总结

随着前端功能越来越复杂，前端代码日益膨胀，为了减少维护成本，提高代码的可复用性，前端模块化势在必行。

2022-02-27 23:50:39

Python自动化测试系列[v1.0.0][分布式自动化]

【附源码】分布式自动化实际上的应用场景非常多，例如兼容性测试场景/稳定性场景等等，它可以轻松实现一份代码驱动若干终端执行自动化

2022-02-25 13:35:50

Grid 分布式自动化兼容性测试

#yyds干货盘点# CSS盒子模型

CSS盒子模型在CSS中算是比较重要的部分了，他已经开始涉及到网页布局和设计了，对于这一块内容要引起重视，多加练习。

2022-02-25 08:15:47

盒模型 css 页面布局

前端SSR的落地实践

!图片(https://s4.51cto.com/images/blog/202202/22104833_62144f0151bda52909.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5naGVpd

2022-02-22 14:40:08

数据服务端客户端

Gradle+Groovy基础篇#yyds干货盘点#

Gradle+Groovy基础篇

2022-02-21 21:47:30

spring java maven

「VS Code 整活」100行代码，写一个超实用的悬浮翻译插件

要说哪个插件对效率提升最大，可能各有推荐，各有千秋。但我要说对初学者，以及英文有亿点点差的同学来讲：翻译，是日常开发中必不可少的一环。在下找过N个`VSCode` 翻译插件发现一个神器：

2022-02-21 15:06:35

ide 插件开发 VS Code

#yyds干货盘点# 洋哥表单，看了都说好

洋哥表单，看了都说好。表单精心总结，快速掌握

2022-02-17 18:54:19

表单 HTML CSS

流量录制与回放在vivo的落地实践

流量回放怎么实现？有哪些问题和挑战？能给我们带来多少收益？本专题将通过vivo流量回放在项目落地实践给大家提供一些借鉴和参考。

2022-02-15 09:52:21

流量录制回归测试

#yyds干货盘点#这一次，彻底搞懂Promise

彻底搞定Promise

2022-02-12 09:22:04

数据迭代数组

#yyds干货盘点# SAP UI5 batch 请求的响应解析流程分析

batch请求的回复：!(https://s4.51cto.com/images/blog/202202/10104156_62047b74dba8c78382.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_20,type_ZmFuZ3po

2022-02-10 10:42:29

json 字段数据

自动化测试用例的原子性#yyds干货盘点#

自动化测试用例的原子性

2022-02-09 14:29:00

测试用例应用程序用例

JavaScript 之 Proxy

Proxy 可以理解成，在目标对象之前架设一层“拦截”，外界对该对象的访问，都必须先通过这层拦截，因此提供了一种机制，可以对外界的访问进行过滤和改写。

2022-01-27 23:18:10

前端 JavaScript Proxy

你眼中和我眼中的单元测试，看看有何区别？

你真的懂单元测试吗？

2022-01-27 10:18:20

单元测试 spring

APICloud AVM框架列表组件list-view的使用、flex布局教程

avm.js 是APICloud 推出的多端开发框架。使用 avm.js 一个技术栈可同时开发 Android & iOS 原生 App、小程序和 iOS 轻 App，且多端渲染效果统一；全新的 App 引擎 3.0 不依赖 webView，提供百分百的原生渲染，保障 App 性能和体验与原生 App 一致。 list-view 定义可复用内容的竖向滚动

2022-01-26 11:40:47

css 列表 avm.js

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

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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