240 发简信
IP属地:广东
  • 适配器模式

    适配器模式:将一个类(对象)的接口(方法或者属性)转化成另外一个接口,以满足用户使用,使类(对象)之间的不兼容问题通过适配器得以解决。 需求1:作品的活动页面使用的是公司内部...

  • 240
    React v16.8.6生命周期

    constructor() static getDerivedStateFromProps(props, state) :object|null #初次渲染和后续更新都会调用...

  • 使用gzip,提升访问页面速度

    简单说一下对gzip的理解: 客户端访问资源时,服务端先对资源进行压缩,再返回 客户端自动解压,无需另行处理 第一点要注意的是,客户端每次访问资源时,服务端都会对资源进行压缩...

  • 240
    使用StoryBook——更好地管理我们的UI组件

    安装vue脚手架: Node.js>=8.9没有vue-cli3的先安装一下: 安装完后查看版本: 创建项目: 选择相对应的配置,等待项目创建完毕。 安装storybook,...

  • 代理模式

    代理模式:由于一个对象不能直接引用另一个对象,所以需要通过代理对象在这两个对象之间起到中介的作用。 需求1:用户上传图片的请求路径与网站不是同一个服务器(域),导致跨域问题。...

  • 装饰者模式

    装饰者模式:在不改变对象的基础上,通过对齐进行包装扩展(添加属性或者方法)使原有对象可以满足用户的梗复杂需求。 装饰者模式是对原有功能的一中增强与扩展,不需要了解原有功能的基...

  • 桥接模式

    桥接模式:在系统沿着多个维度变化的同时,又不增加其复杂度并已达到解耦。 有时候页面中的一些小小的细节改变常常因逻辑相似导致大片臃肿的代码,让页面苦涩不堪。 需求1:页面上不的...

  • 单页面应用SEO方案

    最近希望在现有SPA网站的基础上,对网站进行SEO优化,所以列出了几种方案。 一、Rendertron Rendertron是一款headless Chrome渲染解决方案,...

  • 安装部署rendertron教程

    环境工具要求:node >=7,npm,git,pm2 使用git clone rendertron的源代码,本地编译代码 1.克隆源代码,进入源代码根目录,下载相关依赖包 ...