使用Nuxt.js框架开发(SSR)服务端渲染项目 (SSR)服务端渲染的优缺点优点:1.前端耗时少,首屏加载速度快。因为后端拼接完了html,浏览器只需要直接渲染出来。2.有利于SEO。因为在后端有完整的html页面,所以爬虫更容易爬取获得信息,更有利于seo。3.无需占用客户端资源。即解析模板的工作完全交由后端来做,客户端只要解析标准的html页面即可,这样对于客户端的资源占用更少,尤其是移动端,也可以更省电。4.后端生成静...
最新骨架屏方案梳理 最新骨架屏方案梳理什么是骨架屏骨架屏是预渲染机制中一种增强用户体验的方式,可以理解为是当数据还未加载进来前,页面的一个空白版本,一个简单的关键渲染路径。可以看一下下面 Facebook 的骨架屏实现,可以看到在页面完全渲染完成之前,用户会看到一个样式简单,描绘了当前页面的大致框架的骨架屏页面,然后骨架屏中各个占位部分被实际资源完全替换,这个过程中用户会觉得内容正在逐渐加载即将呈现,降低了用...
前端优化-WEB综合 开启 gzip 压缩gzip 是 GNUzip 的缩写,最早用于 UNIX 系统的文件压缩。HTTP 协议上的 gzip 编码是一种用来改进 web 应用程序性能的技术,web 服务器和客户端(浏览器)必须共同支持 gzip。目前主流的浏览器,Chrome,firefox,IE等都支持该协议。常见的服务器如 Apache,Nginx,IIS 同样支持,gzip 压缩效率非常高,通常可以达到 7...
前端优化——性能提升 优化清单:1.路由模块按需加载2.组件懒加载3.Object.freeze() 冻结不再变更的对象4.开启productionGzip 压缩5.合理使用keep-alive保留组件状态,避免重新渲染6.v-if与v-show根据具体业务场景适当选取7.图片使用与加载优化8.大数据列表使用vue-virtual-scroll-list优化9.配置 exter...
前端优化——前端工程化 开了一个大前端技术交流群,也可直接加我微信入群(mokinzhao)背景与意义:早前前端的开发工作在一些场景下被认为只是日常的一项简单工作,或只是某个项目的"附属品",并没有被当做一个"软件"而认真对待(无论是产品负责人还是开发者),都会有用完即丢的感觉,对于时间和成本的控制必然将导致最终产出倾向于出现"质量低"、"可维护性差"、"可用性差"等问题。随着Web业务日益复杂化和多元化,工...
微前端设计 在过去的几星期里,随着 Martin Fowler 博客上,那篇 Cam Jackson 写的微前端的文章发布,到处都在讨论 Microfrontend。作为一个微前端 “专家”,我也分享一下:如何去落地微前端。微前端是一种类似于微服务的架构,它将微服务的理念应用于浏览器端,即将单页面前端应用由单一的单体应用转变为多个小型前端应用聚合为一的应用。各个前端应用还可以独立开发、独立部署。同...
我用Vue和React构建了相同的应用程序,这是它们的差别 我用Vue和React构建了相同的应用程序,这是它们的差别在工作中使用了 Vue 之后,我已经对它有了相当深入的了解。同时,我也对 React 感到好奇。我阅读了 React 的文档,也看了一些教程视频,虽然它们很棒,但我真正想知道的是 React 与 Vue 有哪些区别。这里所说的区别,并不是指它们是否都具有虚拟 DOM 或者它们如何渲染页面。我真正想要做的是对它们的代码进行...
微前端设计理念与实践 微前端设计理念与实践本文节选自 Web 开发导论 / 微前端与大前端,着眼阐述了微服务与微前端的设计理念以及微服务的潜在可行方案,需要致敬的是,本文的很多考虑借鉴了 Phodal 关于微前端的系列讨论以及 Web Architecture Links 中声明的其他文章,此外结合了自己浅薄的考量与实践体悟,框架代码可以参阅 Ueact/micro-frontend。(https://g...
Flutter vs React Native 的区别 Hello All, happy reading.大家好,祝阅读愉快。I think everybody knows, what is Flutter and React native?我想所有人都知道,什么是 Flutter 和 React Native ?If you don’t have an answer, no worries let’s tighten you...
5个主流跨端框架区别对比 多 端笔者以为,现在流行的多端框架可以大致分为三类:1. 全包型这类框架最大的特点就是从底层的渲染引擎、布局引擎,到中层的 DSL,再到上层的框架全部由自己开发,代表框架是 Qt 和 Flutter。这类框架优点非常明显:性能(的上限)高;各平台渲染结果一致。缺点也非常明显:需要完全重新学习 DSL(QML/Dart),以及难以适配中国特色的端:小程序。这类框架是最原始也是最纯...
移动大前端跨平台解决方案 概述目前移动web端拥有发布快,无需审核,支持热更新,迭代速度快等优点,现在根据业务需求及战略方案将要进一步在微信小程序,快应用,移动端Native等平台上构建类似的业务。所以如何能复用之前H5代码并快速切换到其他平台的的方案将在此文档体现。开了一个每日学习分享群,也可直接加我微信入群(mokinzhao)主流解决方案(react栈)Taro(京东 凹凸实验室)T...
一句话介绍23种设计模式 #创建型模式##工厂模式 工厂模式(Factory Pattern)是 Java 中最常用的设计模式之一。这种类型的设计模式属于创建型模式,它提供了一种创建对象的最佳方式。在工厂模式中,我们在创建对象时不会对客户端暴露创建逻辑,并且是通过使用一个共同的接口来指向新创建的对象。###介绍 意图:定义一个创建对象的接口,让其子类自己决定实例化哪一个工厂类,工厂模式使其创建过程延迟到子类进行...
资源 | 最新版区块链术语表(中英文对照)2019-1.14 51% Attack:51%攻击,一种针对对加密货币网络的暴力攻击。一旦你的算力超过该网络的 51%,就可以操纵其共识机制,甚至能制造双花现象。类比一下的话,这就像是民主投票,多数人总是会赢得共识。Address:地址,由字母和数字所组成的字符串,表示加密货币可以发出和接受的地址。Airdrop:空投,一种货币分销方式,无需用户交易,而是基于特定条件直接赠予加密货币。Algorithm...
区块链中的密码学技术——哈希算法、Merkle树、公钥密码算法 摘要: 本文是学习区块链技术中关于密码学这一部分的相关知识点学习总结整理。 哈希算法 Hash Function(哈希函数,也称散列函数) 定义 公式表示形式: h=H(m)h=H(m) 函数说明: mm:任意长度消息(实际上有长度限制的,但因为长度可以非常大,这里可以认为是任意长度消息) HH:哈希函数 hh:固定长度的哈希值 典型的散列函数都有非常大的定义域,比如SHA-2最高接受(264−...
Spring、SpringMVC、Spring Boot、Spring Cloud 概念、关系及区别 一、正面解读: Spring主要是基于IOC反转Beans管理Bean类,主要依存于SSH框架(Struts+Spring+Hibernate)这个MVC框架,所以定位很明确,Struts主要负责表示层的显示,Spring利用它的IOC和AOP来处理控制业务(负责对数据库的操作),Hibernate主要作用是数据的持久化到数据库。 SpringMVC是基于Spring的一个MVC框...
架构师之路17年精选80篇 2017精选索引,入选规则为: 截止至2017年12月28日文章 截止到发文,阅读1W+ 【架构必备】《互联网架构如何实现“高并发”》4W+《TCP接入层的负载均衡、高可用、扩展性架构设计》2.2W+《配置中心架构设计演进》1.7W+《跨公网调用的大坑与架构优化》1.4W+《DNS在架构设计中的巧用》1.9W+《消息如何在网络上安全传输》1.2W+...
架构师成长之路(6)--架构师知识体系(方法) 前言:哲学家常思考的问题:" 我是谁?"" 我从哪里来?"" 要到哪里去?不只是哲学家,我想每个人都有自己对这三个问题的认知。如果我们要成为架构师,我们自己要面临的三大问题:找准自己定位:我是谁?在哪里?怎样做好架构师:我要做什么?如何搭建架构师知识体系:我该怎么做?这里面就是做事方法论:目标(我要做什么),方法(计划)(我该怎么做), 执行/行动要成为优秀合格的架构师,...