摘要: Vue SSR不可不知的问题 本文主要介绍Vue SSR(vue服务端渲染)的应用场景,开发中容易遇到的一些问题,提升ssr性能的方法,以及ssr的安全性问题。 ssr的应用场景 1.SEO需求 SEO(Search Engine Optimization,搜索引擎优化),是一种利用搜索引擎规则,提 阅读全文
posted @ 2018-08-31 17:11 大转转FE 阅读(478) 评论(0) 推荐(0) 编辑
摘要: 前言 笔者最近参与了公司的几个业务的管理系统类项目,在这样的项目需求中,相对于所选择的前端技术栈以及前后端分离协同开发的模式。理解并实现后台项目的业务需求是其中的重点,其中,账户的登陆,以及权限验证与安全性是非常重要的。本文就以一个系统为例讲一讲如何在各技术与业务相结合完成这样的需求。所以本文对于技 阅读全文
posted @ 2018-08-31 17:07 大转转FE 阅读(4090) 评论(0) 推荐(0) 编辑
摘要: 神奇的css3混合模式 对于前端开发人员应该都很熟悉Photoshop的图层混合模式,就是几个图层按不同的模式进行混合,实现不同的图像效果。但是当我们前端同学在切这些效果图的时候,基本上就是一刀切的,即使是文字,当字体很炫的话,我们也不得不用切图来替代。实际上在16年CSS3就新增了一个很有意思的 阅读全文
posted @ 2018-08-31 16:53 大转转FE 阅读(575) 评论(0) 推荐(0) 编辑
摘要: 说说React组件的State React的核心思想是组件化的思想,应用由组件搭建而成, 而组件中最重要的概念是State(状态)。 正确定义State React把组件看成一个状态机。通过与用户的交互,实现不同状态,然后渲染UI,让用户界面和数据保持一致。组件的任何UI改变,都可以从State的变 阅读全文
posted @ 2018-08-31 16:46 大转转FE 阅读(3257) 评论(0) 推荐(0) 编辑
摘要: 背景 在我们开发的过程中,经常会遇到这样的问题,开发完了一些代码或者一个接口,别的小伙伴过来问你,代码可不可以给他复用,接口可以给他调用。这说明代码的复用和抽象对团队协作是很重要的。举个例子,如下图 在这幅图中A服务先开发的,B服务开发的时候与A服务功能相似,尽量使用A服务的接口以提高效率,那么B服 阅读全文
posted @ 2018-08-31 16:21 大转转FE 阅读(990) 评论(0) 推荐(0) 编辑
摘要: event loop 即事件循环。最初了解到js的event loop机制是通过自己对js中异步、同步的疑惑。今天聊一聊自己的理解,希望和大家一起学习。 首先,让我们看一个经典的setTimeOut的问题 浏览器打印的结果是怎样的呢?大家可以写一段脚本试一下,打印的结果是1,4,3,2;为什么不是按 阅读全文
posted @ 2018-06-12 14:08 大转转FE 阅读(402) 评论(1) 推荐(1) 编辑
摘要: 引言 iPhoneX发布至今已经有将近一年的时间了,各类app都多多少少做了对iPhoneX的适配,那对于我们H5页面该做哪方面的适配呢? 首先了解安全区域(safe area)的概念,它保证了内容在设备上的正确嵌入,不会被状态栏、导航栏等遮挡。 Apps should adhere to the 阅读全文
posted @ 2018-06-12 14:06 大转转FE 阅读(6426) 评论(0) 推荐(0) 编辑
摘要: "离线包"机制 微信小程序采用的是类似离线包加载方案,以转转小程序为例,当用户第一次打开时会先下载好所有代码,然后再加载页面;当用户再次进入转转小程序时,会直接使用已下载的代码,省去了代码下载的过程,打开速度更快。 看似很美好的设计,但有两个问题: 第一次打开转转小程序时白屏时间很长,因为要下载接近 阅读全文
posted @ 2018-05-29 20:12 大转转FE 阅读(23198) 评论(0) 推荐(1) 编辑
摘要: 虽然webpack的已经升级到了webpack4,而我们目前还在使用webpack3,但其中的优化点都大同小异,升级后同样适用。 性能优化初步原则 减小代码量 减小请求数 最大化利用浏览器缓存 这三条原则永远是一切优化的前提 优化配置 升级webpack 3,优化js的编译能力(Scope Hois 阅读全文
posted @ 2018-05-28 19:52 大转转FE 阅读(1302) 评论(0) 推荐(0) 编辑
摘要: 这是一篇,我自己都看不完的文章... 文章大体就两部分: 状态模式的介绍 状态机模型的函数库javascript-state-machine的用法和源码解析 场景及问题背景: 我们平时开发时本质上就是对应用程序的各种状态进行切换并作出相应处理。最直接的解决方案是将这些所有可能发生的情况全都考虑到,然 阅读全文
posted @ 2018-05-28 19:51 大转转FE 阅读(213) 评论(0) 推荐(0) 编辑