摘要: What ? css 的作用域表现。 Css modules Scoped How ? Css modules 实现原理 通过给样式名加hash字符串后缀的方式,实现特定作用域语境中的样式编译后的样式在全局唯一。 具体效果demo 由此可见 1. css module直接替换了类名,排除了用户设置类 阅读全文
posted @ 2018-08-31 17:27 大转转FE 阅读(845) 评论(0) 推荐(0)
摘要: 背景是一次线上故障 项目类型vue ssr 与server的数据交互用的http内网域名方案 在5月发生了一次线上CPU100%的问题,直接导致了NodeServer 500。 最终解决办法是: 1、请求超时时间timeout 5s 1s 2、开启Keep Alive。 问题排查 首先我们重启服务短 阅读全文
posted @ 2018-08-31 17:13 大转转FE 阅读(1386) 评论(1) 推荐(1)
摘要: Vue SSR不可不知的问题 本文主要介绍Vue SSR(vue服务端渲染)的应用场景,开发中容易遇到的一些问题,提升ssr性能的方法,以及ssr的安全性问题。 ssr的应用场景 1.SEO需求 SEO(Search Engine Optimization,搜索引擎优化),是一种利用搜索引擎规则,提 阅读全文
posted @ 2018-08-31 17:11 大转转FE 阅读(510) 评论(0) 推荐(0)
摘要: 前言 笔者最近参与了公司的几个业务的管理系统类项目,在这样的项目需求中,相对于所选择的前端技术栈以及前后端分离协同开发的模式。理解并实现后台项目的业务需求是其中的重点,其中,账户的登陆,以及权限验证与安全性是非常重要的。本文就以一个系统为例讲一讲如何在各技术与业务相结合完成这样的需求。所以本文对于技 阅读全文
posted @ 2018-08-31 17:07 大转转FE 阅读(4162) 评论(0) 推荐(0)
摘要: 神奇的css3混合模式 对于前端开发人员应该都很熟悉Photoshop的图层混合模式,就是几个图层按不同的模式进行混合,实现不同的图像效果。但是当我们前端同学在切这些效果图的时候,基本上就是一刀切的,即使是文字,当字体很炫的话,我们也不得不用切图来替代。实际上在16年CSS3就新增了一个很有意思的 阅读全文
posted @ 2018-08-31 16:53 大转转FE 阅读(611) 评论(0) 推荐(0)
摘要: 说说React组件的State React的核心思想是组件化的思想,应用由组件搭建而成, 而组件中最重要的概念是State(状态)。 正确定义State React把组件看成一个状态机。通过与用户的交互,实现不同状态,然后渲染UI,让用户界面和数据保持一致。组件的任何UI改变,都可以从State的变 阅读全文
posted @ 2018-08-31 16:46 大转转FE 阅读(3275) 评论(0) 推荐(0)
摘要: 背景 在我们开发的过程中,经常会遇到这样的问题,开发完了一些代码或者一个接口,别的小伙伴过来问你,代码可不可以给他复用,接口可以给他调用。这说明代码的复用和抽象对团队协作是很重要的。举个例子,如下图 在这幅图中A服务先开发的,B服务开发的时候与A服务功能相似,尽量使用A服务的接口以提高效率,那么B服 阅读全文
posted @ 2018-08-31 16:21 大转转FE 阅读(1017) 评论(0) 推荐(0)