0058.jpg

【低代码】

1、从前端智能化看“低代码/无代码”

https://developer.aliyun.com/article/783586?utm_content=g_1000264003

2、可视化辅助编程在蚂蚁的探索之路

https://zhuanlan.zhihu.com/p/112942801

3、又一个技术风口来了

https://matpool.com/blog/6055572b505b8f0011af48c2/

4、Mendix:低代码开发简介

https://www.mendix.com/zh/low-code-guide/

5、Low Code 低代码开发

https://github.com/Turkyden/Turkyden/issues/3

6、腾讯低代码OTeam建设概述

https://mp.weixin.qq.com/s/NMtp0_L4fNWVJprcZrj6Tg

7、八个维度对低代码能力度量模型的思考

https://cloud.tencent.com/developer/news/738883


8、无代码解决方案:如何彻底实现无代码化研发模式

https://mp.weixin.qq.com/s/x8bABUBk9HNs5q7DVCDGZg

9、1688在移动端低代码开发的探索

https://juejin.cn/post/6844904020377600007

10、所见即所得! iMove 在线执行代码探索

https://segmentfault.com/a/1190000039148049

11、登上 Github 趋势榜,iMove 原理技术大揭秘!

https://mp.weixin.qq.com/s/cfGdGp1VAVn_bUqXUspvJg

12、网易轻舟低代码平台

https://www.163yun.com/product/lcap

13、低代码开发平台缺失的 5 个关键组件

https://www.infoq.cn/article/Gs5MQZ0shD2jfwAGS2WV

14、百度智能云推出爱速搭低代码平台,用可视化帮助企业快速构建应用

http://science.china.com.cn/2021-05/17/content_41563246.htm

15、金禅:前端物料在低代码研发模式下的探索(收费)

http://june.cool/blog/kk06ev

16、滴滴低代码平台建设及规模化探索(收费)

https://time.geekbang.org/qconplus/detail/100073109

17、网易云音乐中后台低代码的思考和实践(收费)

https://time.geekbang.org/qconplus/detail/100073110

18、淘宝中后台体系的前端架构演进之路(收费)

https://time.geekbang.org/qconplus/detail/100073108

19、深入看透低代码:阿里、腾讯等巨头火拼的下个风口

https://www.tmtpost.com/5001622.html

【实践经验】

1、闲鱼的统一跨端 API 方案 —— Uni API

https://mp.weixin.qq.com/s/V_vAQTVQ-CBdHThHH0mhsg
本文将介绍跨端 API 解决方案应该解决什么问题,提供什么能力。

2、如何搭建适合自己团队的构建部署平台

https://mp.weixin.qq.com/s/sI-2j9kxAFbZdGSdDnMtVA

3、腾讯课堂小程序性能极致优化——网络请求优化篇

https://mp.weixin.qq.com/s/g2mLpWhGsrMEud-i8xD6YQ

本篇文章将从网络请求的角度分享一种优化的思路。本文引入了一种请求排队的策略,通过控制不同优先级请求的发送顺序,保障影响页面渲染的关键请求能够及时发送,并迅速得到返回结果。

4、带你探索神秘的“幽灵空白节点”

https://juejin.cn/post/6986556064502120478


5、产品经理:能不能让这串数字滚动起来?

https://juejin.cn/post/6986453616517185567

6、如何设计可视化搭建平台的组件商店?

https://juejin.cn/post/6986824393653485605#heading-7

文章视图如下,大家在平时在工作中也可以通过思维导图的方式来整理思路。
image.png

7、花椒低代码可视化编辑平台的设计与实践

https://mp.weixin.qq.com/s/qwZ6oLNAuFDCGt0QBxpZ1A

本文从需求分析,到目前开源的几个低码轮子对比,最后讲解了花椒低代码可视化编辑平台的设计与实践,希望有所启发。

8、写给中高级前端关于性能优化的9大策略和6大指标

https://mp.weixin.qq.com/s/cjwgILHV-DaVlCNbvTZ4mg

所有的性能优化都围绕着两大层面两小层面实现,核心层面是网络层面和渲染层面,辅助层面是时间层面和体积层面,而辅助层面则充满在核心层面里。于是笔者通过本文整理出关于前端性能优化的「九大策略」和「六大指标」。当然这些策略和指标都是笔者自己定义,方便通过某种方式为性能优化做一些规范。
image.png

【基础夯实】

1、【干货】私藏的这些高级工具函数,你拥有几个?

https://juejin.cn/post/6987166546502090788

很多功能,其实内置的Web API已支持:

  • 比如基于URLSearchParams或者URL的queryString获取和生成
  • 比如基于btoa,atob的base64的编码和解码
  • 比如基于sendBeacon的数据上报
  • 比如基于 Array.from的序列生成
  • 比如基于canvas的视频截图
  • 比如基于URL的UUID生成

用精简的代码来实现相对复杂的功能,没有第三方库,你也能秀得飞起。

2、你真的了解package.json吗?来看看吧,这可能是最全的package解析

https://juejin.cn/post/6987179395714646024

从我们接触前端开始,每个项目的根目录下一般都会有一个package.json文件,这个文件定义了当前项目所需要的各种模块,以及项目的配置信息(比如名称、版本、许可证等)。

本文通过比较完整的package.json文件,详细解释一下每个字段的真实含义。

3、TypeScript 的另一面:类型编程

https://mp.weixin.qq.com/s/LlMrYBcvs51-0CSz4pSWDw

本文的章节分布如下,如果你已经有部分前置知识的基础(如泛型),可以直接跳过。

  • 类型编程的基础:泛型
  • 类型守卫与 is、in 关键字
  • 索引类型与映射类型
  • 条件类型、分布式条件类型
  • infer 关键字
  • 工具类型
  • TypeScript 4.x 新特性


    4、写了这么多年 CSS,initial 和 inherit 以及 unset 和 revert 还傻傻分不清楚?

    https://mp.weixin.qq.com/s/J_7jGfsQXwvmVPF5MBepqA

经常会碰到,问一个 CSS 属性,例如 position 有多少取值。

通常的回答是 static、relative、absolute 和 fixed 。当然,还有一个稍微生僻的 sticky 。其实,除此之外, CSS 属性通常还可以设置下面几个值:

  • initial
  • inherit
  • unset
  • revert

了解 CSS 样式的 initial(默认)和 inherit(继承)以及更新的 unset 和 revert 是熟练使用 CSS 的关键。

5、8则未必知道且超级实用的纯CSS布局排版技巧

https://mp.weixin.qq.com/s/9DeQ_hMHD_QcrqETV8dqzA

本文秉承「能使用CSS实现的效果都优先使用CSS」的原则,为大家讲解笔者如何巧妙运用各种纯CSS开发技巧完成一些常见或特殊的布局排版。因此建议大家认真看一遍以下内容,绝对让你有所收货和惊喜。

6、写给前端的跨平台方案、跨端引擎的本质

https://mp.weixin.qq.com/s/IyQPf3yn-mjBmWqeb8dYMg

【实用工具】

1、谷歌 API 设计指南

https://google.aip.dev/general

谷歌官方文档,讲解谷歌的 API 设计规范。

2、那些年,10个前端常用的工具网站

https://mp.weixin.qq.com/s?__biz=Mzg4ODYwNTIwMQ==&mid=2247484283&idx=1&sn=1b483d765494984c0b0c149acb967bd4&chksm=cff9dc05f88e5513f6ff460ee5251aaf2d3f39bc388971aa669ca028b26536976350fb23ce8b&scene=178&cur_album_id=1827201883116011521#rd

【动态与研究关注】

1、2021年低代码行业研究报告

https://pdf.dfcfw.com/pdf/H3_AP202103221474638909_1.pdf?1616419546000.pdf

2、2020年中国互联网网络安全报告

https://www.cert.org.cn/publish/main/46/2021/20210721130944504525772/20210721130944504525772_.html

7月20日,国家计算机网络应急中心发布的年度报告,介绍我国网络安全情况,披露一些安全事件,可以免费下载。

3、分享10款2021年国外顶尖的lowcode开发平台

https://juejin.cn/post/6966242039318970399

本文笔者近期调研了几家国外的lowcode平台, 也参考了很多资料, 本文给大家介绍一下一些国外比较有名的lowcode开发平台。

4、前端视角看HarmonyOS

https://mp.weixin.qq.com/s/2WSjbZjzXHI5bb83Ydkh1g

本文和大家分享下 HarmonyOS 以及 HarmonyOS 中的 JavaScript GUI 技术栈。
image.png

5、ECMAScript 双月报告:Realms 提案进入 Stage 3(2021/07)

https://mp.weixin.qq.com/s/WSmKjMSQG7t_9T6jKo0Q8w

6、从 SWR 开始 — 一窥现代请求 hooks 设计模型

https://mp.weixin.qq.com/s/DFt129rgcrTJch1RcUqpXg

本文将以 swr 为例子,讲述现在最热门的 useRequest、swr 和 react-query 三个请求 hooks 的新机制,以及新机制后 class Component 和 hooks 在设计上的区别。

7、Webpack5的Module Federation,号称改变JavaScript架构的游戏规则,是什么来头?

https://mp.weixin.qq.com/s/N7bhqg1fU19ALtdtTNKoSw

Module Federation,中文翻译为”模块联邦”,是 webpack5 中的一个号称 改变JavaScript架构的游戏规则的功能。
简单说,MF 实际上就是可以把多个无单独依赖的、单独部署的应用合为一个。或者说不止是应用,MF 支持的粒度更细。它可以把多个模块、多个npm包合为一个。

8、该来的还是来了,盘点 ES12 中有新特性!

https://mp.weixin.qq.com/s/zbPh2rwdl-YofZZQcOVzNg

本文主要介绍一下 ECMAScript 2021(ES12)的一部分的 JS 功能。

  1. 逻辑赋值操作符
  2. 数字分隔符(1_000)
  3. Promise.any 与 AggregateError
  4. String.prototype.replaceAll
  5. WeakRefs 与 FinalizationRegistry 对象

【程序之外】

1、用户体验设计心理学五项原则:你能预测用户的行为吗?

https://mp.weixin.qq.com/s/OONGMxZk2LLi_bGnp0TJ2A

  • 最小努力原则:让你的用户思考最少
  • 冯·瑞斯托夫效应:用户体验心理学的核心
  • 希克定律:每个用户体验设计师的基本定律
  • 系列位置效应:一个主要的设计原则
  • 来自wild的例子:公司如何在用户体验设计中使用这些原理

2、我是如何写出优雅的业务代码的?

https://www.yuque.com/docs/share/75ab949d-5273-4759-b2ef-3b1f1c662668#xKZRZ

普通的工程师堆砌代码,优秀的工程师优雅代码,卓越的工程师简化代码。

本文从命名、注释、抽象、单元测试、git commit 提交代码的角度选取部分进行阐述,希望可以通过一些代码片段启迪到你。

3、玉伯:前端的现状之痛及未来趋势

https://mp.weixin.qq.com/s/CcKDbwDE3Id31_n0GM0EJQ