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 开发全体验

门户网站开发这样一件事情,易者易矣,难者难矣。随便做一做很轻松,但是想要做好,其中依旧有很多门道。更何谈京东零售设计中台门户这样的站点,其中不论是设计细节,还是对于用户体验的追求,都是非常极致的。阿姣小姐姐在其中的诸多设计,都很有巧思,细细品读,多有收获。

「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术工程化跨端框架技术图形编程服务端开发桌面开发人工智能」等多个大方向的业界热点,并加以专业的解读;不仅如此,我们还精选凹凸技术文章,向大家呈现团队内的研究技术方向。

抬头仰望,蒲公英的种子会生根发芽,如夏花绚烂;格物致知,我们登高远眺、沧海拾遗,以求积硅步而至千里。

蒲公英 · JELLY技术周刊贡献指南

欢迎关注凹凸实验室博客:aotu.io

或者关注凹凸实验室公众号(AOTULabs),不定时推送文章:

蒲公英 · JELLY技术周刊 Vol.14: Vue 3 新特性详解的更多相关文章

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

    蒲公英 · JELLY技术周刊 Vol.30 随着 Vue 3 发布,相关的新闻也逐渐火热起来,而近期 RFC 中两个新的提案也因为某乎上的一些事情变得广为人关注.Ref sugar和script s ...

  2. 蒲公英 · JELLY技术周刊 Vol.03

    蒲公英 · JELLY技术周刊 Vol.03 「蒲公英」期刊全新升级--JELLY技术周刊!深度挖掘业界热点动态,来自团队大咖的专业点评,带你深入了解团队研究的技术方向. 登高远眺 天高地迥,觉宇宙之 ...

  3. 蒲公英 · JELLY技术周刊 Vol.32: 前端的自我进化之路

    蒲公英 · JELLY技术周刊 Vol.32 前端开发不过是切图仔在那儿瞎鼓捣,没啥门槛,不需要懂计算机原理,不需要懂算法,微服务.高并发这些都不需要懂,拖组件写个页面就好了,数据.逻辑.测试都可以交 ...

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

    蒲公英 · JELLY技术周刊 Vol.16 近期,谷歌有史以来的第一次线上谷歌 Web 开发者大会,Web Vitals.PWA.DevTools 和 Lighthouse 6.0 等一系列特性或产 ...

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

    蒲公英 · JELLY技术周刊 Vol.17 React Hooks 相信大家都不陌生,自被设计出以来就备受好评,在很多场景中都有极高的使用率,其中原理更是很多大厂面试中的必考题,很多朋友都能够如数家 ...

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

    蒲公英 · JELLY技术周刊 Vol.19 你是否也会有想法去开发一个自己的 IDE 却苦于时间和精力不足,完成 Desktop IDE 却又被 Cloud IDE 的概念追在身后难以入睡,这样的两 ...

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

    蒲公英 · JELLY技术周刊 Vol.20 性能优化是一条无尽的路,我们总是可以找到各种途径去提升体验,不论是响应时间还是按需加载,亦或是根据框架或者组件有针对性的优化都会是不错的方法.如果你在使用 ...

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

    蒲公英 · JELLY技术周刊 Vol.22 近期 React Router 已经释出了 6.x 的 beta 版本,正式版本已经不远了,作为 React 生态中的重要组成部分,React Route ...

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

    蒲公英 · JELLY技术周刊 Vol.25 阔别两年,Webpack 5 正式发布了,不仅清理掉很多冗余的功能,同样也为我们带来了很多新鲜的能力,不论是默认开启的持久缓存,还是反病毒保护,亦或者被其 ...

随机推荐

  1. 在android项目中使用FontAwesome字体

    在android项目中使用FontAweSome图标集,可以方便的适配各种屏幕分辨率,不必在各种不同分辨率文件夹中新建资源文件.使用字体是一种很巧妙的方法,把图像以字体的方式呈现,这样以前设置为and ...

  2. MFC中窗口启动后,CEdit编辑框默认光标位置设置,顺序的调节方法

    MFC中窗口启动后,CEdit编辑框默认光标位设置,顺序的调节方法 在编辑界面按下ctrl+D键,就会出现所有控件的Tab键顺序,按照自己想要的顺序依次点击控件,就可以重新安排顺序.数值1就是默认停留 ...

  3. HTTP Request Smuggling 请求走私

    参考文章 浅析HTTP走私攻击 SeeBug-协议层的攻击--HTTP请求走私 HTTP 走私漏洞分析 简单介绍 攻击者通过构造特殊结构的请求,干扰网站服务器对请求的处理,从而实现攻击目标 前提知识 ...

  4. android屏幕适配的全攻略--支持不同的屏幕尺寸适配平板和手机

    一. 核心概念与单位详解 1. 什么是屏幕尺寸.屏幕分辨率.屏幕像素密度? 屏幕分辨率越大,手机越清晰 dpi就是dot per inch dot意思是点,就是每英寸上面的像素点数 android原始 ...

  5. Java 比较对象中的内容是否一致

    获取对象中的所有属性 private static Field[] getAllFields(Object object) { Class clazz = object.getClass(); Lis ...

  6. PID各环节的意义和功能,自带PID的matlab编程实例

    这是PID的标准形式包括比例/积分/微分三部分,e为偏差 下面我们分析三个环节的作用,设:当前系统状态A,目标状态B, e=B-A,初始状态e>0 (以下是个人的理解,欢迎读者评论) 1 比例环 ...

  7. dart快速入门教程 (7.3)

    7.4.抽离类为单独文件 新建一个文件,单独存放一个类,例如:Person类抽离到person.dart文件中 class Person { final String name; final num ...

  8. MFC线程(二):线程同步临界区CRITICAL SECTION

    当多个线程同时使用相同的资源时,由于是并发执行,不能保证先后顺序.所以假如时一个公共变量被几个线程同时使用会造成该变量值的混乱. 下面来举个简单例子. 假如有一个字符数组变量 char g_charA ...

  9. 【草稿】自定义ASP.NET MVC Html辅助方法

    https://www.cnblogs.com/myshell/archive/2010/05/09/1731269.html 在ASP.NET MVC中,Html辅助方法给我们程序员带来很多方便,其 ...

  10. hive中order by ,sort by ,distribute by, cluster by 的区别(**很详细**)

    hive 查询语法 select [all | distinct] select_ condition, select_ condition from table_name a [join table ...