justin1494404948515

1. 引言 本周的精读是有感而发。 也就是专家们变得越来越不关心技术细节。需要说明是的，这里说的专家不再关心细节，不代表成为专家后学不会细节，也不代表专家不了解细节。 早期挺难理解这种转变的，笔者在学校里的知名度来自于前端做得精深，一根筋钻研技术的人眼里是容不下沙子的，所以当初…

本文基于 angular v7.2.7，初次编写于2019-4-17。 虽然代码是基于angular 7.2.7，但是语法是基于 angular 4.X 以上均可使用。在项目开发过程中，我们经常需要跟后端进行文件交互，常见的诸如 图片上传，excel 导入与导出等。这里我们只讨…

回想下我们刚开始学前端最原始、最简单的form表单提交方式。 需要提交的不多还能看得懂，一旦多了过几天自己都看不懂就难受了(╯﹏╰)。 要想达到那种清爽的、闭着眼睛提交表单，我们就要考虑封装组件、使用Reactive/Model-Driven 动态表单封装。 第一种方式的原理是…

当你下载好官方案列后，你可能对目录都不太熟悉，先不要将关注点放在这里，文章致力于如何快速上手一个angular项目。 少量 HTML attribute 和 property 之间有着 1:1 的映射，如 id。 有些 HTML attribute 没有对应的 property…

细说 Angular 2+ 的表单（一）：模板驱动型表单 响应式表单 响应式表单乍一看还是很像模板驱动型表单的，但响应式表单需要引入一个不同的模块： ReactiveFormsModule 而不是 FormsModule import {ReactiveFormsModule}…

可以看到通过{}创建的对象，很容易就被修改了，而通过Object.create(null)这种方式创建的对象就很纯粹，没有任何属性和对象，非常干净。 然而，我们也可以直接赋值一个函数，如果没有传参，我们就直接抛出错误提醒，如果一个组件里面有很多方法，我们就可以直接复用，而不用每…

前端开发是一个非常特殊的行业，它的历史实际上不是很长，但是知识之繁杂，技术迭代速度之快是其他技术所不能比拟的。 这样是一个非常真实的现状，实际上很多前端开发者都是自学甚至转行过来的，前端入门简单，学习了几个API以后上手做项目也很简单，但是这往往成为了限制自身发展的瓶颈。 只是…

做过校验需求的小伙伴们都知道，校验其实是个麻烦事。 规则多，需要校验的字段多，都给我们前端带来巨大的工作量。 一个不小心，代码里就出现了不少if else等不可维护的代码。 因此，我觉得一个团队或者是一个项目，需要一个校验工具，简化我们的工作。 首先，参考一下 Joi。只看这一…

1. 接口模块处理 这里封装的依据是后台传的JWT，已封装好的请跳过。 这里做的处理分别是会话已失效和登陆超时，具体的需要根据业务来作变更。 最后是导出基础请求类型封装。 其中给get请求加上时间戳参数，避免从缓存中拿数据。 除了基础请求类型，还有很多类似下载、上传这种，需要特…