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

2020 年真的是灾祸频发,但是在各类前端框架上,依旧是在稳步的推进。近日 Vue 团队更新了关于 Vue 3 的最新状态,尤大新增了三个语法糖特性,它们将用于优化 SFC 的开发体验,你会有兴趣尝鲜试试么~
登高远眺
天高地迥,觉宇宙之无穷
前端框架
Vue 3: 2020 年中的状态更新
近日 Vue3 团队对 Vue 3 的状态进行了更新,介绍了各个主要工具的开发进度。整体计划是 7 月中旬推出 RC 版本,8 月早些时候能够推出正式版。在各工具在密锣紧鼓升级兼容 Vue3 的同时,受 Svelte 启发,尤大新增了三个语法糖特性用于优化 SFC 的开发体验,一起来了解一下吧~。
设计哲学
前后端一体化:前后端分离将死?
天下大势,分久必合,合久必分,在几年前由于 NodeJS 等技术的蓬勃发展,业界涌现出前后端分离的技术架构体系,仿佛前后端分离,才是自然的法则。而如今,也是因为技术的不断发展,作者基于自身敏锐的观察,开始探索前后端一体化的架构,并列举了一系列关于前后端一体化即将到来的观点,非常值得学习、思考。不过,不管是哪种架构,都是为了在合适的时机出现,解决当下的问题,架构,没有终点。
图形编程
如何挑选数据可视化框架及平台
在数字化成为趋势的今天,数据可视化需求也越来越常见。这篇文章挑选了市面上较活跃较稳定的框架进行了详细的测评,包含框架的发展历史、优劣势、与其他框架存在的区别等角度,适合正在或即将挑选数据可视化框架的前端开发对这些框架进行一个全面的了解,以便选择最为适合的框架。
【站点推荐】Cassie Evans 的博客
这是一个充满了 SVG 动效小心思的个人博客,从左上角的 Logo 到首屏的空心字 hover 效果,以及最后一屏目光跟随鼠标的个人画像,这个博客首页的所有图形都是使用 SVG 绘制而成。博客中包含了关于 SVG 动效开发入门、绘制等内容,适合对 SVG 动效感兴趣的人边探索边学习。
服务端开发
Node.js Legacy url API 的安全风险
在 Node.js v11.0.0 的版本中Legacy URL API已被弃用转而使用WHATWG API,但V11以下的版本中还会存在相关漏洞,由于兼容问题,Node.js 并未直接移除 legacy API。两套 API 尽管看起来提供一样的能力,但是底层对 url 规范的定义不一样,且实现也略有不同,legacy API 中隐藏了一些严重的安全风险。
工具推介
构建在 DevOps、CI/CD 之上的研发效能度量工具
这款工具处理的是人机协作时代,如何进行研发管理。通过标准化开发流程、CI/CD集成来实现。结合本身的业务线,在此基础上扩展开,我们可以考虑通过CI实现团队协作、前端自动化工作流,完成本地的构建部署发布测试等工作。
沧海拾遗
沧海拾遗,积跬步以至千里
京喜小程序: 高性能实践
如何在小程序上实现高性能的体验,这是我们一直在思考的问题。京喜小程序作为一个电商门户,细微的体验细节都会被无限放大,那么追求极致的性能、友好的体验和稳定的服务,就是最为基本的原则。相信你也会好奇,京喜怎么来定义高性能?又是如何分析性能指标?同时又从哪些方面着手优化小程序的性能?这篇文章一定会给你一个满意的答案!
JDR DESIGN 开发全体验
门户网站开发这样一件事情,易者易矣,难者难矣。随便做一做很轻松,但是想要做好,其中依旧有很多门道。更何谈京东零售设计中台门户这样的站点,其中不论是设计细节,还是对于用户体验的追求,都是非常极致的。阿姣小姐姐在其中的诸多设计,都很有巧思,细细品读,多有收获。
「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术、工程化、跨端框架技术、图形编程、服务端开发、桌面开发、人工智能」等多个大方向的业界热点,并加以专业的解读;不仅如此,我们还精选凹凸技术文章,向大家呈现团队内的研究技术方向。
抬头仰望,蒲公英的种子会生根发芽,如夏花绚烂;格物致知,我们登高远眺、沧海拾遗,以求积硅步而至千里。
欢迎关注凹凸实验室博客:aotu.io
或者关注凹凸实验室公众号(AOTULabs),不定时推送文章:

蒲公英 · JELLY技术周刊 Vol.14: Vue 3 新特性详解的更多相关文章
- 蒲公英 · JELLY技术周刊 Vol.30: 此路不通?Vue 3 新提案 Ref-sugar
蒲公英 · JELLY技术周刊 Vol.30 随着 Vue 3 发布,相关的新闻也逐渐火热起来,而近期 RFC 中两个新的提案也因为某乎上的一些事情变得广为人关注.Ref sugar和script s ...
- 蒲公英 · JELLY技术周刊 Vol.03
蒲公英 · JELLY技术周刊 Vol.03 「蒲公英」期刊全新升级--JELLY技术周刊!深度挖掘业界热点动态,来自团队大咖的专业点评,带你深入了解团队研究的技术方向. 登高远眺 天高地迥,觉宇宙之 ...
- 蒲公英 · JELLY技术周刊 Vol.32: 前端的自我进化之路
蒲公英 · JELLY技术周刊 Vol.32 前端开发不过是切图仔在那儿瞎鼓捣,没啥门槛,不需要懂计算机原理,不需要懂算法,微服务.高并发这些都不需要懂,拖组件写个页面就好了,数据.逻辑.测试都可以交 ...
- 蒲公英 · JELLY技术周刊 Vol.16 谷歌首个线上 Web 开发者大会
蒲公英 · JELLY技术周刊 Vol.16 近期,谷歌有史以来的第一次线上谷歌 Web 开发者大会,Web Vitals.PWA.DevTools 和 Lighthouse 6.0 等一系列特性或产 ...
- 蒲公英 · JELLY技术周刊 Vol.17: 90 行代码实现 React Hooks
蒲公英 · JELLY技术周刊 Vol.17 React Hooks 相信大家都不陌生,自被设计出以来就备受好评,在很多场景中都有极高的使用率,其中原理更是很多大厂面试中的必考题,很多朋友都能够如数家 ...
- 蒲公英 · JELLY技术周刊 Vol.19 从零开始的 Cloud IDE 开发
蒲公英 · JELLY技术周刊 Vol.19 你是否也会有想法去开发一个自己的 IDE 却苦于时间和精力不足,完成 Desktop IDE 却又被 Cloud IDE 的概念追在身后难以入睡,这样的两 ...
- 蒲公英 · JELLY技术周刊 Vol.20: Vue3 极致优化——分析 Vue3 Compiler 告诉你为什么这么快
蒲公英 · JELLY技术周刊 Vol.20 性能优化是一条无尽的路,我们总是可以找到各种途径去提升体验,不论是响应时间还是按需加载,亦或是根据框架或者组件有针对性的优化都会是不错的方法.如果你在使用 ...
- 蒲公英 · JELLY技术周刊 Vol.22: npm i react-router@6.0.0-beta.0
蒲公英 · JELLY技术周刊 Vol.22 近期 React Router 已经释出了 6.x 的 beta 版本,正式版本已经不远了,作为 React 生态中的重要组成部分,React Route ...
- 蒲公英 · JELLY技术周刊 Vol.25 · Webpack 5 正式发布,你学废了么
蒲公英 · JELLY技术周刊 Vol.25 阔别两年,Webpack 5 正式发布了,不仅清理掉很多冗余的功能,同样也为我们带来了很多新鲜的能力,不论是默认开启的持久缓存,还是反病毒保护,亦或者被其 ...
随机推荐
- 动态调试 别人写的jar包
在别人的jar应用程序里: 在VMoption选项中添加: -agentlib:jdwp=transport=dt_socket,server=y,suspend=n,address=50064 或者 ...
- opencv c++访问某一区域
int main(){ cv::Mat m1(,, CV_8UC1); for(int i=;i<m1.rows;++i) for(int j=;j<m1.cols;++j) m1.at& ...
- Java中String创建原理深入分析
创建String对象的常用方式: 1. 使用new关键字 String s1 = new String(“ab”); // 2. 使用字符串常量直接赋值 String s2 = “abc”; 3 ...
- Python三大器之生成器
Python三大器之生成器 生成器初识 什么是生成器 生成器本身属于迭代器.继承了迭代器的特性,惰性求值,占用内存空间极小. 为什么要有生成器 我们想使用迭代器本身惰性求值的特点创建出一个可以容纳百万 ...
- 【转载】提高访问 github 的速度
原文地址:https://www.cnblogs.com/liuchao888/p/11733996.html 工具地址:http://tool.chinaz.com/dns?type=1&h ...
- webstorm 调试 typescript
{ "compilerOptions": { "target": "es5", "outFile": "bin ...
- js事件入门(1)
1.事件相关概念 1.1 什么是事件? 事件是用户在访问页面时执行的操作,也就是用户访问页面时的行为.当浏览器探测到一个事件时,比如鼠标点击或者按键.它可以触发与这个事件相关的JavaScript对象 ...
- Oracle 导出、导入某用户所有数据(包括表、视图、存储过程...)
Oracle 导出.导入某用户所有数据(包括表.视图.存储过程...)前提:在CMD 命令下 导出命令:exp 用户名/密码@数据库 owner=用户名 file=文件存储路径(如:F:\abcd.d ...
- P2220 [HAOI2012]容易题【快速幂】
题目描述 为了使得大家高兴,小Q特意出个自认为的简单题(easy)来满足大家,这道简单题是描述如下: 有一个数列A已知对于所有的A[i]都是1~n的自然数,并且知道对于一些A[i]不能取哪些值,我们定 ...
- python之浅谈循环
目录 流程控制之while循环 语法 while+break while+continue while+else while循环的嵌套 流程控制之for循环 语法 for+break for+cont ...
