AT弄潮儿

原创 前端优化——性能提升

优化清单：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业务日益复杂化和多元化，工...

原创 5个主流跨端框架区别对比

多 端笔者以为，现在流行的多端框架可以大致分为三类：1. 全包型这类框架最大的特点就是从底层的渲染引擎、布局引擎，到中层的 DSL，再到上层的框架全部由自己开发，代表框架是 Qt 和 Flutter。这类框架优点非常明显：性能（的上限）高；各平台渲染结果一致。缺点也非常明显：需要完全重新学习 DSL（QML/Dart），以及难以适配中国特色的端：小程序。这类框架是最原始也是最纯...

原创 移动大前端跨平台解决方案

概述目前移动web端拥有发布快，无需审核，支持热更新，迭代速度快等优点,现在根据业务需求及战略方案将要进一步在微信小程序，快应用，移动端Native等平台上构建类似的业务。所以如何能复用之前H5代码并快速切换到其他平台的的方案将在此文档体现。开了一个每日学习分享群，也可直接加我微信入群（mokinzhao）主流解决方案(react栈)Taro（京东 凹凸实验室）T...

原创 前端技术概览

JavaScript HTML 和 CSS浏览器的实现原理和 API 前端工程实践 前端知识架构图 

原创 Tensorflow在Android客户端上的应用（环境搭建篇）

下载NDK：下载地址下载Bazel：下载地址，Bazel是TensorFlow主要的构建系统。

原创 如何掌握多门编程语言

对的，我这里要讲的不是如何掌握一种程序语言，而是所有的……　　很多编程初学者至今还在给我写信请教，问我该学习什么程序语言，怎么学习。由于我知道标题问题的答案，所以总感觉这个问题是如此“低级”，一直没来得及回复

原创 Kotlin特性与优点分析

Kotlin是JetBrains公司开发的。JetBrains实际上是开发IDES。例如IntelliJ和ReSharper。真正闪耀则是通过Kotlin,Kotlin是简洁和务实的,并且使得编码成为了令人满意和有效的体验。尽管Kotlin可以编译JavaScript和机器码。但是我将会聚焦到最初的环境(JVM)所以以下会给出几个你为什么需要切换到Kotlin语言开发的原因(没有先

原创 Android技术积累汇总（7月19日更新）

这里先给大家一个我自建的移动技术交流群（181232816）安卓,苹果,ReactNative 等主流移动开发均可进群交流，会多平台开发的朋友更适宜一、AndroidAPI使用二、Android组件使用三、AndroidIDE使用（含gradle、studio）四、Android打包发布五、Android源码解析六

原创 用node.js搭建服务器，模拟返回json数据供客户端get，post请求使用

前言：最近在学习reactnative 技术，有了一定的js语言基础 ，听说node.js上手度不错，就试着搭建了个本地服务器，模拟返回json数据供客户端get，post请求使用，使用流程如下：1：安装node2：安装express  npm install express  —save3：往interface目录下添加接口报文，如sysi

原创 程序员优秀学习资料整理（不断更新中）

如果你发现自己陷入各种新技术、工具包围中，而纠结于该选择哪些学习，读读这篇文章，技术的执念。综合资源资源链接汇集awesome - 各种主流语言的优秀项目汇集 :+1:lists - 资源集合的汇集awesome-resources - 开发资源总结awesome-github - 更好地使用GitHubfrontend-dev-bookmarks - Github上最火的

原创 使用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...

转载 微前端设计

在过去的几星期里，随着 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...

原创 一个Preact 项目架构

原创 一个React Native 项目架构设计

翻译 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...

转载 一句话介绍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)--架构师知识体系（方法）

前言：哲学家常思考的问题：" 我是谁？"" 我从哪里来？"" 要到哪里去？不只是哲学家，我想每个人都有自己对这三个问题的认知。如果我们要成为架构师，我们自己要面临的三大问题：找准自己定位：我是谁？在哪里？怎样做好架构师：我要做什么？如何搭建架构师知识体系：我该怎么做？这里面就是做事方法论：目标（我要做什么），方法（计划）（我该怎么做）,  执行/行动要成为优秀合格的架构师，...

原创 架构师成长之路(4)--高可用高并发架构（图谱）

转载 架构师成长之路(3)--架构师必备技能（目标）

前言："比你牛B的人比你还努力,你有什么资格不去奋斗"哲学家常思考的问题：" 我是谁？"" 我从哪里来？"" 要到哪里去？不只是哲学家，我想每个人都有自己对这三个问题的认知。如果我们要成为架构师，我们自己要面临的三大问题：找准自己定位：我是谁？在哪里？怎样做好架构师：我要做什么？如何搭建架构师知识体系：我该怎么做？这里面就是做事方法论：目标（我要做什么），方法（计划）（我该怎么做...

转载 架构师之路（2）- 什么是软件架构

一、想成为一个合格的架构师，你要知道软件架构是个什么概念，明白架构的定义： 软件架构是一个系统的草图。 软件架构描述的对象是直接构成系统的抽象组件。 各个组件之间的连接则明确和相对细致地描述组件之间的通讯。 在实现阶段，这些抽象组件被细化为实际的组件，比如具体某个类或者对象。 在面向对象领域中，组件之间的连接通常用接口来实现。 二、架构师有细分，基本上可以分为三类： ...

转载 架构师成长之路(1)--什么是架构师

前言：哲学家常思考的问题：" 我是谁？"" 我从哪里来？"" 要到哪里去？不只是哲学家，我想每个人都有自己对这三个问题的认知。如果我们要成为架构师，我们自己要面临的三大问题：找准自己定位：我是谁？在哪里？怎样做好架构师：我要做什么？如何搭建架构师知识体系：我该怎么做？这里面就是做事方法论：目标（我要做什么），方法（计划）（我该怎么做）,  执行/行动 1、架构师定义...

转载 微服务架构设计

微服务       软件架构是一个包含各种组织的系统组织，这些组件包括 Web服务器, 应用服务器, 数据库,存储, 通讯层), 它们彼此或和环境存在关系。系统架构的目标是解决利益相关者的关注点。Conway’s law: Organizations which design systems[...] are constrained to produce designs which are cop...

转载 分布式-微服务-集群的区别

1.分布式将一个大的系统划分为多个业务模块，业务模块分别部署到不同的机器上，各个业务模块之间通过接口进行数据交互。区别分布式的方式是根据不同机器不同业务。上面：service A、B、C、D 分别是业务组件，通过API Geteway进行业务访问。注：分布式需要做好事务管理。分布式事务可参考：微服务架构的分布式事务解决方案2.集群模式集群模式是不同服务器部署同一套服务对外访问，实现服务的负载均衡。...

转载 微服务架构技术栈

一、前言2014 年可以认为是微服务 1.0 的元年，当年有几个标志性事件:一是 Martin Fowler 在其博客上发表了”Microservices”一文，正式提出微服务架构风格；二是 Netflix 微服务架构经过多年大规模生产验证，最终抽象落地形成一整套开源的微服务基础组件，统称 NetflixOSS，Netflix 的成功经验开始被业界认可并推崇；三是 Pivotal 将 Ne...

原创 CentOS 7.2 安装MYsql5.7.18

本文使用MySQL-5.7.18。操作系统为64位CentOS Linux release 7.2.1511 (Core)，以桌面形式安装。卸载MariaDBCentOS7默认安装MariaDB而不是MySQL，而且yum服务器上也移除了MySQL相关的软件包。因为MariaDB和MySQL可能会冲突，故先卸载MariaDB。 1.查看已安装的MariaDB相关rpm包。

转载 Android开发——微信Android架构历史

微信Android诞生之初，用的是常见的分层结构设计。这种架构简单、清晰并一直沿袭至今。这是微信架构的v1.x时代。图1-架构演进到了微信架构的v2.x时代，随着业务的快速发展，消息通知不及时和Android 2.3版本之前webview内存泄露问题开始突显。由于代码、内存、apk大小都在增长，对系统资源的占用越来越多，导致微信进程容易被系统回收

转载 React Native 学习资源精选仓库(汇聚知识，分享精华)

《React Native Awesome》这里fork过来的，汇集了各类react-native学习资料、工具、组件、开源App、资源下载、以及相关新闻等，只求精不求全。因后面无法 Pull requests 所以增加了居多资源，比如：一起踩坑、 音视频相机、图形动画...，比原项目内容更丰富 。https://juejin.im/entry/59dd786cf265da431d3ba6e3

转载 React-Native开发规范

React-Native开发规范标签（空格分隔）： React-Native JavaScript##一、编程规约 ###(一) 命名规约【强制】 代码中命名均不能以下划线或美元符号开始，也不能以下划线或美元符号结束；`_name / $Object / name_ / name$ / Object$`【强制】 代码中命名严禁使用拼音与英文混合的方式，更不允许直接

转载 从一个实战项目来看一下React Native开发的几个关键技术点

一. 项目介绍这是我在学习贾鹏辉老师在慕课网上的一个很火的React Native实战的教程后，写出的课程Demo。该课程是慕课网里很火的一个React Native课程，当初在看了课程介绍和课程安排觉得讲解的点还是很全的，所以毫不犹豫地买了下来。从看视频，敲代码到重构，改bug，大概花了2个多星期的时间，除了调用友盟的SDK以及CodePush集成之外，其他的部分都基本完成了

转载 ReactNative源码篇：源码初识

本篇系列文章主要分析ReactNative源码，分析ReactNative的启动流程、渲染原理、通信机制与线程模型等方面内容。1ReactNative源码篇：源码初识2ReactNative源码篇：代码调用3ReactNative源码篇：启动流程4ReactNative源码篇：渲染原理5ReactNative源码篇：线程模型6ReactNative源码篇：通信机制源码地址：ht

转载 ReactNative50个demo源码

序号名称/地址简介预览图0react-native-eyepetizer模仿开眼3.1.21GitHubPopular这是一个用来查看GitHub最受欢迎与最热项目的App,它基于React Native支持Android和iOS双平台。3react-native