自定义博客皮肤VIP专享

*博客头图:

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

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

博客底图:

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

栏目图:

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

主标题颜色:

RGB颜色,例如:#AFAFAF

Hover:

RGB颜色,例如:#AFAFAF

副标题颜色:

RGB颜色,例如:#AFAFAF

自定义博客皮肤

-+

凹凸实验室

凹凸实验室团队博客

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

原创 Webpack 原理浅析

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

2020-07-29 17:29:13 848

原创 蒲公英 · 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 717

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

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

2020-07-27 21:10:53 670

原创 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 762

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

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

2020-07-15 16:06:52 1168

原创 蒲公英 · JELLY技术周刊 Vol.14: Vue 3 新特性详解

2020 年真的是灾祸频发,但是在各类前端框架上,依旧是在稳步的推进。近日 Vue 团队更新了关于 Vue 3 的最新状态,尤大新增了三个语法糖特性,它们将用于优化 SFC 的开发体验,你会有兴趣尝鲜试试么~登高远眺天高地迥,觉宇宙之无穷前端框架Vue 3: 2020 年中的状态更新近日 Vue3 团队对 Vue 3 的状态进行了更新,介绍了各个主要工具的开发进度。整体计划是 7 月中旬推出 RC 版本,8 月早些时候能够推出正式版。在各工具在密锣紧鼓升级兼容 Vue3 的同时,受 Sv..

2020-07-15 09:37:02 721

原创 蒲公英 · JELLY技术周刊 Vol.13 跟 VSCode 学习如何开发大型 IDE 项目

开发一个 IDE 很难么?这或许是件很难的事情,但当我们参考 VSCode 的技术构架来看,整个开发流程就会平滑顺畅很多,从内核开发、代码编辑器、视图结构到插件系统,在这整个技术构架中我们可以看到很多一个 IDE 开发中需要注意的方方面面。如果你对 VSCode 深入研究过,相信可以从中颇受启发,在此之前不妨先来看看本期推荐。登高远眺天高地迥,觉宇宙之无穷基础技术跟 VSCode 学习如何开发大型 IDE 项目VSCode 是当下非常流行的微软开源的代码编辑器,它在满足多样性插件化生态的..

2020-07-08 09:41:23 836

原创 图形处理:给 Canvas 文本填充线性渐变

作者:凹凸曼 - Barrior在 Canvas 中对文本填充水平或垂直的线性渐变可以轻易实现,而带角度的渐变就复杂很多;就好像下面这样,假设文本矩形宽为 W, 高为 H, 左上角坐标为 X, Y。猜想与答案给出两个答案:正确答案是图二,因为这样得出来的坐标生成的渐变最紧接文本矩形边界,它的运动轨迹如下动图:(图来源:Do you really know CSS linear-gradients)渐变起点与终点坐标的计算所以,渐变的起点与终点坐标该怎么计算呢?答:先求得起点与终..

2020-07-08 08:25:41 699

原创 Taro 3 正式版发布:开放式跨端跨框架解决方案

作者:凹凸曼 - yuche从 Taro 第一个版本发布到现在,Taro 已经接受了来自于开源社区两年多的考验。今天我们很高兴地在党的生日发布 Taro 3(Taro Next)正式版,希望 Taro 未来的更多两年能像一名共产主义战士一样经受住更多的考验。以下是 Taro 3 的一些新增特性:跨框架:React、Nerv、Vue 2、Vue 3、jQuery在旧版本的 Taro,我们以微信小程序的开发规范为基准,使用 React/JSX 的方式来进行开发。而在 Taro 3,我们把这一思路量化为一.

2020-07-07 10:44:51 716

原创 Taro 牵手腾讯有数,助力小程序数据化运营

作者:腾讯有数 - TabPanTaro 引入了腾讯有数的微信小程序无痕埋点能力,为 Taro 的开发者提供真·零开发的 8 大无痕埋点能力以及自定义埋点能力,包含小程序启动、显示、隐藏、页面浏览、页面离开、分享、下拉刷新、上拉触底等八大自动化埋点能力以及搜索、商品归因等定制化埋点,以及经营分析、直播分析、导购分析等能力,让你的小程序可以基于微信生态,串联全场景多触点,实现全域经营洞察。随着人口红利的结束,用户增长面临瓶颈期,如何寻找新的增长点成为企业发展面临的问题。微信作为国内社交巨头,拥有...

2020-07-07 09:41:54 2227

原创 Taro 3 正式版发布:开放式跨端跨框架解决方案

作者:凹凸曼 - yuche从 Taro 第一个版本发布到现在,Taro 已经接受了来自于开源社区两年多的考验。今天我们很高兴地在党的生日发布 Taro 3(Taro Next)正式版,希望 Taro 未来的更多两年能像一名共产主义战士一样经受住更多的考验。以下是 Taro 3 的一些新增特性:跨框架:React、Nerv、Vue 2、Vue 3、jQuery在旧版本的 Taro,我们以微信小程序的开发规范为基准,使用 React/JSX 的方式来进行开发。而在 Taro 3,我们把这一思路量化为一.

2020-07-01 11:36:19 889

空空如也

空空如也

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

TA关注的人

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