0217前端日报：2020前端实践|优雅的实现一个全栈项目

给 「前端开发博客」 加星标，每天打卡学习

长按二维码即可识别“进入网页”查看哟~

1、2020前端实践|优雅的实现一个全栈项目（一）

vweb_visual是一个简单的后台管理项目，疫情在家为了不无聊抽时间写的，一来呢自己的github有点空荡荡的，想想自己已经步入社会，不能像学生时代一样觉得时间充足。所以下定决心做一个长期维护的全栈项目，不仅仅是为了自己的成长。技术选型 UI框架：iview 前端框架：Vue.js + Typescript.js 请求库：A...

https://juejin.im/post/5e46b05d6fb9a07c81760a47

2、从前端源码中学到的知识点

在看一些优秀的源码的过程中，经常能学到一些新的东西。一些没用过的api、一些组织代码的小技巧、一种新的思路等。这也是阅读源码的乐趣。这篇文章是把我学到的一些知识点做了一些整理。之间没什么关联，比较零散。目录如下：requre.main区分入口模块 require.cache 操作缓存模块 require.resol...

https://juejin.im/post/5e46affdf265da570a5d3d43

3、一篇文章让你彻底了解 JS 原型链

原型是 JavaScript 中一个比较难理解的概念，原型相关的属性也比较多，对象有"[[prototype]]"属性，函数对象有"prototype"属性，原型对象有"constructor"属性。

https://segmentfault.com/a/1190000021755911

4、前端工程实践之数据埋点分析系统（一）

随着公司业务的不断增长，平台业务的不断增加，场景复杂度也对应的有所增加。这对平台产品的用户体验，商业场景的深化运营，及过程中对平台用户的使用便捷性，都带来了不小的影响和挑战。为更精准的触达用户痛点...

https://segmentfault.com/a/1190000021749429

5、Vue源码阅读（一）：Vue构造函数与初始化过程

--本文采自本人公众号【猴哥别瞎说】 接着前文的准备。我们知道：在 Vue2.6.10 的源码结构中，入口文件是在 src/platforms/web/entry-runtime-with-compiler.js。那么我们就具体来看看里面的代码吧。在初次看源码的时候，有两个值得注意的点：不要抠细节，把握整体的方向，以囫囵吞枣的方式看即可。制...

https://juejin.im/post/5e47cdf8e51d45270218ed22

6、基于React、Mobx、Webpack 和 React-Router的项目模板

快速上手 ，只要会react、mobx、webpack、react-router，快速搭建中后台管理平台。路由匹配 ，包含url输入、js跳转、菜单切换。封装组件Loading ，不需要重复写组件Loading判断。完全自定义的cli ，内置mobx、webpack、react-router、classnames、dayjs、eslint等。例子 Order System :...

https://juejin.im/post/5e46ae10f265da575c16b6eb

7、Vue源码阅读（二）：数据响应式与实现

--本文采自本人公众号【猴哥别瞎说】 这篇文章我们来详细了解数据响应式的原理与具体实现。聊到 Vue 的数据响应，很多人都会对其非侵入式的数据响应系统津津乐道，大概都知道它是通过数据劫持的方式(修改 Object.defineProperty() )来轻量化实现数据响应式。所谓轻量化，指的是：Vue 中的数据模型仅仅是一个个普...

https://juejin.im/post/5e47cf62f265da571d2f1de3

8、如何手动实现一个Promise.all

我相信有些同学在面试的过程中，面试官会问你能否简单描述一下 Promise.all 的原理，小编我也是被问到，于是也在网上找了几遍文章和例子，看完之后也是死恍然大悟，希望能帮到小伙伴们 Promise.all原理 Promise.all 接收一个 promise 对象的数组作为参数，当这个数组里的所有 promise 对象全部变为resolve或 有 reje...

https://juejin.im/post/5e46678ff265da57685db6a3

9、自从学了TypeScript后，再也不用JavaScript了？|Gitee项目推荐

据说“自从用了 TypeScript 之后,再也不想用 JavaScript 了”。但也有人觉得它语法不稳定，不愿意学习。但一旦上手 TypeScript 之后就会爽到飞起，那么就让我们看看 Gitee 上优秀的 TypeScript 开源项目，一起来学习一下吧。1.项目名称：外文辅助阅读翻译解决方案 CopyTranslator 项目简介：复制即翻译的外文辅助阅读...

https://juejin.im/post/5e46990151882549380c8338

10、精通React/Vue系列之手把手带你实现一个功能强大的通知提醒框(Notification)

前言 本文是笔者写组件设计的第十篇文章, 今天带大家实现一个比较特殊的组件——通知提醒框(Notification)。该组件在诸如Antd或者elementUI等第三方组件库中也都会出现,主要用来为用户提供系统通知信息的.我们在调用它时并不像其他组件一样，通过引入组件标签来调用。比如Modal组件，我们一般这样来调用：<Modal ...

https://juejin.im/post/5e47e8a9e51d45270d53054f

11、前端开发日报存档

看得不过瘾，网站有过去几年的每日前端好文章日报存档，关注收藏起来不迷路。

http://caibaojian.com/c/news

12、掘金小册全网八折

热门前端掘金小册，全网八折：前端面试之道、Vue组件精讲、使用WebPack定制前端开发环境、重学前端（极客时间）、前端开发核心知识（GitChat）等，阅读原文浏览全网教程！

http://caibaojian.com/goods

“在看转发”是最大的支持