自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

凹凸实验室

凹凸实验室团队博客

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

原创 mongodb 副本集之入门篇

作者: 凹凸曼-军军前言:mongodb 因为高性能、高可用性、支持分片等特性,作为非关系型数据库被大家广泛使用。其高可用性主要是体现在 mongodb 的副本集上面(可以简单理解为一主多从的集群),本篇文章主要从副本集介绍、本地搭建副本集、副本集读写数据这三个方面来带大家认识下 mongodb 副本集。一、 mongodb 副本集介绍mongodb 副本集(Replica Set)包括主节点(primary)跟副本节点(Secondaries)。主节点只能有一个,所有的写操作请求都在主节点上面处.

2020-11-26 09:59:44 17

原创 EaseJs 中 regX / regY 的用法

作者: 凹凸曼-大力士前情提要动效开发中最常用的基本变形动作就是缩放、旋转等,该变形会涉及到中心点的设置。由于我们采用了createJs中的easeJs库进行图形绘制,这个时候我们就会用到regX/regY。下面先看一个小demo:我们先在页面中画一个100x100的矩形,并放置在canvas中间,代码如下:import React, { useRef, useEffect } from "react";import { Power0, TweenMax as Tween }.

2020-11-26 09:59:09 11

原创 React 入门儿

作者: 凹凸曼-风魔小次郎谁都没有看见过风,更不用说你和我了。但是当纸币在飘的时候,我们知道那是风在数钱。React 影响着我们工作的方方面面,我们每天都在使用它,只窥其表却难以窥其里。正所谓看不如写,本篇文章的目的就是从原理层面探究 React 是如何工作的。工具在写文章之前,为了方便理解,我准备了一个懒人调试仓库 simple_react ,这个仓库将 benchmark 用例(只有两个 ^ ^)和 React 源码共同放在 src 文件夹中,通过 snowpack 进行热更新,可以直接在.

2020-11-26 09:56:35 15

原创 React 入门儿

作者: 凹凸曼-风魔小次郎谁都没有看见过风,更不用说你和我了。但是当纸币在飘的时候,我们知道那是风在数钱。React 影响着我们工作的方方面面,我们每天都在使用它,只窥其表却难以窥其里。正所谓看不如写,本篇文章的目的就是从原理层面探究 React 是如何工作的。工具在写文章之前,为了方便理解,我准备了一个懒人调试仓库 simple_react ,这个仓库将 benchmark 用例(只有两个 ^ ^)和 React 源码共同放在 src 文件夹中,通过 snowpack 进行热更新,可以直接在.

2020-11-26 09:46:34 33

原创 蒲公英 · JELLY技术周刊 Vol.31: Who‘s Next?面向 AI 的 React 应用开发

蒲公英 · JELLY技术周刊 Vol.31未来的技术方向是什么?几乎所有的大厂都在奔着未来可能的方向不断前行,去探求那一点点的可能性。在诸多方向中,最有未来的特色的莫过于人工智能领域了,特别是在浅层人工智能逐渐成熟的今天,“不上车就晚了”或许是很多人的内心写照,那么这会是我们期许的未来么?在不久的将来还会有什么呢?全新的建站方案?和框架越来越像的原生开发?亦或是一直声浪极大的 AR、VR?登高远眺天高地迥,觉宇宙之无穷基础技术原生瀑布流即将来袭?!FireFox 试验原生瀑布流布局作.

2020-11-25 09:52:46 37

原创 极致追求,让小程序代码包立减 10% 的插件 weapp-css-modules

作者:凹凸曼-冥冥小程序的简化版 css-modules,比标准 css-modules 代码量更少的优化方案介绍css-modules 是一种 css 模块化方案,它在构建过程中生成一个原类名与新类名的 map,根据 map 引用样式,通过设定 hash 规则,实现了对 CSS 类名作用域的限定,它通常用来解决页面类名冲突的问题。由于微信小程序内组件样式默认隔离,为什么要使用 css-modules 呢?有以下 2 个原因:hash 化后可以实现更短的命名,减少代码包体积跨端项目需要兼顾非.

2020-11-24 10:47:20 29

原创 蒲公英 · JELLY技术周刊 Vol.30: 此路不通?Vue 3 新提案 Ref-sugar

蒲公英 · JELLY技术周刊 Vol.30随着 Vue 3 发布,相关的新闻也逐渐火热起来,而近期 RFC 中两个新的提案也因为某乎上的一些事情变得广为人关注。Ref sugar和script setup两个提案同生不同命,在社区开发者中的评价天差地别,但是当我们冷静下来,此路真的不通?推荐这篇尤大点赞的文章给大家,立场客观,读完或许你也可以从框架作者的角度来看待所谓 RFC。登高远眺天高地迥,觉宇宙之无穷基础技术打怪升级之路——我的富文本编辑器造轮子是程序猿前进的基本动力,文本编辑.

2020-11-18 09:30:24 114 1

原创 蒲公英 · JELLY技术周刊 Vol.29: 前端智能化在阿里的那些事

蒲公英 · JELLY技术周刊 Vol.29前端智能化是指借助于 AI 和机器学习的能力拓展前端,使其拥有一些超出现阶段前端能力的特性,这将是未来前端方向中一场重要的变革。目前各家互联网厂商都有自己的项目朝着这个大方向不断实践,对未来发起挑战,而阿里就是这其中之一,也给大家留下了许多令人印象深刻的产品……登高远眺天高地迥,觉宇宙之无穷前端框架解析 JSX 的全新机制React 17 中引入了新的 JSX 语法转换机制,好处除了书写 JSX 时不再需要提前引入 React 对象外,还做了.

2020-11-11 09:35:23 109

原创 蒲公英 · JELLY技术周刊 Vol.28: Next.js 10 发布

蒲公英 · JELLY技术周刊 Vol.28前端应用到底该选 SSR 还是 CSR?每个项目技术栈决策的时候都会根据实际需求有自己的看法,而在不久前 React 17 发布之后,自然而然也会有同学好奇,如果想要在服务端渲染 React 17 写的页面有什么比较好的方案么?这不就 Next.js 10 刚好就在十月的小尾巴上发布了,当然除了支持 React 17 以外,Next.js 10 还有更多好用的功能,一起来看看吧~登高远眺天高地迥,觉宇宙之无穷基础技术在项目中实践 CLS 性能指.

2020-11-04 09:49:38 142

原创 node.js 沙盒逃逸分析

作者: 凹凸曼 - nobo背景日常开发需求中有时候为了追求灵活性或降低开发难度,会在业务代码里直接使用 eval/Function/vm 等功能,其中 eval/Function 算是动态执行 JS,但无法屏蔽当前执行环境的上下文,但 node.js 里提供了 vm 模块,相当于一个虚拟机,可以让你在执行代码时候隔离当前的执行环境,避免被恶意代码攻击。vm 基本介绍vm 模块可在 V8 虚拟机上下文中编译和运行代码,虚拟机上下文可自行配置,利用该特性做到沙盒的效果。例如:const vm = .

2020-10-30 09:48:20 54 1

原创 蒲公英 · JELLY技术周刊 Vol 27: 平平无奇 React 17

蒲公英 · JELLY技术周刊 Vol.27这个热闹的十月终于要走到尾声,React 17 历经 4 个 RC 版本之后,也于数天前正式发布了,而同在几天前发布的 CRA 4.0 也已经完成了 React 17 的支持。虽然没有任何新特性,看似“平平无奇”的 React 17 却依旧令人神摇目夺,作为承前启后的重要版本,React 17 这样的版本升级或许会引领开源框架的新潮流。登高远眺天高地迥,觉宇宙之无穷基础技术Rust 给 web 开发生态带来的冲击伴随着 WebAssembly.

2020-10-28 09:17:54 109

原创 你可能不知道的Animation动画技巧与细节

作者:凹凸曼 - 阿文引言在 web 应用中,前端同学在实现动画效果时往往常用的几种方案:css3 transition / animation - 实现过渡动画setInterval / setTimeout - 通过设置一个间隔时间来不断的改变图像的位置requestAnimationFrame - 通过一个回调函数来改变图像位置,由系统来决定这个回调函数的执行时机,比定时修改的性能更好,不存在失帧现象在大多数需求中,css3 的 transition / animation 都能满足.

2020-10-23 10:06:45 84

原创 蒲公英 · JELLY技术周刊 Vol.26: 请问您这个月要来点肝么?

蒲公英 · JELLY技术周刊 Vol.26今年的十月,不知道大家在 TODO List 上新增了多少条目准备尝鲜,你可能已经准备了 Vue3、Webpack5 以及 React v17.0 RC,然而十月中可却远不止这些东西值得一试,npm CLI 提示你可以通过npm install -g npm@7体验新版本,Chromium Blog 的推文也显示 Chrome 正在部署 HTTP/3 和 IETF QUIC……登高远眺天高地迥,觉宇宙之无穷基础技术NPM v7.0.0 发布n.

2020-10-21 10:22:53 78

原创 Flutter 性能优化:tree shaking 和延迟加载

作者: 凹凸曼 - Bruce本文是 Flutter 性能优化系列文章之一,记录了 Flutter 团队优化 Flutter Gallery(https://gallery.flutter.dev/#/) 的实践。本文主要介绍了 tree shaking 和延迟加载在性能优化中的使用。原文链接:https://medium.com/flutter/optimizing-performance-in-flutter-web-apps-with-tree-shaking-and-deferred-load.

2020-10-14 10:12:32 60

原创 Flutter 性能优化:tree shaking 和延迟加载

作者: 凹凸曼 - Bruce本文是 Flutter 性能优化系列文章之一,记录了 Flutter 团队优化 Flutter Gallery(https://gallery.flutter.dev/#/) 的实践。本文主要介绍了 tree shaking 和延迟加载在性能优化中的使用。原文链接:https://medium.com/flutter/optimizing-performance-in-flutter-web-apps-with-tree-shaking-and-deferred-load.

2020-10-14 10:09:27 50

原创 Flutter 性能优化:图片占位符、预缓存和禁用导航过渡动画

作者: 凹凸曼 - Bruce本文是 Flutter 性能优化系列文章之一,记录了 Flutter 团队优化 Flutter Gallery(https://gallery.flutter.dev/#/) 的实践。本文主要介绍了如何利用图片占位符、预缓存和禁用导航过渡动画提高用户感知性能。原文链接:https://medium.com/flutter/improving-perceived-performance-with-image-placeholders-precaching-and-disab.

2020-10-14 10:07:47 1107 1

原创 Flutter 性能优化:打造高性能 widget

作者: 凹凸曼 - Bruce本文是 Flutter 性能优化系列文章之一,记录了 Flutter 团队优化 Flutter Gallery(https://gallery.flutter.dev/#/) 的实践。本文主要介绍了如何打造高性能的 widget。原文链接:https://medium.com/flutter/building-performant-flutter-widgets-3b2558aa08fa所有无状态和有状态 widget 都会实现 build() 方法,这个方法决定了它.

2020-10-14 09:52:46 196

原创 蒲公英 · JELLY技术周刊 Vol.25 · Webpack 5 正式发布,你学废了么

蒲公英 · JELLY技术周刊 Vol.25阔别两年,Webpack 5 正式发布了,不仅清理掉很多冗余的功能,同样也为我们带来了很多新鲜的能力,不论是默认开启的持久缓存,还是反病毒保护,亦或者被其作者之一称为 JS 架构变革者的Module Federation。虽然不知道你有没有心动呢,但现在却正是时候上车 Webpack 5 体验一把装备升级。登高远眺天高地迥,觉宇宙之无穷基础技术看完这篇文章,我奶奶都懂了https的原理文章由浅入深展示了对称加密、非对称加密、数字证书、CA机构.

2020-10-14 09:32:58 119

原创 使用 Vue3 开发小程序

前言9 月 19 日凌晨,Vue3 在经过多个开发版本的迭代后,终于迎来了它的正式版本,「One Piece」的代号也昭示了其开拓伟大航路的野心。Vue3 的新特性主要有 Composition API、Teleport、Fragments 和 <script setup /> & <style vars /> 等。我们是否也可以在小程序开发中使用这些特性呢?在 Taro 的文档里我们找到了关于 Vue3 的章节,事不宜迟,让我们开始尝试吧。Vue3 部分新特性还没了

2020-10-09 09:23:17 2679 7

原创 JELLY技术周刊 Vol.24 -- 技术周刊 · 实现 Recoil 只需百行代码?

蒲公英 · JELLY技术周刊 Vol.24理解一个轮子最好的方法就是仿造一个轮子,很多框架都因此应运而生,比如面向 JS 开发者的 AI 工具 Danfo.js;参考 qiankun 的微前端框架 microcosmos;又比如 recoil-clone 这个库,只用百来行代码实现 recoil。青出于蓝而胜于蓝,才是推动轮子向前的不绝的动力源。登高远眺天高地迥,觉宇宙之无穷基础技术TC39: proposal-decorators 装饰器提案TC39 对装饰器方案的研究已经有超过.

2020-09-29 16:14:16 130

原创 京喜小程序首页无障碍优化实践

前言本文参考 WCAG 2.1 、WAI-ARIA 和 Web 可访问性与无障碍最佳实践,在京喜小程序首页无障碍优化开发中,总结了一些“无障碍优化”在小程序端的实践,希望以此推动无障碍在小程序更多地落地。无障碍无障碍是什么?在了解无障碍之前,我们先来了解一些数据:据中国盲协的最新数据显示,中国目前视障者有 1700 多万,随着老龄化的严重,视障群体有进一步扩大的趋势。在中国,有着庞大的信息障碍群体,包括:8500 多万残障人士,两亿多老年人,大量认知障碍人士。…无障碍无障碍 (

2020-09-23 09:40:29 313

原创 JELLY技术周刊 Vol.23: Vue3 是伟大航路上的 One Piece 么?

蒲公英 · JELLY技术周刊 Vol.23这两天大家应该都被 Vue 发布 3.0 版本的信息刷屏了,背负着很多人的期待, Vue 终于将这个船新版本推到台前,接受大众的检验,那么这个代号为 One Piece 的 Vue3 会历经诸多项目的考验,最终成为前端航路上的那个所有人都梦寐以求的财富么登高远眺天高地迥,觉宇宙之无穷前端框架【Vue3】 Live Free Online Announcement2020年9月18日,Vue 3.0 One Piece 历时两年终于发布了,当天.

2020-09-23 09:07:23 96

原创 硬核看房利器——Web 全景的实现

作者:凹凸曼 - EC疫情期间,打破社交距离限制的交互模式被推向前台,为不少行业的传统交易提供了想象的空间。疫情时期,房地产租售业受到的冲击无疑是巨大的,由于人口流动的限制,需求量大幅减少,无法现场看房更加重了这一危机。但有危就有机,倒是意外推动了一项技术的推广——VR 看房。作为 WebVR 的子集,Web 全景是多数 WebVR 需求的降级选择,例如街景地图,本文将带大家实现一个简单的 Web 全景。 这里是文章的剩余部分。在hexo模版里可通过{% raw %}{{ post.more }}.

2020-09-17 14:27:54 178

原创 蒲公英 · JELLY技术周刊 Vol.22: npm i react-router@6.0.0-beta.0

蒲公英 · JELLY技术周刊 Vol.22近期 React Router 已经释出了 6.x 的 beta 版本,正式版本已经不远了,作为 React 生态中的重要组成部分,React Router 被广泛应用于各个 React 项目中,而它的每一次版本迭代也都备受关注。本次 React Router 具体有哪些改动?升级会带来多少新鲜特性?升级又需要付出多少成本?项目需不需要升级跟进?相信看完你会有自己的答案,小助手现在就要去尝鲜体验一把啦。登高远眺天高地迥,觉宇宙之无穷基础技术T.

2020-09-16 09:42:08 86

原创 蒲公英 · JELLY技术周刊 Vol.21 -- 技术周刊 · React Hooks vs Vue 3 + Composition API

蒲公英 · JELLY技术周刊 Vol.21选 React 还是 Vue,每个人心中都会有自己的答案,有很多理由去 pick 心水的框架,但是当我们扪心自问,我们真的可以公正的来评价这两者之间的差异么。或许我们应当回归初心,从最基础的视角来看看关于框架选型等等设计哲学,合适的构架设计才能让项目健康的发展。登高远眺天高地迥,觉宇宙之无穷基础技术Lodash 安全漏洞背后,你不得不知道的 JavaScript 知识该篇文章内容可以加深读者对JavaScript基础知识的理解,通过对Load.

2020-09-09 09:19:28 110

原创 Taro 版本升级权威指南 - 关于版本你想要的答案都在这篇里

Taro 是一款由京东凹凸实验室推出的开放式跨端跨框架解决方案,致力于解决小程序、H5、React Native 的跨端同构问题,支持同时使用 React 和 Vue 来进行开发。本文由 Taro 团队成员隔壁老李撰写,旨在帮助 Taro 开发者厘清当前 Taro 多版本之间关系的那些事儿,同时解答有关 Taro 3、Taro RN 支持以及 Taro UI 的一些困惑。 自从 Taro 在今年 7 月份推出 3.0 版本,宣布同时支持 React 和 Vue 来开发跨端应用之后,Taro 的关注度得.

2020-09-03 11:29:45 1098 8

原创 羚珑视频编辑器开发总结

作者: 凹凸曼-大力士项目背景羚珑平台在静态类的设计中,已经取得了相应的成绩。在这个基础上结合当前大环境,我们认为可以去做一些动态类的设计,将动画和音效转化为可储存,可移植,可复用的数据。从而用户进行创作的时候,可以通过相对很简单的方式去使用这些高品质的动画和效果。视频编辑器解决了什么问题?视频编辑器的主要作用是用户可以通过操作静态的PSD从而得到我们想要的动态设计效果。对比AE等复杂的视频编辑软件,学习成本大大降低,且动效的可复用性、移植性等也减轻了用户的工作量。以下为设计效果:开发实录.

2020-09-02 16:40:21 296

原创 羚珑视频编辑器开发总结

作者: 凹凸曼-大力士项目背景羚珑平台在静态类的设计中,已经取得了相应的成绩。在这个基础上结合当前大环境,我们认为可以去做一些动态类的设计,将动画和音效转化为可储存,可移植,可复用的数据。从而用户进行创作的时候,可以通过相对很简单的方式去使用这些高品质的动画和效果。视频编辑器解决了什么问题?视频编辑器的主要作用是用户可以通过操作静态的PSD从而得到我们想要的动态设计效果。对比AE等复杂的视频编辑软件,学习成本大大降低,且动效的可复用性、移植性等也减轻了用户的工作量。以下为设计效果:开发实录.

2020-09-02 16:38:42 115

原创 蒲公英 · JELLY技术周刊 Vol.19 从零开始的 Cloud IDE 开发

蒲公英 · JELLY技术周刊 Vol.19你是否也会有想法去开发一个自己的 IDE 却苦于时间和精力不足,完成 Desktop IDE 却又被 Cloud IDE 的概念追在身后难以入睡,这样的两套体系如何去兼容呢?不妨先来了解一下 Eclipse 基金会推出 Theia 框架的架构设计和技术选型。登高远眺天高地迥,觉宇宙之无穷基础技术[官宣] TypeScript 4.0 正式发布TypeScript 4.0 正式发布啦!官方团队在这一版本中加入了如可变参数元组类型、构造函数的类属.

2020-09-02 09:33:39 44

原创 蒲公英 · JELLY技术周刊 Vol.20: Vue3 极致优化——分析 Vue3 Compiler 告诉你为什么这么快

蒲公英 · JELLY技术周刊 Vol.20性能优化是一条无尽的路,我们总是可以找到各种途径去提升体验,不论是响应时间还是按需加载,亦或是根据框架或者组件有针对性的优化都会是不错的方法。如果你在使用 Vue3,那么本期内容会告诉你如何完成高性能的渲染函数;React 的开发者也可以在本期中找到 TS 和 React 的最佳实践;同样本期中你也会找到新一代 Web 性能体验的指标,学无止境,术有乾坤,让我们开启本期的内容吧。登高远眺天高地迥,觉宇宙之无穷前端框架TypeScript + R.

2020-09-02 09:32:30 281

原创 蒲公英 · JELLY技术周刊 Vol.19 从零开始的 Cloud IDE 开发

蒲公英 · JELLY技术周刊 Vol.19你是否也会有想法去开发一个自己的 IDE 却苦于时间和精力不足,完成 Desktop IDE 却又被 Cloud IDE 的概念追在身后难以入睡,这样的两套体系如何去兼容呢?不妨先来了解一下 Eclipse 基金会推出 Theia 框架的架构设计和技术选型。登高远眺天高地迥,觉宇宙之无穷基础技术[官宣] TypeScript 4.0 正式发布TypeScript 4.0 正式发布啦!官方团队在这一版本中加入了如可变参数元组类型、构造函数的类属.

2020-09-01 12:03:03 241

原创 design tokens —— 设计和开发碰撞的火花

作者: 凹凸曼 - TT前言在前端的开发的过程中,和前端合作最紧密的职位应该就是设计师了。在业务流程中,设计师将自己的交互稿、视觉稿以 1px 以内误差的期望交给开发者。但在这个过程中有几个不方便的地方:设计稿可拆解为布局、图案、文字、颜色等。其中布局、文字以及颜色这三者的样式编码需要花费前端开发者大量的时间。虽说近几年随着蓝湖等设计协同工作平台的诞生,可以在平台上获取到部分 css 代码,但是依然不能满足 web、iOS、Android 等多平台的情况;设计稿的更新无法及时在开发者的代码中体.

2020-08-19 12:17:37 528

原创 蒲公英 · JELLY技术周刊 Vol.18 关于 React 那些设计

蒲公英 · JELLY技术周刊 Vol.18自 2011 年,Facebook 第一次在 News Feed 上采用了 React 框架,十年来 React 生态中很多好用的功能和工具在诸多设计思想和哲学的引导下被开发完成,印象最深的的设计是哪些?Fiber、Hooks 还是 Suspense?或者是一些 React 生态中的工具,比如 React Europe 2020 上刚刚分享的 Recoil?从 Class 走向 Function,Algebraic Effects 又有多少了解呢?登高远.

2020-08-19 09:50:25 285

原创 使用react-docgen自动生成组件文档

作者: 凹凸曼 - 朱飞飞背景最近在接到一个开发 React 组件库的需求,组件库在开发过程中,刚写完一个组件打算给同事用,同事立马来了个灵魂拷问“啊?这个组件怎么用”。emmm,我寻思直接告诉它下一次又忘了,还是老老实实写个文档吧。文档写到一半,@#%#¥……#@麻烦死了。这么多组件,每个组件都需要有对应的文档,写起来太耗时了,手写文档比写个组件还麻烦。为了能快点完(xia)成(ban)任(hui)务(jia)。于是研究下那些优秀的组件库到底是怎么做的,看了下Quark夸克组件库的文档生成,大受启.

2020-08-14 10:39:55 632

原创 蒲公英 · JELLY技术周刊 Vol.17: 90 行代码实现 React Hooks

蒲公英 · JELLY技术周刊 Vol.17React Hooks 相信大家都不陌生,自被设计出以来就备受好评,在很多场景中都有极高的使用率,其中原理更是很多大厂面试中的必考题,很多朋友都能够如数家珍。那么如何去用实现一个简单的 React Hooks 呢?或许大家都有各自的想法,但也不妨来看看文中所述的方案是如何构建的。登高远眺天高地迥,觉宇宙之无穷基础技术2020 Chrome DevTools 的新特性介绍作为前端开发,与 Chrome 打交道是家常便饭,我们有必要了解 Chro.

2020-08-12 09:49:58 393

原创 Webpack 原理浅析

作者: 凹凸曼 - 风魔小次郎背景Webpack 迭代到4.x版本后,其源码已经十分庞大,对各种开发场景进行了高度抽象,阅读成本也愈发昂贵。但是为了了解其内部的工作原理,让我们尝试从一个最简单的 webpack 配置入手,从工具设计者的角度开发一款低配版的 Webpack。开发者视角假设某一天,我们接到了需求,需要开发一个 react 单页面应用,页面中包含一行文字和一个按钮,需要支持每次点击按钮的时候让文字发生变化。于是我们新建了一个项目,并且在 [根目录]/src 下新建 JS 文件。为了模拟.

2020-07-29 17:29:13 572

原创 蒲公英 · JELLY技术周刊 Vol.16 谷歌首个线上 Web 开发者大会

蒲公英 · JELLY技术周刊 Vol.16近期,谷歌有史以来的第一次线上谷歌 Web 开发者大会,Web Vitals、PWA、DevTools 和 Lighthouse 6.0 等一系列特性或产品带来的全新体验,让人眼花缭乱。这次大会也以线上的形式分享了包括了性能优化、打包构建等非常多干货,定会让你收获颇丰。登高远眺天高地迥,觉宇宙之无穷基础技术谷歌发布首个线上 Web 开发者大会谷歌在本月初完成首次线上 Web 开发者大会 (web.dev/live),以线上视频的形式,分享关于.

2020-07-29 09:37:21 485

原创 618前端竞品分析研究(互动篇)

作者:吉玉智能化测试在互动中经常需要维护大量的状态,对这些状态进行测试验证成本较高,尤其是当有功能变动需要回归测试的时候。为了降低开发测试的成本,在这方面使用强化学习模拟用户行为,在两个方面提效:mock接口:将学习过程中的状态作为服务接口的测试数据;回归测试:根据mock接口数据回溯到特定状态,Puppeteer根据强化学习触发前端操作,模拟真实用户行为;什么是强化学习呢? 强化学习是机器学习的一个领域,它强调如何基于环境行动,获取最大化的预期利益。强化学习非常适用于近几年比较流行的.

2020-07-27 21:10:53 445

原创 JELLY技术周刊 Vol.15 云游戏会是 5G 杀手级应用么?

蒲公英 · JELLY技术周刊 Vol.15听到“云游戏”,或许我们的第一反应会是“云玩家”而不是那些上云的“游戏”,在这个 5G 已来的时代,云游戏也迎来了全新的机遇。这是 5G 时代的过客?又或者这会是 5G 场景下第一个重量级应用?看完云鹭科技的这次大会分享,你会有自己的答案。登高远眺天高地迥,觉宇宙之无穷前端框架Vue 3 RFC在 2019 年初,Vue 团队开始采用了 RFC (Request for Comments) 机制,Vue 3 的所有重大特性更新都可以在这里看到.

2020-07-22 09:52:05 500

原创 京喜前端自动化测试之路(小程序篇)

作者:阿翔如果你已经阅读过 《京喜前端自动化测试之路(一)》,可跳过前言部分阅读。前言京喜(原京东拼购)项目,作为京东战略级业务,拥有千万级别的流量入口。为了保障线上业务的稳定运行,每月例行开展前端容灾演习,主要包含小程序及 H5 版本,要求各页面各模块在异常情况下进行适当的降级处理,不能出现空窗、样式错乱、不合理的错误提示等体验问题。容灾演习是一项长期持续的工作,且涉及页面功能及场景多,人工的切换场景模拟异常导致演习效率较低,因此想通过开发自动化测试工具来提升演习效率,让容灾演习工作随时可以轻松.

2020-07-15 16:06:52 640

空空如也

空空如也

空空如也

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

TA关注的人 TA的粉丝

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