自定义博客皮肤VIP专享

*博客头图:

格式为PNG、JPG,宽度*高度大于1920*100像素,不超过2MB,主视觉建议放在右侧,请参照线上博客头图

请上传大于1920*100像素的图片!

博客底图:

图片格式为PNG、JPG,不超过1MB,可上下左右平铺至整个背景

栏目图:

图片格式为PNG、JPG,图片宽度*高度为300*38像素,不超过0.5MB

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

凹凸实验室

凹凸实验室团队博客

  • 博客(316)
  • 收藏
  • 关注

原创 凹凸实验室的过去与未来

作者:凹凸曼凹凸实验室隶属于京东零售用户体验设计部(JDC),成立于 2015 年秋冬之交,诞生自深圳前海之滨,至今已走过 5 个年头,5 年的时光穿梭而过,凹凸实验室也不断发展壮大,从曾经专注前端的团队成长为如今涵盖前后端、全栈、算法、测试各类方向的全能型研发团队,工作模式也从传统的人力密集型研发转向创新型平台体系化研发,如今,凹凸的各类技术输出与沉淀在业界影响深远。 frameborder="0" src="https://v.qq.com/txp/iframe/player.html?vid.

2020-12-25 13:45:43 584 2

原创 由浅入深了解羚珑平台统一接入服务 —— Monet

本文将带领大家由浅入深了解服务端羚珑平台统一 API 接入服务

2022-07-14 18:10:05 565 1

原创 元宇宙 3D 开荒场 - 探味奇遇记

随着近来元宇宙热度的飙升,其发展势头之迅猛,各大厂都想在元宇宙中展现自家十八般武艺。虚拟现实、NFT、VR 等各个概念也被炒的十分火热,作为前端开发工程师,在现有业务的支持下,通过 Web 端现有能力,进行了一次元宇宙 3D 开荒沉浸式体验。...

2022-06-23 18:35:41 556

原创 论 T 级互动开发如何在我们手上发光发热

本文将讲述我们如何一步步将复杂的 T 级互动打造成开发效率高、开发体验好、双端体验一致的优质大型互动

2022-06-02 18:10:44 371

原创 Taro 3.5 beta 编译提速,支持 Webpack5、React 18...

在 v3.5 版本中 Taro 重点对编译系统进行了重构,引入对 Webpack5 的支持,改善小程序 & H5 编译时的性能与体验。(除此之外,Taro 也正在落地对于 Vite 的支持,届时开发者将可以自由地选择编译工具。)同时,Taro v3.5 还带来了兼容 React 18、H5 MPA 等新特性,欢迎各位同学升级试用~

2022-05-20 10:55:52 1145

原创 3D 沙盒游戏之人物的点击行走移动

前言在 3D 游戏中,都会有一个主人公。我们可以通过点击游戏中的其他位置,使游戏主人公向点击处移动。那当我们想要实现一个“点击地面,人物移动到点击处”的功能,需要什么前置条件,并且具体怎么实现呢?本文带大家一步步实现人物行走移动,同时进行状态改变的功能。一、骨骼动画骨骼动画(Skeleton animation 又称骨架动画,是一种计算机动画技术,它将三维模型分为两部分:用于绘制模型的蒙皮(Skin),以及用于控制动作的骨架。一般在 3D 游戏中的主人公,它的跑步、走路、站立的动作,都是模型文

2022-04-21 20:04:01 2947

原创 3D 沙盒游戏之地面网格设计

背景最近小组在探索研发一个 3D 的沙盒小游戏 demo。对于沙盒游戏来说,地面是必不可少的元素。为了降低难度,在这个 demo 中,地面将不涉及 y 轴坐标的变化,也就是使用一个与 xOz 平面平行的平面,对应到现实世界中,就是一块不带任何起伏的平地。本篇文章以 babylon.js 作为框架进行说明。期望的效果类似下图(截图来自于手游部落冲突):目标首先我们需要在 xOz 平面上创建一块矩形作为地面。为了不让地面看起来过于单调,需要给地面贴上一些纹理,比如草地、鹅卵石路等等;在此基础上,纹理

2022-04-14 18:17:18 3766

原创 元宇宙探索之路

前言元宇宙正在如火如荼地发展,大有引领未来潮流之势。对于我们这么专业的(web 前端)团队来说,元宇宙是一个大 (wan) 显 (quan) 身 (bu) 手 (dong) 的领域,因此团队在这方面投入了很多人力进行预研和总结,请随本文一起踏入元宇宙的神秘世界。元宇宙与 3D元宇宙,或称为后设宇宙、形上宇宙、元界、魅他域、超感空间、虚空间,是一个聚焦于社交链接的 3D 虚拟世界之网络。关于元宇宙的讨论,主要是探讨一个持久化和去中心化的在线三维虚拟环境。此虚拟环境将可以通过虚拟现实眼镜、增强现实眼镜、

2022-03-31 18:12:41 873

原创 3D 沙盒游戏之避障踩坑和实现之旅

本文将分享开发 Web 3D 沙盒游戏时,在实现避障功能过程中,遇到的一些坑以及最后的实现功能的思路和过程。

2022-03-24 18:42:43 5014

原创 WebGL 的 Hello World

本文整理自 div 侠于 凹凸 2022 年技术分享,简单介绍了 WebGL 画一个基础图形的流程,希望你了解之后,在使用 3d 渲染库的时候可以少点迷糊。四种常用的页面绘图工具关于h5页面的图形绘制,我们大多谈及的是这四种工具:html+css,svg、canvas2d、webgl。html+css 是最常见的绘图工具了,使用 css 绘图跟平时写页面布局一样,在制作图表的时候,我们可以用 css 把图表的样式定义好,其他的,就是根据数据的不同 ,给元素添加上不同的属性。这样的开发对于图表元素简单

2022-03-24 18:36:20 1438

原创 Web3D 从入门到跑路 · 3D 初体验

3D初体验本文整理自老冯于 凹凸 2022 年技术分享,带领大家从案例、应用、技术生态出发,让大家了解一下 3D 在 Web 端的现状。Hey 3D what's up,最近在Web圈混得怎样在“元宇宙”概念越来越火热的背景下,我们准备了一系列的 3D 元宇宙公开课及教学文章,教大家如何从 0 到 1 快速搭建一个3D项目,从中可以学习到 WebGL 底层原理、图形学、热门引擎的使用方法等。在入门前,我们先从案例、应用、技术生态出发,让大家了解一下 3D 在 Web 端的现状。一、

2022-03-17 18:34:37 8017

原创 不懂物理的前端不是好的游戏开发者(二)—— 物理引擎的学习之路

前言继第一篇文章之后已经过去了两个月,在上一篇文章中介绍了物理引擎是什么,需要掌握什么样子的基础知识才能继续往下进行开发。在这样的基础上,我们展开了第二篇,探索物理引擎的学习之路。在我们的日常开发当中,自然是用不到非常复杂的物理系统,大部分游戏都是基于刚体,再在游戏场景下进行一定的适配,最后模拟出物体在我们常规认识中的运动状态,使我们觉得这些位移,形变看起来都是理所当然,顺应规律的。其中最出名的手机游戏莫过于《愤怒的小鸟》了。那么我们如何达到《愤怒的小鸟》中的效果呢?让我们一步步来探索。粒子在游戏中的

2022-03-17 18:34:00 3810

原创 聚类算法在 D2C 布局中的应用

1.摘要聚类是统计数据分析的一门技术,在许多领域受到广泛的应用,包括机器学习、数据挖掘、图像分析等等。聚类就是把相似的对象分成不同的组别或者更多的子集,从而让每个子集的成员对象都有相似的一些属性。所谓聚类算法,其实就是将一对没有标签的数据自动划分成几类的方法。在应用场景上,聚类能帮助我们解决很多计算机中的分类问题,常见的如:颜色类别分类、空间坐标中的密度分类、电商中的人群特征分类。除了分类问题外,它也能帮助我们实现“异常检查”,什么是异常检查?我们可以理解为找噪点,通俗来说就是在一锅粥里面找出那些老鼠屎

2022-02-17 18:06:04 579

原创 Deco 智能代码体验版正式上线啦,快来体验设计稿一键生成代码~

Deco 是什么?Deco 智能代码项目是我们团队在「前端智能化」方向上的探索,我们尝试从设计稿生成代码(Design To Code)这个切入点入手,对现有的设计到研发这一环节进行能力补全,进而提升产研效率。通过 Deco智能代码平台,可以实现将设计稿一键生成多端代码在过去的一年里,Deco 已在京东的两次大促中成功落地,在个性化活动会场的搭建中,研发效率提升达到了 48%今天,Deco 对外发布了!过去一段时间里,Deco 都是面对京东的内部场景,外部无法体验到 Deco,很多外部用户向我们表

2022-01-25 14:03:39 1855 1

原创 Taro 正式发布 3.4 版本: 全面支持 Preact & Vue 3.2

距 Taro v3.4 beta 版本的发布已有一段时间,期间我们完善了对 Preact 和 Vue3 的支持,加入了一些有趣的特性,更是对 H5 作了大幅度的优化与调整,并于近期发布了 v3.4 的正式版本。上月我们还推出了支持开发鸿蒙应用的 v3.5.0 canary 版本,欢迎各位同学关注~一、支持使用 Preact开发小程序应用时我们经常会受到包体积的掣肘,大型应用常常为了“尺土寸金”的包体积开展瘦身行动。在此背景下 React 将近 100k 的体积则显得有点过于奢侈。因此 Taro v

2022-01-20 18:04:12 2184 2

原创 低代码行业简析

低代码究竟是什么这些年,自从 SaaS(Software-as-a-Service) 厂商 Salesforce 市值水涨船高,还和其大手笔的商业并购案,逐渐引起了国内互联网行业人的关注,习惯进行国内外产品对标的互联网圈子兴起了一股 SaaS 风潮,在后移动互联网时代下,部分人也期待 SaaS 可以成为国内互联网的一个新增长点。随着不同的用户诉求,一些系统衍生出新的形态,不同于既定的 SaaS 产品形态,用户可以通过可视化拖拽界面、表单配置等方式,快速定制出一个完整的应用,而且这一类系统基本不用编写太多

2021-12-29 09:56:50 270

原创 技术期刊 · 路尘终见泰山平 | 微前端及插件化架构在 Wix 的实践;编辑器架构的第二路径;业务中的前端组件化体系……

蒲公英 · JELLY技术期刊 Vol.47不想当架构师的程序员不是“合格”的程序员?这一类的言论在很多文章中应该很常见吧,我们需要架构思维,要有抽象能力,要学会分层……需要的太多太多,可很少有合适的项目能够帮助我们养成这些思考的习惯,比如业务组件体系的设计,又比如编辑器等等,需要权衡技术与业务之间的平衡,架构设计稳定性与拓展能力,面对业务保持思考,泰山如砥平。观海志登山则情满于山,观海则意溢于海微前端及插件化架构在 Wix 的实践梗概:微前端的概念已经出现了相当一段时间。我们从 201.

2021-12-24 09:54:21 1489

原创 Deco 编辑器高扩展性技术架构解析

1.背景Deco 人工干预页面编辑器是 Deco 工作流重要的一环,Deco 编辑器实现对 Deco 智能还原链路 输出的结果进行可视化编排,在 Deco 编辑器中修改智能还原输出的 Schema ,最后改造后的 Schema 经过 DSL 处理之后下载目标代码。为了赋能业务,打造智能代码生态,Deco 编辑器除了满足通用的静态代码下载场景,还需要针对不同的业务方做个性化定制开发,这就必须让 Deco 编辑器架构设计更加开放,同时在开发层面需要能满足二次开发的场景。基于上述背景,在进行编辑器的架构设

2021-12-10 13:52:30 590

原创 Taro 3.5 canary 发布:支持适配 鸿蒙&&OpenHarmony

Taro 作为一个开放式的 跨端跨框架 解决方案,不少开发者期待将小程序的能力移植到鸿蒙 OS 上,可以使用 Taro 开发鸿蒙 && OpenHarmony 应用。

2021-12-09 18:07:44 944

原创 超基础的机器学习入门-原理篇

这篇文章以实践为最终目的出发,介绍一些机器学习入门的基本原理,加上一丢丢图像处理的卷积,希望可以帮助你理解。

2021-12-02 18:07:47 1429 1

原创 Deco 智能代码技术解析:设计稿智能生成代码

1、研发提效还可以怎么做研发效能的提升一直是我们追求的主题,从最初的工具化到工程化,工程师们尽其所能去实现更快速地书写代码,来应对不断增长的业务需求,而后,小程序等各类平台的崛起,工程师们又开始研究多端统一开发的解决方案,让我们可以一次性写出跨端运行的代码,进一步提升效率。但个性化的业务依然还在爆发式增长,那我们不禁要发出疑问,我们要如何继续进行革新,来提升我们的研发效率。我们思考「求变」,在智能化思想愈来愈热的当下,传统的研发提效方式遭遇瓶颈,那我们是否能用智能化的思想来解决呢?我们思索着,既然更快地

2021-11-30 20:24:32 949

原创 Taro 3.4 beta 发布: 支持 Preact 为应用开辟更多体积空间

项目体积是困扰小程序开发者的一大问题,如果开发者使用 Taro React 进行开发,更是不得不引入接近 100K 的 React 相关依赖,这让项目体积变得更加捉襟见肘。因此,Taro v3.4 的主要方向,是探索对于 Preact 的支持。Preact 是一款体积超小的类 React 框架,提供和 React 几乎一致的 API,而体积只有 5k 左右。支持使用 PreactTaro v3.4 正式实现了对 Preact 的支持,下文将简单介绍适配思路及用法。适配思路1. 运行时改造Ta

2021-11-25 18:07:05 1189

原创 技术期刊 · 河海不择细流 | 从根本上了解异步编程体系;Prefresh……

蒲公英 · JELLY技术期刊 Vol.46或许你曾听过这样一个说法,最初的知识图谱设计就是互联网本身,它如河海不择细流,故能成就如今庞大的网络,也不断帮助我们梳理自己的知识体系。比方说对于 Web 动效你知道多少种实现?异步编程的本质是什么?React like 框架快速更新的原理又是什么……观海志登山则情满于山,观海则意溢于海从根本上了解异步编程体系梗概:计算机中有一个非常显著的特点,就是不同硬件的访问速度有着天壤之别,这让几乎所有的优化都是围绕这个点来进行。在 20 年前,利用多线.

2021-11-25 10:04:51 454

原创 requestAnimationFrame 执行机制探索

1.什么是 requestAnimationFramewindow.requestAnimationFrame() 告诉浏览器——你希望执行一个动画,并且要求浏览器在下次重绘之前调用指定的回调函数更新动画。该方法需要传入一个回调函数作为参数,该回调函数会在浏览器下一次重绘之前执行。根据以上 MDN 的定义,requestAnimationFrame 是浏览器提供的一个按帧对网页进行重绘的 API 。先看下面这个例子,了解一下它是如何使用并运行的:const test = document.quer

2021-11-11 18:08:45 738 1

原创 WebGL着色器渲染小游戏实战

项目起因经过对 GLSL 的了解,以及 shadertoy 上各种项目的洗礼,现在开发简单交互图形应该不是一个怎么困难的问题了。下面开始来对一些已有业务逻辑的项目做GLSL渲染器替换开发。起因是看到某些小游戏广告,感觉机制有趣,实现起来应该也不会很复杂,就尝试自己开发一个。游戏十分简单,类似泡泡龙一样的从屏幕下方中间射出不同颜色大小的泡泡,泡泡上浮到顶部,相同颜色的泡泡可以合并成大一级的不同颜色泡泡。简单说就是一个上下反过来的合成大西瓜。较特别的地方是为了表现泡泡的质感,在颜色相同的泡泡靠近时,会

2021-10-28 19:32:01 2216

原创 技术期刊 · 白日照耀开鸿蒙 | 深入鸿蒙 ACE UI 框架解析;无限循环的 useEffect 类型;用 Three.js 实现 3D 房间;图神经网络入门;超基础的机器学习入门-原理篇

蒲公英 · JELLY技术期刊 Vol.45清气升,浊气降,事物发展总会遵循一定的规律,就好像 react hooks 更加简洁易的同时,也可能会有隐患;人工智能也会随着时间的流逝逐步渗透到我们日常开发,成为解决问题的一大利器;而鸿蒙正式发布之后吸引了大量的流量,巨大的装机量使得其成为不可忽视的存在……不知道大家如何看待鸿蒙,不久前落下帷幕的 HDC2021 又是否带来了新的想法,期待可以在评论区和大家一起讨论~观海志登山则情满于山,观海则意溢于海深入鸿蒙 ACE UI 框架解析梗概:文.

2021-10-27 10:11:37 429

原创 说一说Web端侧AI

前言AI 正在不断拓展前端的技术边界, 算法的加持也为前端研发注入了全新的力量。本文为大家介绍什么是端智能,端智能的应用场景以及 Web 端侧实现 AI 的基本原理概念。什么是端智能首先,回顾一个AI应用的开发流程,具体步骤包括了数据的采集与预处理模型的选取与训练模型的评估模型服务部署模型训练的中间产物为一个模型文件,通过加载模型文件,部署为可调用的服务,然后就可以调用进行推理预测了。在传统流程中,模型服务会部署在高性能的服务器上,由客户端发起请求,由服务器端进行推理,将预测结果返回给

2021-09-30 18:38:50 780

原创 从浏览器渲染层面解析css3动效优化原理

引言在h5开发中,我们经常会需要实现一些动效来让页面视觉效果更好,谈及动效便不可避免地会想到动效性能优化这个话题:减少页面DOM操作,可以使用CSS实现的动效不多出一行js代码使用绝对定位脱离让DOM脱离文档流,减少页面的重排(relayout)使用CSS3 3D属性开启硬件加速那么,CSS3与动效优化有什么关系呢,本文将从浏览器渲染层面讲述CSS3的动效优化原理浏览器页面展示过程首页,我们需要了解一下浏览器的页面展示过程:Javascript:主要负责业务交互逻辑。 Style:

2021-09-24 18:13:54 277

原创 技术期刊 · 吾令凤鸟飞腾兮 | 使用 esbuild 加速 webpack;网易云的熟人社交玩法;状态管理利器 XState;TypeScript 是如何工作的;深入浅出 V8 引擎

蒲公英 · JELLY技术期刊 Vol.44生命不息,学习无止,这是很多人一以贯之的追求,虽然在很多领域中,知识是无法穷尽的,但每一点细小的改变都能让自己可以更进一步,就好像离骚中所述,“吾令凤鸟飞腾兮,继之以日夜”,每一次振翅都能飞得更高些。观海志登山则情满于山,观海则意溢于海使用 esbuild 加速 webpack梗概:esbuild 是使用 go 编写的打包工具,和 Webpack、Rollup 等常用打包工具对比,在速度方面拥有绝对优势。esbuild-loader 可以用于在.

2021-09-24 14:29:27 305

原创 学习 Webpack5 之路(优化篇)

一、前言从 0 到 1 学习的朋友可参考前置学习文章:学习 Webpack5 之路(基础篇)学习 Webpack5 之路(实践篇)前置文章 学习 Webpack5 之路(基础篇) 对 webpack 的概念做了简单介绍,学习 Webpack5 之路(实践篇) 则从配置着手,用 webpack 搭建了一个 SASS + TS + React 的项目。本篇将从优化开发体验、加快编译速度、减小打包体积、加快加载速度 4 个角度出发,介绍如何对 webpack 项目进行优化。本文依赖的 webpa.

2021-09-02 18:32:15 2381

原创 技术期刊 · 五等分の花嫁 | Vue 3.2 正式发布!;大型项目管理策略;开源社区运营就像种菜;阮一峰的 fetch 教程;Webpack5 学习的平凡之路

技术期刊 · 五等分の花嫁 | Vue 3.2 正式发布!;大型项目管理策略;开源社区运营就像种菜;阮一峰的 fetch 教程;Webpack5 学习的平凡之路蒲公英 · JELLY技术期刊 Vol.43观海志[Vue 3.2 正式发布!](http://3.cn/1-02EEKYc)大型项目管理策略开源社区运营就像种菜[阮一峰的 fetch 教程](http://3.cn/102EE-J3O)流觞亭[Webpack5 学习的平凡之路](http://3.cn/-102EEMjp)蒲公英 · JELLY

2021-08-26 10:03:59 261

原创 不懂物理的前端不是好的游戏开发者(一)—— 物理引擎基础

概述游戏现在似乎已经成为了大家绕不开的一个娱乐方式,从大型端游到手游,到页游,再到各种 APP 里面的 H5 小游戏,它以各种方式入侵了我们的生活。那么在享受游戏的同时,作为一名前端开发,也开始思考如何开发一款游戏,在技术层面它应当具备什么?除了基本的游戏画面、动效开发、渲染功能,还有一项值得探究的东西,那就是物理引擎。一个好的物理引擎,保证了游戏内的交互体验和现实中相似,给人提供了更优质的体验。现在好用的物理引擎有很多,大部分都是开箱即用,但物理引擎的基础和底层逻辑是什么样子的,可能有些人并不了解

2021-08-19 18:05:48 477

原创 3D性能优化 | 说一说glTF文件压缩

引言最近做T级互动,需要使用到3D模型。相信大家和我一样,在开始着手的时候,一定会有这么些问题:1.如何选择3D模型的导出格式2.如何对模型文件进行优化3.在大流量的项目中兼容性怎么样让我们通过这篇文章,进行细致的探索、调研与沉淀。一、什么是 glTF 文件glTF 全称 Graphics Language Transmission Format,是三维场景和模型的标准文件格式。glTF 核心是 JSON 文件,描述了 3D 场景的整个内容。它由场景结构本身的描述组成,其由定义场景图

2021-08-12 18:04:57 5286 4

原创 京东购物小程序 | Taro3 项目分包实践

背景京东购物小程序作为京东小程序业务流量的主要入口,承载着许多的活动和页面,而很多的活动在小程序开展的同时,也会在京东 APP 端进行同步的 H5 端页面的投放。这时候,一个相同的活动,需要同时开发原生小程序页面和H5页面的难题又摆在了前端程序员的面前。幸运的是,我们有 Taro,一个开放式跨端跨框架解决方案。可以帮助我们很好地解决这种跨端开发的问题。但不幸的是,Taro 并没有提供一套完整的将项目作为独立分包运行在小程序中的解决方案。因此,本篇文章将介绍如何通过一套合适的混合开发实践方案,解决 Tar

2021-08-05 19:38:01 1105 1

原创 浅谈树模型与集成学习-从决策树到GBDT

引言  神经网络模型,特别是深度神经网络模型,自AlexNet在Imagenet Challenge 2012上的一鸣惊人,无疑是Machine Learning Research上最靓的仔,各种进展和突破层出不穷,科学家工程师人人都爱它。  机器学习研究发展至今,除了神经网络模型这种方法路径外,还存在许多大相径庭的方法路径,比如说贝叶斯算法、遗传算法、支持向量机等,这些经典算法在许多场景上也一直沿用。本文介绍的树模型,也是一种非常经典的机器学习算法,在推荐系统上经

2021-07-29 18:43:59 361

原创 技术期刊 · 天光台高未百尺 | Uber 工程师的 JS 算法课;大数据时代的个人隐私;设计师的 Github;告别 PPT 工程师;从零开始实现的像素画

蒲公英 · JELLY技术期刊 Vol.42这是一个最好的时代,多样化的平台给了所有人成长发展的机会,各种需求和解决需求的人让人大开眼界;但这也并不是完美的时代,“前端还需要懂什么算法?”、”中国人不需要隐私!!“、”写个 PPT 还需要耗费时间?“……言路畅通也带来很多无畏的恶意,但天光台高未百尺,下眺林岭如屏帷,当我们站得足够高时,原本的知见障就不再是一个问题。就好像 Trekhleb 的 JS 算法课;保护隐私也并不是用户在孤军奋战,同时这些隐私也并非和我们常规理解的完全一样;自动生成的 PP.

2021-07-28 10:42:32 122

原创 手写系列-实现一个铂金段位的 React

一、前言本文基于 https://pomb.us/build-your-own-react/ 实现简单版 React。本文学习思路来自 卡颂-b站-React源码,你在第几层。模拟的版本为 React 16.8。将实现以下功能:createElement(虚拟 DOM);render;可中断渲染;Fibers;Render and Commit Phases ;协调(Diff 算法);函数组件;hooks;下面上正餐,请继续阅读。二、准备1. React Demo先来看看

2021-07-22 23:28:31 232 1

原创 凹凸技术揭秘:618 大促解析

导语2021 年 618 已经圆满下线,平台下单金额创新高,达到了 3056 亿。作为大促线的主要前端承接团队,今年负责了 16 个会场的开发。本文将从会场创新功能、技术框架以及协作方式这三方面来揭秘,如何在短时间内开发完 2021 年多会场、高要求的 618 大促,化解秃头危机。不一样的 6181. Taro3 应用:拉通 H5 和小程序近几年小程序由于在用户触达、用户留存方面的优势越来越受重视,团队也接触过需要在小程序中开发的会场(非 H5 形式),而 Taro 的优势正是用同一套代码打包出多

2021-07-15 18:16:49 161

原创 简单易懂的设计模式(下)

一、观察者模式1. 什么是观察者模式当对象之间存在一对多的依赖关系时,其中一个对象的状态发生改变,所有依赖它的对象都会收到通知,这就是观察者模式。2. 实际场景1. DOM 事件开发过程中,最常见的观察者模式场景就是 DOM 事件函数,先看看代码:document.body.addEventListener('click', () => { alert(2)}, false)当 body 节点被点击时,触发 alert(2),从观察者模式来解释,就是我们订阅了

2021-07-02 18:55:49 120 1

原创 技术期刊 · 天生江水向东流 | 深入 React 18 工作组;Google 出品的 CSS 课程;轻量级 Postman 工具;十分钟弄懂用户画像

蒲公英 · JELLY技术期刊 Vol.41虚实如潮起潮落,阴阳如日出日落,万事万物都有其规律,就好像我们学习需要有一个渐进的过程;产品会根据用户画像来规划整个项目的周期;开发测试的时候希望有趁手的工具……这些规律对于前端开发也是一样,前端框架的迭代也是会一直持续迭代的,比方说 React 17 发布之后,React 18 alpha 版本的到来也不过是顺其自然的事情,关于 React 18 新特性的介绍、设计原理解析等内容也在社区中被大家不断探讨,很多特性和思考哪怕最终不会成为 React 18 .

2021-06-25 10:41:25 117

空空如也

空空如也

TA创建的收藏夹 TA关注的收藏夹

TA关注的人

提示
确定要删除当前文章?
取消 删除