- ">
- 【低代码】
- 1、从前端智能化看“低代码/无代码”
- 2、可视化辅助编程在蚂蚁的探索之路
- 3、又一个技术风口来了
- 4、Mendix:低代码开发简介
- 5、Low Code 低代码开发
- 6、腾讯低代码OTeam建设概述
- 7、八个维度对低代码能力度量模型的思考
8、无代码解决方案:如何彻底实现无代码化研发模式- 9、1688在移动端低代码开发的探索
- 10、所见即所得! iMove 在线执行代码探索
- 11、登上 Github 趋势榜,iMove 原理技术大揭秘!
- 12、网易轻舟低代码平台
- 13、低代码开发平台缺失的 5 个关键组件
- 14、百度智能云推出爱速搭低代码平台,用可视化帮助企业快速构建应用
- 15、金禅:前端物料在低代码研发模式下的探索(收费)
- 16、滴滴低代码平台建设及规模化探索(收费)
- 17、网易云音乐中后台低代码的思考和实践(收费)
- 18、淘宝中后台体系的前端架构演进之路(收费)
- 19、深入看透低代码:阿里、腾讯等巨头火拼的下个风口
- 【实践经验】
- 【基础夯实】
- 【实用工具】
- 【动态与研究关注】
- 【程序之外】
【低代码】
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、金禅:前端物料在低代码研发模式下的探索(收费)
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
文章视图如下,大家在平时在工作中也可以通过思维导图的方式来整理思路。
7、花椒低代码可视化编辑平台的设计与实践
https://mp.weixin.qq.com/s/qwZ6oLNAuFDCGt0QBxpZ1A
本文从需求分析,到目前开源的几个低码轮子对比,最后讲解了花椒低代码可视化编辑平台的设计与实践,希望有所启发。
8、写给中高级前端关于性能优化的9大策略和6大指标
https://mp.weixin.qq.com/s/cjwgILHV-DaVlCNbvTZ4mg
所有的性能优化都围绕着两大层面两小层面实现,核心层面是网络层面和渲染层面,辅助层面是时间层面和体积层面,而辅助层面则充满在核心层面里。于是笔者通过本文整理出关于前端性能优化的「九大策略」和「六大指标」。当然这些策略和指标都是笔者自己定义,方便通过某种方式为性能优化做一些规范。
【基础夯实】
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 新特性
https://mp.weixin.qq.com/s/J_7jGfsQXwvmVPF5MBepqA
4、写了这么多年 CSS,initial 和 inherit 以及 unset 和 revert 还傻傻分不清楚?
经常会碰到,问一个 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个前端常用的工具网站
【动态与研究关注】
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 技术栈。
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_000)
- Promise.any 与 AggregateError
- String.prototype.replaceAll
- 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 提交代码的角度选取部分进行阐述,希望可以通过一些代码片段启迪到你。