![](https://img-blog.csdnimg.cn/20201014180756757.png?x-oss-process=image/resize,m_fixed,h_64,w_64)
css
文章平均质量分 92
余杭子曰
职 业:资深前端,多年前端主管,创业合伙人。
个人成绩:年度优秀员工,语雀年度天使,掘金联合编辑。
座 右 铭:自知者智,知人者明; 以诚待人,终有所得。
展开
-
等待者模式
概念等待者模式或者等待者对象指的是多个异步逻辑无法确认先后执行的顺序以及时机时,而我们增加对异步逻辑的监听,当每个异步状态发生变化时,进行一次确认状态,然后根据结果来决定是否执行某动作。我们常见常用的Promise.all对象就是等待者模式的一种最佳实践。本文codepen地址:https://codepen.io/robinson90/pen/YzPQaoe代码实现let Wai...原创 2019-12-26 20:49:26 · 941 阅读 · 0 评论 -
拆分复杂度(三):拆分路由
场景大多数前端开发者在开发应用时,习惯了在一个路由配置文件中大量的引入组件和配置组件,但当路由多了,就会变得不可维护,尤其在pc端比较明显,可能涉及到10 的业务模块,每个业务模块都涉及了3-5个路由地址,甚至更多。因此按照业务拆分路由是我们降低复杂度的必然方式。备注:本文分享的是你的router使用的为react-router这个库,版本3.2.1原来的版本缺点:当分业务之后...原创 2019-12-10 22:59:10 · 920 阅读 · 0 评论 -
api请求时长与请求数据类型的设计
前言在我们的业务请求中,有很多时候会针对有不同时长的需求策略性设置。这里针对这个需求进行详细的展开。针对这种情况,我们的timout的一般是根据请求地址来的,所以核心处理技巧便是如何根据不同的request地址去设置不同的timeout.我们之前设置的请求时长是十秒,并且是通过create的部分,整个项目只有一个instance的。let _axios = axios.create({...原创 2019-11-30 23:02:22 · 725 阅读 · 0 评论 -
分享移动端app与h5的产品差别(一)
单入口与多入口地址app的入口是确定的惟一的,只能通过app的主页面一级级进入,这就决定了app没有一些异常进入的途径,从而大大的降低了app产品的复杂度。这样的设定对于流程界面是非常好的,比如从a>b>c这样的流程界面,我们无法绕过app的a页面直接访问到b页面,在产品交互上也不会存在某用户的app的b流程页面被另外一个用户拿到。即使拿到,也是app自定义好的一个可分享的页面。而h5却是...原创 2019-11-30 22:45:37 · 2887 阅读 · 0 评论 -
前端安全常识面试题学习笔记
常见的web安全面试题前言以下总结的为前端常见的安全常识,也是面试必问的。没有大的技术含量,但需要知道。我们在自己的应用开发中,也需要避免这样的低级问题。sql注入描述就是后端依赖前端返回的参数直接拼接sql进行查询数据,导致sql不正常的拼接,造成的安全问题。解决方案对前端传递的信息进行层层校验,不直接使用。备注:由此延伸到,其实任何前端的传递数据都可能是有风险...原创 2019-11-07 10:06:16 · 1046 阅读 · 0 评论