蒲公英 · 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 正式发布了,不仅清理掉很多冗余的功能,同样也为我们带来了很多新鲜的能力,不论是默认开启的持久缓存,还是反病毒保护,亦或者被其 ... 
随机推荐
- LR字符串处理函数-lr_save_datetime
			void lr_save_datetime(const char *format, int offset, const char *name); 中文解释: lr_save_datetime将当前日期 ... 
- rust 神奇的特质
			pub trait Summary { fn summarize_author(&self) -> String; fn summarize(&self) -> Strin ... 
- ASP.NET处理管道之防盗链
			盗链就是在用户向网站a请求网站资源时,网站a将网站资源的路径填写为b网站资源的地址,用户将直接看到网站a上显示着网站b的资源,从而造成盗链. 要防止盗链,就要用到处理管道中的技术 在相应的模块类中: ... 
- 一个JS库Lodash
			中文文档:https://www.html.cn/doc/lodash/#_aftern-func 
- Java 中的数据结构类 Vector 和 ArrayList
			今天刷算法题目时,使用到了 Java 的内置栈类 Stack,好奇它是怎么实现的,发现它是继承于 Vector 这个类.那么,就先学习下 Vector 这个类的实现吧! Vector 和 ArrayL ... 
- web安全中的session攻击
			运行着个简单的demo后,打开login.jsp,使用firebug或chrome会发现,即使没有登录,我们也会有一个JSESSIONID,这是由服务器端在会话开始是通过set-cookie来设置的匿 ... 
- 02.Hamcrest和TestSuite介绍
			1.首先第一步需要导入对应的jar包 我们来看下面的一个例子 OK,在前面的一系列博客里面,我整理过了Assert类下面常用的断言方法,比如assertEquals等等,但是org.junit.Ass ... 
- 7、struct2的命名空间
			采用命名空间可以区分不同action下面相同的函数名称 我们来看下面的一个程序的代码 我们来看下面的代码: 添加物料的action处理类: package com.weiyuan.test; publ ... 
- C# 人脸识别库
			.NET 人脸识别库 ViewFaceCore 这是基于 SeetaFace6 人脸识别开发的 .NET 平台下的人脸识别库这是一个使用超简单的人脸识别库这是一个基于 .NET Standard 2. ... 
- Spring7——开发基于注解形式的spring
			开发基于注解形式的spring SpringIOC容器的2种形式: (1)xml配置文件:applicationContext.xml; 存bean:<bean> 取bean: Appli ... 
 
			
		