蒲公英 · JELLY技术周刊 Vol.21 -- 技术周刊 · React Hooks vs Vue 3 + Composition API
蒲公英 · JELLY技术周刊 Vol.21
选 React 还是 Vue,每个人心中都会有自己的答案,有很多理由去 pick 心水的框架,但是当我们扪心自问,我们真的可以公正的来评价这两者之间的差异么。或许我们应当回归初心,从最基础的视角来看看关于框架选型等等设计哲学,合适的构架设计才能让项目健康的发展。
登高远眺
天高地迥,觉宇宙之无穷
基础技术
Lodash 安全漏洞背后,你不得不知道的 JavaScript 知识
该篇文章内容可以加深读者对JavaScript基础知识的理解,通过对Loadsh
潜在安全漏洞及其修复方案的分析,可以帮助读者对原型污染的产生、原型污染攻击方式及相关防范措施进行深入了解,涉及到的知识点包括但不限于:Object 原型
、原型
、原型链
、NodeJS 相关问题
、Object.create 方法
、Object.freeze 方法
、Map 数据结构
、深拷贝
。
从 Web 图标演进历史看最佳实践
在产品中适当使用图标,可以让产品更生动,也更简洁。在前端项目中,处理和引入图标都是必不可少的环节。本文将简单梳理一下图标相关的工作流程的演进,以及我们在百度设计语言系统推进过程中相关的一些尝试。
前端框架
用 React 和 Vue 做了两个完全一样的 App 之后,这是我的完整对比评测
“对比一下 React 和 Vue” 是一道常见的面试题。Sunil Sandhu 兄弟想要更为中立地回答这个问题,所以他一直在尝试构建一个标准、完整的 Todo App 来对比这俩框架的工作流程。在 React Hooks 和 Vue Composition Api 分别发布后,他发布了 2020 版的 React & Vue 对比评测。
图形编程
不顾一切找圆角 —— Figma 实时平滑圆角方案探究
你还在粗暴地使用直角圆角吗?在 iOS7 时代,苹果对主屏图标做了非常精巧的改动,引入了平滑圆角的概念。使用数学语言来描述便是:平滑圆角的边缘曲率是连续的,而直角圆角不是。这看似微不足道,但这种设计小细节却有很大的体验影响。
【译文】http://www.martinrgb.com/blog/#/Figma_Round_Corner
设计哲学
细说 SOLID —— OOD 的 5 原则
在程序设计领域,面向对象是我们逃不开的话题,而 SOLID 原则是一种为了避免不良而设计的编码标准,是所有的软件开发人员都应该清楚的,但很少人能够概括面向对象方法和原则,面向对象设计和过程式设计的关键区别在哪,以及怎么定义和衡量可读性、究竟什么是可复用性、怎样的代码称为脆弱和僵化的。这篇文章从 SOLID 原则出发,通过更贴近业务的解释性文字和具体的代码示例来回答这些问题。
只写 2 行代码,为何需要 2 天?
很多时候我们会把代码行数作为一个重要的 KPI 指标,来量化我们的工作,但是它真的可以决定我们工作的价值么?针对不懂技术的上司或者 PM,该如何回答这个问题?本文列出了一些可能的理由。
【译文】https://zhuanlan.zhihu.com/p/162925587
人工智能
【好书推荐】算法的落地《推荐系统实践》
本书主要提供了搭建推荐系统过程会遇到的数据来源,数据分类,算法/模型选择,以及效果评价等问题的思考方向。并以大量工程化的内容结合少量算法讲解,十分适合了解算法落地。
【豆瓣评分 8.1】https://book.douban.com/subject/10769749/
沧海拾遗
沧海拾遗,积跬步以至千里
从程序媛角度去看项目管理
合理的设计项目构架很重要,合理的去管理项目同样重要,如何分析需求、拆分、排期是开发中重要的一环。虽然学校不会教大家该怎么做,但是我们的程序媛小姐姐却深谙此道,现在就让小姐姐为大家补上这关键的一课,管理预期,控制风险,让上线再无压力。
Design Tokens —— 设计与开发碰撞的火花
前端开发的过程中,设计师的参与是必不可少的,他们也是开发中的重要一环。在业务流程中,设计师将自己的设计稿交付给开发者,期望可以在项目中完美复现,但是想要在所有细节上都能复刻难度非常大,这时候 Design Tokens 就承载者双方的期待应运而生。
「蒲公英」期刊,每周更新,我们专注于挖掘「基础技术、工程化、跨端框架技术、图形编程、服务端开发、桌面开发、人工智能、设计哲学、前端框架」等多个大方向的业界热点,并加以专业的解读;不仅如此,我们还会推介精选凹凸技术文章,向大家呈现团队内的研究技术方向。
抬头仰望,蒲公英的种子会生根发芽,如夏花绚烂;格物致知,我们登高远眺、沧海拾遗,以求积硅步而至千里。
欢迎关注凹凸实验室博客:aotu.io
或者关注凹凸实验室公众号(AOTULabs),不定时推送文章:
蒲公英 · JELLY技术周刊 Vol.21 -- 技术周刊 · React Hooks vs Vue 3 + Composition API的更多相关文章
- JELLY技术周刊 Vol.24 -- 技术周刊 · 实现 Recoil 只需百行代码?
蒲公英 · JELLY技术周刊 Vol.24 理解一个轮子最好的方法就是仿造一个轮子,很多框架都因此应运而生,比如面向 JS 开发者的 AI 工具 Danfo.js:参考 qiankun 的微前端框架 ...
- 蒲公英 · JELLY技术周刊 Vol 27: 平平无奇 React 17
蒲公英 · JELLY技术周刊 Vol.27 这个热闹的十月终于要走到尾声,React 17 历经 4 个 RC 版本之后,也于数天前正式发布了,而同在几天前发布的 CRA 4.0 也已经完成了 Re ...
- 蒲公英 · JELLY技术周刊 Vol.08 -- 技术周刊 · npm install -g typescript@3.9.3
登高远眺 沧海拾遗,积跬步以至千里 基础技术 官宣: Typescript 3.9 正式发布 TypeScript 3.9 正式发布,这个版本主要聚焦于性能.改进某些特性和提升稳定性.编译器效率在这一 ...
- 蒲公英 · JELLY技术周刊 Vol.18 关于 React 那些设计
蒲公英 · JELLY技术周刊 Vol.18 自 2011 年,Facebook 第一次在 News Feed 上采用了 React 框架,十年来 React 生态中很多好用的功能和工具在诸多设计思想 ...
- 蒲公英 · JELLY技术周刊 Vol.26: 请问您这个月要来点肝么?
蒲公英 · JELLY技术周刊 Vol.26 今年的十月,不知道大家在 TODO List 上新增了多少条目准备尝鲜,你可能已经准备了 Vue3.Webpack5 以及 React v17.0 RC, ...
- 蒲公英 · JELLY技术周刊 Vol.29: 前端智能化在阿里的那些事
蒲公英 · JELLY技术周刊 Vol.29 前端智能化是指借助于 AI 和机器学习的能力拓展前端,使其拥有一些超出现阶段前端能力的特性,这将是未来前端方向中一场重要的变革.目前各家互联网厂商都有自己 ...
- 蒲公英 · JELLY技术周刊 Vol.34: 芜湖~ Flutter
蒲公英 · JELLY技术周刊 Vol.34 提及跨端,你能想到那些技术?PWA.小程序.Ionic.React Native.Weex--当然也少不了 Flutter,历时 3 年,Flutter ...
- 蒲公英 · JELLY技术周刊 Vol.03
蒲公英 · JELLY技术周刊 Vol.03 「蒲公英」期刊全新升级--JELLY技术周刊!深度挖掘业界热点动态,来自团队大咖的专业点评,带你深入了解团队研究的技术方向. 登高远眺 天高地迥,觉宇宙之 ...
- 蒲公英 · JELLY技术周刊 Vol.16 谷歌首个线上 Web 开发者大会
蒲公英 · JELLY技术周刊 Vol.16 近期,谷歌有史以来的第一次线上谷歌 Web 开发者大会,Web Vitals.PWA.DevTools 和 Lighthouse 6.0 等一系列特性或产 ...
随机推荐
- Hive操作——删除表(drop、truncate)
Hive删除操作主要分为几大类:删除数据(保留表).删除库表.删除分区. 一.仅删除表中数据,保留表结构 hive> truncate table 表名; truncate操作用于删除指定表中的 ...
- java 打印流与commons-IO
一 打印流 1.打印流的概述 打印流添加输出数据的功能,使它们能够方便地打印各种数据值表示形式. 打印流根据流的分类: 字节打印流 PrintStream 字符打印流 PrintWriter 方法: ...
- C#LeetCode刷题之#168-Excel表列名称(Excel Sheet Column Title)
问题 该文章的最新版本已迁移至个人博客[比特飞],单击链接 https://www.byteflying.com/archives/3850 访问. 给定一个正整数,返回它在 Excel 表中相对应的 ...
- .NetCore(Avalonia) 项目dll混淆,Ubuntu 或者deepin操作系统 deb安装包解压,重新打包
.NetCore(Avalonia) 项目dll混淆,deb安装包解压,重新打包 本文分为两部分,一部分是介绍使用 DotNetReactor6.0 及以上版本混淆.netcore项目的dll. 另一 ...
- Linux文件权限-笔记
文件权限共10个字符,第一个字符表示该文件是[文件夹]或[文件]——如果是字符“d"则表示该文件是文件夹:如果是字符“-”则表示是文件. 后九个字符,三个一组,共三组,分别表示[所有者权限] ...
- 5.SSH 免密码登陆
SSH 免密码登陆 serverA 机器上 userA 用户,想要免密钥登陆到serverB机器上 1.集群中的所有机器 安装ssh 服务端sudo apt-get updatesudo apt-ge ...
- 结构体深度比较 reflect.DeepEqual
demo1 package main import ( "fmt" "reflect" ) func main() { sliceMap1 := make([] ...
- Tugnsten Fabric-MPLS-三层转发
1.网络拓扑图如下: 2.场景:虚机1.1.1.3 ping 虚机3.3.3.3(两个虚机加入到虚拟路由器里面了,所以可以互通) 3.查看虚机1.1.1.3所对应的VRF: 4.其中41为mpls标签 ...
- SpringBoot整合SpringAdmin搭建监控平台
在SpringBoot整合Actuator进行健康监控中,胜金讲述了通过Actuator进行健康监控,但是学习API并根据API开发前端需要花费相当大的精力,本次胜金就写一下通过SpringAdmin ...
- Reinforcement Learning Using a Continuous Time Actor-Critic Framework with Spiking Neurons
郑重声明:原文参见标题,如有侵权,请联系作者,将会撤销发布! Abstract 动物会重复奖励的行为,但基于奖励的学习的生理基础仅得到了部分阐明.一方面,实验证据表明神经调节剂多巴胺携带有关奖励的信息 ...