鸿蒙开发者社区

WOT技术大会

公众号矩阵

移动端

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

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

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

51CTO

鸿蒙开发者社区

51CTO技术栈

51CTO官微

51CTO学堂

51CTO博客

CTO训练营

鸿蒙开发者社区订阅号

51CTO软考

51CTO学堂APP

51CTO学堂企业版APP

鸿蒙开发者社区视频号

51CTO软考题库

账号设置退出

开发

7.5w内容

关注

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

文章博文帖子课程

共 1535 条

使用 React 和 Next.js 构建博客

Next.js 是由 Vercel 创建和维护的基于 React 的应用程序框架。本教程将从零开始学习如何使用 Next.js 构建一个小型的博客网站：

2022-01-22 21:18:38

html next.js react

使用APICloud AVM框架开发预约应用

前段时间跟朋友一起搞了一个预约的项目，前端用的APICloud的AVM框架做的，后端用的php开发的，用的tp5框架，没几天就搞出来了。简单跟大家分享一下开发中的一些功能点的实现吧。也欢迎大家一起探讨。一、整理项目脑图二、项目原型图原型是用的码前做的，大家可以通过www.devbefore.com/protomobile/47942983009476608查看三、项目前端本项目中前端采用A

2022-01-21 14:54:17

多端开发 app开发小程序开发

#私藏项目实操分享# SAP 电商云 Spartacus UI 的交货模式 Delivery Mode 设计

本文讨论SpartacusUIcheckout流程时，下图高亮的两种交货模式，DeliveryMode的数据来源：!(https://s4.51cto.com/images/blog/202201/21094219_61ea0f7b7aa0060876.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFF

2022-01-21 09:42:55

TypeScript JavaScript

#私藏项目实操分享# RxJs 操作符 withLatestFrom 在 SAP 电商云 Spartacus UI 中的应用

看下面这段代码：!(https://s4.51cto.com/images/blog/202201/20113916_61e8d964460c987385.png?xossprocess=image/watermark,size_14,text_QDUxQ1RP5Y2a5a6i,color_FFFFFF,t_100,g_se,x_10,y_10,shadow_20,type_ZmFuZ3poZW5

2022-01-20 11:39:46

数据数据类型 typescript

从零打造一个Web地图引擎

说到地图，大家一定很熟悉，平时应该都使用过百度地图、高德地图、腾讯地图等，如果涉及到地图相关的开发需求，也有很多选择，比如前面的几个地图都会提供一套js API，此外也有一些开源地图框架可以使用，比如OpenLayers、Leaflet等。那么大家有没有想过这些地图是怎么渲染出来的呢，为什么根据一个经纬度就能显示对应的地图呢，不知道没关系，本文会带各位从零实现一个简单的

2022-01-18 22:34:04

Spock框架Mock对象、方法经验总结#yyds干货盘点#

Spock框架Mock对象、方法经验总结

2022-01-18 14:43:45

java 单元测试赋值

#yyds干货盘点#使用php-amqplib实现RabbitMq

使用php-amqplib实现RabbitMq

2022-01-18 09:51:55

php 工作队列 sed

这8个JS 新功能，你应该去尝试一下

本文主要介绍几个已经进入stage4的提案，这几个提案有望在2022年逐步纳入标准。

2022-01-17 11:24:41

github javascript 开发语言

#yyds干货盘点# 数据结构与算法之JavaScript

几个常见JavaScript中的算法

2022-01-15 22:56:24

javascript 数据结构算法

#yyds干货盘点#手机APP消息推送极光推送jpush-php实例

#yyds干货盘点#手机APP消息推送极光推送jpush-php实例

2022-01-14 09:16:39

php ide 极光推送

Bootstrap实战 - 响应式布局

响应式布局就是一个网站能够兼容多个终端，而不是为每个终端做一个特定的版本。这个概念是为解决移动互联网浏览而诞生的。导航栏与轮播在大部分网站的头部占很高的比重，特别是导航栏，扮演着网站地图的角色。在响应式布局中，要求导航栏能够根据终端屏幕大小显示不同的样式。

2022-01-12 10:25:30

bootstrap 导航栏 ico

#yyds干货盘点#PHP实现定时任务hellogerard/jobby实例

PHP实现定时任务hellogerard/jobby实例

2022-01-12 09:40:07

php cron表达式 redis

使用APICloud开发app的性能提升实践

一、为什么说这个问题？首先我是一名前端开发者，使用过的开发方式有，APICloud、原生开发、自己混合打包开发。这些都是根据不同的业务需求，用不同的开发方式，有的只需要安卓开发的需求，有需要安卓和iOS开发的需求，还有一些要h5和安卓等等。根据这些就做了相应的研究。二、性能分析两个平台上代码,安卓原生代码。本次测试所用机型是XiaoMi Redmi K30 (1)安卓代码 MainAct

2022-01-04 17:42:31

APICloud Android App开发

#yyds干货盘点#7个场景让你深入理解min/max - width/height

创作不易，点个赞再看呗! 前言日常开发的时候，大家有么有遇到下面这种情况：设置一个盒子，但是我们不知道有没有内容，并且有多少内容我们也不能确定，而且又不想出现滚动条，这个时候我们就不能设置具体高度，但是我们可以设置min-height来用最小的高度撑开盒子，并且随着内容的多少，盒子的高度可以动态调整，这样是不是就满足了我们的要求。min/max 宽高这个我们不常用的属性，在某些时候还是能发挥奇效

2021-12-31 22:58:36

最小宽度属性值默认值

原生JavaScript灵魂拷问(二)，你能全部答对吗？#yyds干货盘点#

前言JavaScript之运算符篇16.你知道与&&的返回值规则吗？+短路效应：&&和都会发生短路+&&只有在两个操作数都为true时，条件判断的结果才为true，如果操作数一为false，不会判断操作数二。+两个操作数只要有一个为true，条件判断的结果就为true，因此操作数一为true时，不会判断操作数二。+返回值规则+和&&首先会对操作数一执行条件判断，如果不是布尔值就先强制转换为布尔类型

2021-12-31 14:43:25

灵魂拷问 JavaScript 基础

CSS实现一只自由飞翔的鸟儿?#yyds干货盘点#

?前言前几天在逛社区时，偶然发现一个非常赏心悦目得小鸟飞翔效果，并且是纯css实现的，具体可以看一下效果。!flybird.gif(https://s2.51cto.com/images/20211230/1640850656820522.gif)这不由让我大感惊奇，css的世界可谓是渊博如海，让人又爱又恨。我是一只小小小小鸟，想要飞呀飞却飞也飞不高，我寻寻觅觅寻寻觅觅一个，温暖的怀抱?????进

2021-12-30 15:51:38

css 飞翔的小鸟q 前端

原生JavaScript灵魂拷问，你能答上多少(一)#yyds干货盘点#

前言当下的前端开发，三大框架三分天下，框架的简单、强大让我们欲罢不能，使用原生JavaScript越来越少。但我认为JavaScript作为每一个前端工程师的立身之本，不止要学会，还要学好、学精，学再多遍都不为过。另一方面，前端面试中，越来越重视原生JavaScript的考察，其所占比例也越来越高。我抓取了牛客上今年的线上面试题和面经，大约500左右道题，原生JavaScript的难点(闭包，ev

2021-12-30 15:42:47

javascript 基础前端

#yyds干货盘点#Console 3000字完整指南，让你不只会用console.log !

创作不易，求一个免费的赞，谢谢啦！！！。前言为啥会突然想起写一篇关于console的文章？笔者接触JS也不少时间了，除了用vscode的debuger，其实大部分时间都在使用console.log()方法来输出一些或者调试程序，我相信很多刚开始接触JS的同志，应该也都习惯使用console.log()。但是log的能力是有限的，并不能满足所有的场景。比如我们相用表格数据对象。下面这张图

2021-12-29 23:39:58

数组 chrome 火狐浏览器

小程序自定义配置顶部栏#yyds干货盘点#

app.json "window": { "navigationStyle": "custom"//自定义需要配置的内容 },app.jsApp({ onLaunch: function () { // 获取顶部栏信息 wx.getSystemInfo({ success: res => { //导航高度 this.globalD

2021-12-29 18:42:25

自定义 ico xml

#yyds干货盘点#Hyperf结合PhpOffice/PhpSpreadsheet实现Excel&CSV文件导出导入

Hyperf结合PhpOffice/PhpSpreadsheet实现Excel&CSV文件导出导入。PhpSpreadsheet是一个用纯PHP编写的库，它提供了一组类，允许您读取和写入各种电子表格文...

2021-12-29 17:48:46

PHP Hyperf PhpOffice/P

#私藏项目实操分享# Angular Change Detection 的学习笔记

Angular变化检测机制(https://blog.angularuniversity.io/howdoesangular2changedetectionreallywork/)比AngularJs中的等效机制更透明且更易于推理。但是在某些情况下（例如在进行性能优化时），我们确实需要知道幕后发生了什么。因此，让我们通过以下主题深入了解变更检测：如何实施变更检测？Angular变化检测器是什么样子

2021-12-29 11:05:01

typescript 变化检测应用程序

前端性能和加载体验优化实践（附：PWA、离线包、内存优化、预渲染）

页面为何会卡？等待时间长？看起来卡？特别是对于首屏资源加载中的白屏时间，用户等待的时间就越长，用户感知到页面的速度就越慢。麻省理工学院的 Richard Larson 在讲话中指出，“人类将被动等待高估了 36%”。这意味着用户感觉到的等待时间比开发工具记录的长得多。

2021-12-28 15:30:11

JavaScript 体验性能

《2w字大章 38道面试题》彻底理清JS中this指向问题 #yyds干货盘点#

前言当一个函数调用时，会创建一个执行上下文，这个上下文包括函数调用的一些信息(调用栈，传入参数，调用方式)，this就指向这个执行上下文。this不是静态的，也并不是在编写的时候绑定的，而是在运行时绑定的。它的绑定和函数声明的位置没有关系，只取决于函数调用的方式。本篇文章有点长，涉及到很多道面试题，有难有简单，如果能耐心的通读一编，我相信以后this都不成问题。学习this之前，建议先学习以下知识

2021-12-28 15:17:19

javascript 作用域 this

高性能队列Disruptor在测试中应用#yyds干货盘点#

高性能队列Disruptor在测试中应用

2021-12-28 11:44:36

java go语言性能测试

DevTools 实现原理与性能分析实战

本文通过分析 Chrome 的 DevTools 的技术实现，特别是在浏览器内核中的实现部分，来展示这款被万千开发者所喜爱的开发工具背后的秘密。本文适合阅读对象主要有前端开发者、有志于开发 Hybrid 应用调试工具或重写 webdriver 实现对 Chrome 或 WebView 控制的应用工程师。

2021-12-27 10:14:05

chrome javascript Web

#yyds干货盘点#还在用JS计数吗？来试试纯CSS计数器！！！

创作不易，点个赞再看呗! 关注专栏，让你走进CSS世界的深处前言不知道有多少人做过自己的博客，在生成文章目录的时候，有没有人是下图样式的：会在标题前面加上数字编号的，大部分的实现方案是什么呢？我一开始是在遍历的时候加上数字编号的，不过这样的JS代码很多。需要判断层级数很麻烦。直到我发现纯css的counter属性！计数器CSS的计数器通过在 content 上应用 counter() 或 cou

2021-12-26 23:23:00

重置 css 嵌套

半小时，阿包带你学会手撕高阶函数 #yyds干货盘点#

前言JavaScript中有很多高阶函数，例如map、filter、every等，还有ES6新提供的find等，熟练使用后能极大提高编写代码的效率。下面就一起来学习一下这些高阶函数，并使用原生JS模拟实现。那么什么样的函数是高阶函数那？至少满足下列一个条件的函数:+接受一个函数或者多个函数作为参数+输出一个函数JavaScript中的高阶函数大多都是接受一个函数作为参数，具体传参如下:jsArra

2021-12-26 15:20:23

数组高阶函数前端

牛客最新前端笔试题解析(一) this指向题目解析及扩展 #yyds干货盘点#

前言这篇文章主要来解析牛客笔试题部分的this指向题目。首先我们先从宏观上了解一下JavaScript中得this指向问题。JavaScript中this共有四种绑定(包括隐式绑定丢失)加ES6新增得箭头函数绑定，如果把这几种绑定全学会了，this指向完全不成问题。this指向更详细的讲解，可以去看前面写过的一篇博文，里面还有38道题目，详细完整的讲解了this指向问题。+默认绑定:非严格模式下t

2021-12-25 10:56:40

面试 JavaScript 前端

Promise如何使用？全方位解析，5分钟搞懂异步#yyds干货盘点#

什么是异步？异步：操作之间没啥关系，同时进行多个操作，操作之间不会有干扰（可以先往下执行，回头再执行上面的），代码复杂同步：同时只能做一件事，上面数据执行完之后才能进行下个操作（从上到下），代码简单什么情况下用到promise？一般情况下是有异步操作时，使用Promise对这个异步操作进行封装new构造函数(1.保存了一些状态信息2.执行传入的函数)在执行传入的回调函数时，会传入两个函数：reso

2021-12-25 10:23:39

github 赋值网络请求

带你了解HTML基本标签的使用#yyds干货盘点#

@toc(目录)前言在浏览器的地址栏中输入一个网址，就会查阅到相应的网页内容。在网页中包含很多内容，如文字、图片、动画，以及声音和视频等。网页的最终目的是为访问者提供有价值的信息。提到网页设计，不得不提到HTML标记语言，HTML的全称是HypertextMarkupLanguage，即超文本标记语言。HTML用于描述超文本中内容的显示方式。使用HT

2021-12-23 20:53:02

html 表单属性值

JavaScript之预编译学习(内含多个面试题) #yyds干货盘点#

前言在学习JavaScript预编译之前，先了解一下JavaScript从编译到执行的过程，大致可分为四步：1.词法分析2.语法分析：检查代码是否存在错误，若有错误，引擎会抛出语法错误。同时会构建一颗抽象语法树(AST)。3.预编译4.解释执行预编译JavaScript是解释性语言，也就是说，编译一行，执行一行，但js并非上来就进入编译环节，它在编译之前存在预编译过程。js中预编译一般有两种：全局

2021-12-23 19:34:12

JavaScript JavaScript深预编译

#yyds干货盘点#24张图攻克border-image

theme: channing-cyan这是我参与8月更文挑战的第13天，活动详情查看：[8月更文挑战](https://juejin.cn/post/6987962113788493831 "https://juejin.cn/post/6987962113788493831")读不在三更五鼓，功只怕一曝十寒。看完觉得有收获的，点个赞呗！！！前言前有background-image 为背景增光

2021-12-21 15:47:09

九宫格背景图谷歌浏览器

「自我检验」熬夜总结50个Vue知识点，全都会你就是神！！！

前言大家好，我是林三心，这几天发生了很多事（具体是啥我就不说了），这些事，吓得我把我这些年珍藏的Vue知识点都拿出来整理了一遍，巴不得能多总结出一道是一道，我拿出了我的笔记，并且使劲回忆，终于悟出了这50道知识点（咱不要太俗哈，不叫面试题，咱叫知识点）!image.png(https://s4.51cto./images/blog/202112/21134842_61c16abaa98515

2021-12-21 13:50:53

数据响应式数组

快速入门vue，含实战案例，“建议收藏”，用到省的百度了#yyds干货盘点#

初识Vuehtml<divid="app"<!mustache语法中，不仅可以直接写变量，也可以写简单的表达式<h2{{message+name}}</h2<h2{{mesage+''+neme}}</h2<h3{{message}}</h3<h1{{name}}</h1</div<script//let(变量)/const(常量)//编程范式：声明式编程constapp=newVue({el:

2021-12-21 11:22:59

html 数组动态绑定

#yyds干货盘点# 牛客最新前端JS笔试百题

前言前几天空闲时间抓取了牛客最新的笔试题和面试题，想做一下数据统计，展望一下面试中JavaScript的平凡考点和火爆考点，给未来自己的学习指引一下方向。但当统计完数据后，准备分析时，我才发现：我找不到特别好的切入点来进行分析，同时我只能想到使用饼图和柱状图展示各个题型或考点的出现频次，这为我上一篇的文章失败埋下了巨大的伏笔。虽然文章反响有些不尽人意，我也感觉有几分挫败，但往好处想，这篇文章并非一

2021-12-21 08:33:35

javascript 面试笔试

#yyds干货盘点#CSS-ing Candy Ghost 按钮

最近，在寻找关于编写什么代码的一些想法时，因为我的艺术感为零，所以我唯一能做的就是找到其他人想出的漂亮东西，并用干净紧凑的代码重新制作它们……我遇到了这些糖果鬼按钮！它们似乎是我可以快速编码的一个很酷的小东西的完美选择。不到十五分钟后，这是我的 Chromium 结果：纯 CSS 糖果幽灵按钮。我认为这项技术值得分享，因此在本文中，我们将介绍我最初是如何做到的以及我们还有哪些其他选择。起点

2021-12-21 07:18:03

图层圆角 5e

#yyds干货盘点#JavaScript之彻底理解原型与原型链

前言原型与原型链知识历来都是面试中考察的重点，说难不算太难，但要完全理解还是得下一定的功夫。先来看一道面试题开开胃口吧:jsfunctionUser(){}User.prototype.sayHello=function(){}varu1=newUser();varu2=newUser();console.log(u1.sayHello=u2.sayHello);console.log(User.

2021-12-20 08:39:03

原型链构造函数 javascript

#yyds干货盘点#Vue-Router路由所有相关方法讲解(全)，实战教学含登录拦截，建议收藏

router的基本使用main.js挂载路由jsimportVuefrom'vue'importAppfrom'./App'//默认导入router文件夹下的内容importrouterfrom'./router'Vue.config.productionTip=false/eslintdisablenonew/newVue({el:'app',router,//挂载路由，把路由注入为Vue对象

2021-12-19 16:53:06

html 懒加载类名

#私藏项目实操分享# SAP 电商云 Spartacus UI 的 checkout 场景中的串行请求设计分析

CurrentCheckoutDesignWhenwetoggledeliverymethodviaradioinput,onceclicked,there’rethreesequentialHTTPrequestsenttobackend:当我们点击shippingmethod时，会有三个串行的HTTP请求发送往后台。!(https://s4.51cto.com/images/blog/2021

2021-12-19 09:55:02

SAP Spartacus TypeScript

#yyds干货盘点#一个方便的小系统，用于 CSS 中的动画入口

我喜欢让网站感觉不仅仅是一个静态文档的小改动。如果网页内容不只是在页面加载时“出现”，而是弹出、滑动、褪色或旋转到位怎么办？说这样的动作总是有用的可能有点牵强，但在某些情况下，它们可以引起对某些元素的注意，加强哪些元素彼此不同，甚至表明状态发生了变化。所以，它们也不是完全没用。因此，我将一组 CSS 实用程序放在一起，用于在元素进入视图时为其设置动画。而且，是的，这个纯 CSS。它不仅有各种各样的

2021-12-17 08:03:06

#yyds干货盘点#一次性解决text-justify，text-orientation等冷门属性文本属性

读不在三更五鼓，功只怕一曝十寒。看完觉得有收获的，点个赞呗！！！前言在上中两篇介绍文本属性的时候，我们基本已经学会了很多之前没有使用过的属性，今天我们接着来看更多的文本属性，CSS的世界是精妙的，无尽的，仅仅希望同这三篇文章，可以入得CSS的基础门。人生短暂，学无止尽。text-justify兼容性此属性目前被列为“有风险”在候选推荐期间被丢弃。因此，不建议在生产中使用此属性，因为它不太可能在不久

2021-12-16 23:01:50

ide css 默认值

#yyds干货盘点# animation-delay负值妙用，你不来了解一下吗

?前言小包上一篇文章讲述如何实现随机不规则圆角头像时，其中一种方案通过妙用animationdelay负值和paused进行实现，这不由让我对animationdelay负值产生巨大兴趣，经过几天的学习，我发现animationdelay负值的独特特性带来的威力真是非同小可。可以先来看一下使用animationdelay负值实现的loading功能!musicloading.gif(https:/

2021-12-14 12:13:31

css 前端 loading

#yyds干货盘点#Vuex实战讲解（全），玩转Vue必备知识

Vuex概况store核心概念- State：包含了store中存储的各个状态。- Getters：类似于 Vue 中的计算属性，根据其他 getter 或 state 计算返回值。- Mutation：一组方法，是改变store中状态的执行者，只能是同步操作。- Action：一组方法，其中可以包含异步操作。- Moudule： Modul

2021-12-13 10:20:30

数据辅助函数字符串数组

#yyds干货盘点#快速理解Vue组件化开发，干货太多，”建议收藏细品“

组件化开发组件模块的分离 <div id="app"> <cpn></cpn> </div>   &lt

2021-12-12 09:33:28

默认值插槽数组

#yyds干货盘点#--30分钟上手jQuery

一、jQuery的介绍jQuery是什么jQuery是一个快速、简洁的JavaScript框架，是继Prototype之后又一个优秀的JavaScript代码库（或JavaScript框架）。jQuery设计的宗旨是“writeLess，DoMore”，即倡导写更少的代码，做更多的事情。它封装JavaScript常用的功能代码，提供一种简便的JavaScript设计模式，优化HTML文档操作、事件

2021-12-11 11:46:28

#yyds干货盘点# Next.js通配符子域

Next.js通配符子域快速总结↬使用通配符子域的主机使你的用户能够在你的域名（.example.com）的任何子域上访问你的网站，正如你所想象的，我们可以利用这一点来创造独特的用户体验，我们将在本文中通过Next.js镜头来探索。一个"通配符"？这到底是什么？好问题，这些类型的域名源于通配符DNS记录，看起来像这样。bash.example.3600TXT"Wild!Youhavefoundaw

2021-12-11 11:00:40

ide javascript json

#yyds干货盘点#iOS 15 中的前端开发快捷方式

当 Chris 分享一种在移动设备上“查看源代码”的方法时，我非常激动。当然，它与内置功能不同，但它允许像我这样的 iOS 用户通过添加view-source:URL来查看网站代码，就像 Android 上的人一样。我很好奇什么样的开发相关工具可能会直接嵌入到我的 iPhone 中，所以我四处寻找。实际上，现在正是使用刚出炉的 iOS 15 来做到这一点的最佳时机。iOS Sho

2021-12-11 06:02:09

快捷方式应用程序 ios

全面解析 | 钥匙环服务的应用场景&商业价值

在互联互通的场景驱动下，同一开发者旗下常常拥有多款应用或者多个应用形态，用户在同一设备的不同应用或端口登录时，即便使用同一帐号，仍需要重复输入密码进行验证，操作复杂，直接影响到用户的使用体验，而华为钥匙环服务的出现则有效地解决了这一问题。钥匙环服务功能盘点华为钥匙环服务（Keyring）为开发者提供全生命周期的凭据管理能力，包括对凭据进行获取、加密存储、授权共享、查询读取、删除等等，保障开发者的

2021-12-10 14:39:42

开发者 web应用安卓应用

#yyds干货盘点#--30分钟入门JavaScript

前言JavaScript 是一种解释型的脚本语言，被大量地应用于网页中，用以实现网页和浏览者的动态交互。目前几乎所有的浏览器都可以很好地支持 JavaScript。由于 JavaScript 可以及时响应浏览者的操作，控制页面的行为表现，提高用户体验，因而已经成为前端开发人员必须掌握的语言之一。JavaScript 是为满足制作动态网页的需要而诞生的一种编程语言，是由 Netscape（网景通信公

2021-12-10 09:31:15

字符串数组 javascript

#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 字符串自定义

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

51CTO技术栈公众号

业务
速览

媒体

51CTO CIOAge HC3i

社区

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

教育

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