IMG_9529.jpg
人如果没有梦想,那跟无忧无虑有什么分别?

【实践经验】

1、谷歌软件工程师是怎样写设计文档的?

https://mp.weixin.qq.com/s/7IRAFZPJB5vxle8UuEusKA

作为软件工程师,我们的工作本质上不是生产代码,而是解决问题。非结构化文本,类似设计文档的形式,也许是在项目早期解决问题比较好的工具,因为它易于理解、更简洁,且以比代码更高的层次来沟通问题和方案。
除软件设计的原始文档外,设计文档还实现了软件开发周期中的如下功能:

  • 在早期发现设计问题,而那时变更的成本还比较小
  • 在组织内围绕设计达成共识
  • 确保考虑到交叉领域的问题
  • 将高级工程师的知识扩展到组织中
  • 围绕设计决策形成组织记忆的基础
  • 在软件设计师的技术组合中充当总结工具

2、vivo商城前端架构升级-总览篇

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

前端架构自上而下可以设计为四个层次,分别为系统级、应用级、模块级、代码级,我们通过这四个层次来分析vivo商城前端架构升级过程中的种种思考和实践,最终形成了一套以 Vue + Node.js 为核心的全端架构方案。
image.png

3、闲鱼如何在2个月内实现Android启动速度翻倍的?

https://mp.weixin.qq.com/s/fYqU-Rd-CBcO1_xpDLeYFA

随着闲鱼App端更多新功能、新技术的加入,应用冷启动速度越来越慢,这也意味着用户看到有效内容的时间被拉长,对用户体验有着很大的伤害。目前,在内部测试版本中,我们已经将安卓在低端机上的冷启动时间从原来的10s降低到了5s内。

4、陪尤雨溪一起,实现 Vuex 无限层级类型推断。(TS 4.1 新特性)

https://mp.weixin.qq.com/s/WgYms4iF_-TOaX8vO-pMJA

前几天,TypeScript 发布了一项 4.1 版本的新特性,字符串模板类型,本文就利用这个特性,简单实现下 Vuex 在 modules 嵌套情况下的 dispatch 字符串类型推断

5、字节跳动Flutter架构实践

https://mp.weixin.qq.com/s/7Ap-9MyhkveqGPRsRZWvyw

第一,分享了 Flutter 的技术趋势,Flutter 是大家争相追寻的技术。
第二,解读了 Flutter 引擎,发现里面的技术是相通的,消息通信跟安卓的 Handle 机制几乎一样;但是它也有它的差异,技术也有不同之处。
第三,分享了Flutter在业务中的实际落地
image.png

6、基于微前端的大型中台项目融合方案

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

这篇文章通过实现一个商城后台,介绍了基于 umi 框架的微前端落地方案,通过这篇文章,你可以收获

  • 超级简单的、可用于生产环境的基于 umi 的微前端实践,包括一套示例代码
  • 全新的、基于微前端的大型中台项目前端组织方式


7、『极限版』不掺水,用纯 CSS 来实现超飒的表单验证功能

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

demo地址:https://codepen.io/krischan77/pen/WmVKYr

8、14个 JavaScript 代码优化技巧

https://mp.weixin.qq.com/s/-B1oFq2109tGQadA6MUHXA

这篇文章列举了14条技巧,可帮助你写出更好的JavaScript代码,从而提高性能。

【基础夯实】

1、「一劳永逸」一张脑图带你掌握Git命令

https://juejin.im/post/6869519303864123399

image.png

2、随机数的故事

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

3、前端进阶之路:1.5w字整理23种前端设计模式

https://juejin.im/post/6868054744557060110#heading-53

我们开发人员经常会说:“Talk is cheap, show me the code”。要想写出令人赏心悦目的代码,我觉得是否使用了合理的设计模式起了至关重要的作用。我们都应该好好的学一学设计模式~

4、深度解析bind原理、使用场景及模拟实现

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

通过阅读该篇,你将会从0到1逐步模拟实现bind~

5、关于Vue和React的一些对比及个人思考(上)

https://juejin.im/post/6844904040564785159

Vue和React都是目前最流行、生态最好的前端框架之一。文章作者分上、中、下三篇与大家一起走近Vue和React,共同探讨它们的差异,剩余的两篇可查阅作者的该系列文章阅读即可~

6、学习Vue3.0,先来了解一下Proxy

https://juejin.im/post/6861725116389130254

据悉Vue3.0的正式版将要发布,从发布到正式投入到正式项目中,还需要一定的过渡期,但我们不能一直等到Vue3正式投入到项目中的时候才去学习,提前学习,让你更快一步掌握Vue3.0,。不过在学习Vue3之前,还需要先了解一下Proxy,它是Vue3.0实现数据双向绑定的基础~

7、使用Vue3.0,我收获了哪些知识点(一)

https://juejin.im/post/6869521076771094536

通过对本文的阅读,你将可以自己完成Vue3.0环境搭建,同时还会对Vue3.0的一些新的特性进行了解,方便自己进行Vue3.0的学习~

8、那些你总是记不住但又总是要用的css

https://juejin.im/post/6869659680496041991

有没有经常遇到一些样式每次写都要用百度呢?本文收集了一些平时经常要用到的但又总是记不住的样式~

  • 设置input 的placeholder的字体样式
  • 隐藏滚动条或更改滚动条样式
  • 文字超出隐藏并显示省略号
  • 控制div内的元素自动换行
  • 纯css画三角形
  • 绝对定位元素居中(水平和垂直方向)
  • 表格边框合并

9、手把手教你 ESLint

https://mp.weixin.qq.com/s/1GtEsi9ftyLeYy1I-RBl-w

通过这篇文章希望你理解了 ESLint 带来的好处,同时掌握了 ESLint 的用法,并可以为现有的项目引入 ESLint 改善项目的代码质量~
image.png

10、十分钟上手ES2020新特性

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

ES2020 是 ECMAScript 对应 2020 年的版本。这个版本不像 ES6 (ES2015)那样包含大量新特性。但也添加了许多有趣且有用的特性。本文以简单的代码示例来介绍 ES2020新特性。这样,你可以很快理解这些新功能,而不需要多么复杂的解释~

11、前端工程师不可不知的 Nginx 知识

https://www.ershicimi.com/p/3ac56accf0c7fee739407974f9ea06e5

【动态与研究关注】

1、鸿蒙2.0正式开源,华为重磅押注开发者生态

https://mp.weixin.qq.com/s/6KPuPD5Rxsl00OO9iPB5Ww

今年的Harmony OS 2.0 则又进行了全新定义,即全面使能全场景生态,包括跨设备、服务流转、极速直达、可视可说、隐私安全五个方面能力。
2020 年 9 月 10 日,主要面向手表、车机、大屏三类终端,12 月,方正式面向手机。实现不同终端的跨越发展。

2、浪潮下的大数据中心,BAT已从用户变成玩家|新基建观察

https://mp.weixin.qq.com/s/dS-kCf0TXAUyIVLp_yIWUA

国际数据公司预测,到 2020 年,全球将有超过 500 亿的终端和设备联网,其中超过 50% 的数据需要在网络边缘侧进行存储、处理和分析。这将促使“云计算+边缘计算”的新型数据处理模型产生,大数据中心将呈现两极化发展。一方面资源逐步整合,云大数据中心规模越来越大;另一方面,将涌现大量边缘大数据中心,以保障边缘侧的实时性业务。

3、大前端中台:如何最大程度复用、解耦业务?

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

4、面向未来的前端构建工具-vite

https://juejin.im/post/6869915676501835783

如果近期你有关注 Vue 的动态,就能发现 Vue 作者最近一直在捣鼓的新工具 vite。vite 1.0 目前已经进入了 rc 版本,马上就要正式发布 1.0 的版本了。几个月前,尤雨溪就已经在微博介绍过了 vite ,是一个基于浏览器原生 ESM 的开发服务器。
image.png

5、尤雨溪:TypeScript 不会取代 JavaScript

https://www.infoq.cn/article/9u1y1yfeocsTpSxQZyrm

该篇是近期尤大的一个访谈,附上原文访谈链接:https://evrone.com/evan-you-interview

6、BetterScroll 2.0 发布:精益求精,与你同行

https://juejin.im/post/6868086607027650573

BetterScroll 2.0 采用了插件化的架构设计。CoreScroll 作为最小的滚动单元,暴露了丰富的事件以及钩子,其余的功能都由不同的插件来扩展,这样会让 BetterScroll 更加的灵活,也能解耦不同的场景。下面是整体的架构图:
image.png

【程序之外】

1、蚂蚁金服@御术:比能力更重要的是你的底层操作系统

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

在我看来一个人的思维模式、处事态度对于每一个人的职业发展,甚至人生旅程起着至关重要的作用。所以我更想跟大家分享我的底层操作系统是如何成型,过去的几段成长历程与这个操作系统间是怎么相互影响,希望能给大家带来一点启发

2、写给年轻程序员韭菜们的一封信

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

作为资深前端老韭菜认为清新的前端韭菜都基本有以下反复表现的特征:

  • 常年闲逛各种技术社区, 以前是 CSDN, 后来是简书, 现在是掘金
  • 看帖不发帖, 随手点个赞, 沸点灌水主力军
  • 从买 99 的课程到 9.9块百度网盘包邮, 前端技术课程收藏爱好者, 资深前端课程打折专家 (反正就是光买不看🙈, 🙈不看就不看)
  • 知乎最关注最多的问题, “2018 前端还有前途么, 2019 前端还有前途么, 2020 前端还有前途么”, “2018 前端是不是饱和了, 2019 前端是不是饱和了, 2020 前端是不是饱和了”
  • 最喜欢看的文章类型 “前端知识总结 1000 讲”, “100 个有用的前端库”, “有趣的 CSS 100个动画效果”
  • 同一类型文章反复看, 去年看 JS 底层原理, 今年看 JS 底层原理, 明年还看 JS 底层原理

你数数, 🤔有中招的么?

更多精彩资讯,欢迎扫码入群交流~🚀**🚀🚀**
扫码入群.png

注:所有资讯均来自网络,不代表编者观点。