蒲公英 · JELLY技术周刊 Vol.33 页面文件太大?图片过大了吧:页面加载白屏?很有可能是字体文件还没加载完:页面加载时间过长?多半是主进程被阻塞--该怎么办呢?快来小葵,咳咳,「蒲公英」前端基础课堂补课看看,可别自己一人学废了. 登高远眺 天高地迥,觉宇宙之无穷 基础技术 怎么使用 WebWorker 提高用户界面的响应速度 浏览器执行javascript脚本是单线程的,当执行一些耗时较长的任务时,本来响应用户操作的任务会阻塞:一个解决方法是把这些耗时长的任务改造成异步操作,但在一些不…

蒲公英 · JELLY技术周刊 Vol.32 前端开发不过是切图仔在那儿瞎鼓捣,没啥门槛,不需要懂计算机原理,不需要懂算法,微服务.高并发这些都不需要懂,拖组件写个页面就好了,数据.逻辑.测试都可以交给其他人去做--会这么想的人应该在冥王星断网很多年了吧,还不快来补补课. 登高远眺 天高地迥,觉宇宙之无穷 基础技术 Chrome 发布 M87: 性能大幅提升 2020年11月17日,Chrome 发布 M87,这是今年的最后一个正式版本,Chrome 产品总监 Matt Waddell 在一篇博…

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

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

蒲公英 · JELLY技术周刊 Vol.03 「蒲公英」期刊全新升级--JELLY技术周刊!深度挖掘业界热点动态,来自团队大咖的专业点评,带你深入了解团队研究的技术方向. 登高远眺 天高地迥,觉宇宙之无穷 基础技术 HTTP/2 还没普及,HTTP/3 就要来了? 来自最大的 CDN 服务提供商之一 Cloudflare 团队的文章.尽管 HTTP/3 规范仍在起草中,Cloudflare 在2019年9月便宣布了对 HTTP/3 的支持,同时最新版的 Chrome Canary 也已支持 HT…

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

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

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

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

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

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

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

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

蒲公英 · JELLY技术周刊 Vol.35 Flash 曾是 Web 迈向新世代的福音书,它为这个世界带来了缤纷色彩,但也如伊甸园的苹果,闪耀着智慧的光芒,却四灾随行.诞生 1995 年至今 25 年,这个潘多拉魔盒终于要被人们关上并尘封入土,然以史为鉴可知兴替,flash 缘起为何?为何被高高捧起又跌入凡尘?只是过时,亦或是 web 初心不在?这些都值得我们去思考. 登高远眺 天高地迥,觉宇宙之无穷 基础技术 玩转前端 Video 播放器 随着5G网络的普及,直播行业的火热,在h5上多媒体的…

蒲公英 · JELLY技术周刊 Vol.36 不知不觉,蒲公英已经伴随我们走过了一年时光,在这一年我们从基础技术.前端框架.图形编程.人工智能等诸多领域为大家推介了三百余篇文章,尽管这一年来风雨不断,但是技术演进的方向却并不会停歇,在和 2020 挥别之前,可不要忘记本期的内容推荐哦- 登高远眺 天高地迥,觉宇宙之无穷 基础技术 文本长度不一如何影响界面布局 使用 CSS 构建布局时,如何做好短文本内容与长文本内容的兼容,是每位优秀前端工程师的基本修养,当清楚地知道文本长度变化是否会影响界面布局…

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

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

「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术.工程化.跨端框架技术.图形编程.服务端开发.桌面开发.人工智能」等多个大方向的业界热点,并加以专业的解读:不仅如此,我们还精选凹凸技术文章,向大家呈现团队内的研究技术方向. 抬头仰望,蒲公英的种子会生根发芽,如夏花绚烂:格物致知,我们登高远眺.沧海拾遗,以求积硅步而至千里. 登高远眺 天高地迥,觉宇宙之无穷 基础技术 ES2020:所有你想要知道的都在这 「学不动啦!」如果 ES2015 你还没学会的话,TC39 委员会可不会停下他们的脚步,E…

登高远眺 天高地迥,觉宇宙之无穷 基础技术 使用 JavaScript 框架的代价 作者从 JavaScript 下载时间.解析时间.执行时间.内存占用四个角度评测了 jQuery.Angular.React.Vue 四个框架,最终得出结论:「框架不值得」,应该选择原生 JavaScript 或选择超轻量级框架或在服务端渲染.此文可配合蒲公英技术周刊第三期的 Svelte 安利文一同复用. Node.js 14 正式版发布 作为下一个 LTS 版本的 Node.js 14 终于发布了.Node.…

「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术.工程化.跨端框架技术.图形编程.服务端开发.桌面开发.人工智能」等多个大方向的业界热点,并加以专业的解读:不仅如此,我们还精选凹凸技术文章,向大家呈现团队内的研究技术方向. 抬头仰望,蒲公英的种子会生根发芽,如夏花绚烂:格物致知,我们登高远眺.沧海拾遗,以求积硅步而至千里. 登高远眺 天高地迥,觉宇宙之无穷 前端框架 Vue3 Composition API 提案 Vue3 其中一个重量级的特性就是 Composition API,它能帮助我们…

登高远眺 沧海拾遗,积跬步以至千里 基础技术 StackOverFlow 2020 年开发者报告 技术问答社区 StackOverFlow 的年度报告,本次报告统计了来自于全球各地共 65000 名开发者.有几项数据令人震惊: 2020 年 jQuery 仍然是最受欢迎的 Web 开发者框架: Rust 以 20% 的领先成为最受喜爱的技术: Perl 是全球范围内收入最高的语言: 美国开发者是全球最勤奋的开发者,平均每周工作 41.8 个小时(可以推算出此问卷的中国样本很少). 高性能的 Go…

登高远眺 沧海拾遗,积跬步以至千里 基础技术 官宣: Typescript 3.9 正式发布 TypeScript 3.9 正式发布,这个版本主要聚焦于性能.改进某些特性和提升稳定性.编译器效率在这一版有了极大提升,平均编译时长从 26 秒缩短至 10 秒,改善了编辑体验,同时修复了早期 Typescript 版本面临的 Promise 困扰等等,快点升级到 3.9 尝尝鲜吧. 史上最详尽的 Git 分支管理实践 Git 作为我们日常开发必不可少的代码管理工具,掌握好它,可以达到事半功倍的效果,…

登高远眺 天高地迥,觉宇宙之无穷 基础技术 直播延迟?为什么流媒体直播的延迟那么高 随着通信技术的发展,视频点播.直播业务也逐渐兴起.在这些业务形态中,流媒体技术扮演着重要的角色.但在实际使用中,即便是在优良的网络环境中,主播和观众间依然可以体验到明显的延迟.为何会产生这种延迟?这篇文章从编码.传输.缓存等方面入手,分析了延迟产生的原因. 何时使用 TypeScript - 使用场景全解 距离微软 2012年10 月首次发布 TypeScript 0.8 版本已将近 8 年,越多的公司和团队开始…

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

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

蒲公英 · 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 发布…

蒲公英 · JELLY技术周刊 Vol.34 提及跨端,你能想到那些技术?PWA.小程序.Ionic.React Native.Weex--当然也少不了 Flutter,历时 3 年,Flutter 也取得了不小的发展,那么它在国内境遇如何?使用 Dart 开发又有哪些挑战?开发体验和实际性能又如何?让美团外卖的 Flap 团队给你答案吧. 登高远眺 天高地迥,觉宇宙之无穷 基础技术 使用 CSS Scroll Snap 实现滑动容器 你是否曾希望 CSS 能原生实现一个可吸附的滑动容器呢?本文…

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

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

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