前端性能优化之指标

新公司主要的产品是一款APP,因为公司是一家电商公司,所以APP里90%以上都是Web。单从个人使用体验上看感觉挺慢了,所以就花点时间研究下Web优化。 要做性能优化,首先要有指标,W3C标准中的Performance Timing API提供的数据就可以提供性能相关的指标。 Performance Timing API PerformanceTiming 接口是为保持向后兼容性而保留的传统接口,并且提供了在加载和使用当前页面期间发生的各种事件的性能计时信息。 如下图,Performance Timing 把浏览器中加载和解析一个HTML文件的详细过程分为 unload、redirect、Ap

前端
发布于 5月前

U型理论读书笔记打卡(三)

阅读进度 本周读了第一部分剩余的五、六、七章和第二部分的第十一章,这几章也很难理解,摘抄如下。 社会的盲点 新世界的创世 当前世界正处于三重转换之间,这些转换将重新界定全球系统的协调合作。 全球经济的兴起:技术经济转换——有三种力量持续左右着目前的全球经济:资本全球化、呈网络状的全球性企业和技术。 网络社会的兴起:关系转换 治理的全球化——当今世界经济大体被同一套机构所支配,包括联合国、世界银行、国际货币基金组织以及世界贸易组织等 网络社会——网络社会里,政治机构将成为讨价还价的中介而非权利场所,但是权力并没有消失,它存在于人们和机构借以沟通的网络化关系和文化规范当中 持续的个人主义——公

读书笔记
发布于 5月前

网站转桌面应用

这两天工作又比较忙,没看书,没思考,写一篇简单的技术教程。其实我是不想写这种的,因为本身没啥技术含量,只是把写的东西整理一下,即提高不了技术,也没有思考深度,以后要少写,这类还是以笔记的形式记录到博客即可。 最近公司在推jira,但是整体感觉用起来很困难。主要因为是日常浏览器用的会比较多,基本上chrome上都有四五十个tab标签,经常会切到其它tab看东西,然后每次想要找jira的时候都不太好找,所以就想把jira单独打成一个桌面应用,整体操作和心理感受上感觉都简单很多。 electron介绍 Electron是由Github开发,用HTML,CSS和JavaScript来构建跨平台桌面应用

工具
发布于 5月前

回忆人人车用户端架构演进

最近入职了新的公司,新公司当前的技术架构和人人车当年的架构演进的过程很像,我尽量回忆了下当时在人人车的记忆,整理本文并在新公司内部做了分享。虽然离开人人车已经5年了,但是人人车技术团队对我不管是技术上还是作为程序员的基本素质上的影响都是终身受益的,感谢人人车公司、感谢当时的技术团队及每一位成员。 人人车介绍 人人车是二手车 C2C 模式首创者,于 2014 年 7 月上线,2017年月销数万台。 起步 — 能用就行 LNMP一键安装(CI框架) Redis缓存 Solr搜索 V0.1架构 业务高速发展 线下团队爆炸性的增长,销售、评估师、客服人员等都增长不止一个量级 车辆数、订单量、

架构
发布于 5月前

APP数据抓取半自动化方案

有些APP本身加了签名所以不太好直接拿到接口去抓取,所以需要用APP的浏览行为来抓取数据。当然这不是很好的方法,理论上是可以研究api参数或者反编译来找到签名逻辑,但是这个是比较难的,成本太高,所以如果不是量很大的抓取可以用如下的半自动化方法。 手机+charles+mitmproxy+scrcpy 手机 需要用手机抓包,所以可以用Iphone或者Android 7 以下系统或者root过的安卓手机 charles charles 本身可以直接抓包,但是它不能二次开发,所以需要把charles的全局代理接口配置到 mitmproxy上 mitmproxy mitmproxy 也是一个抓包工具,

工具
发布于 5月前

人是不可控的

这两年看了一些书对人和人性有了一些不一样的认识,最近也在思考克服自己的一个心理障碍的方法,记录如下。 理发的年轻人 先讲一个小故事,有一个年轻人咬了咬牙去了一家高级理发店理发,当理到一半的时候,他额头突然冒出了一些汗。这个时候他就想“我流汗了,这个理发师会不会觉得我有毛病?会不会发现我是一个穷人?他和其他人会不会笑话我?”,于是这个年轻人就想去克制流汗这件事,结果越刻意的控制,汗流得越多。从那以后这个年轻人每次去剪发都会流汗,大汗淋漓。 我是另外一个年轻人 我也有这样一个问题,我很害怕在公共场合流汗,首先我可以肯定我不是社交恐惧症,因为大部分的时候我是可以处理的很好的。同样我每次在公共场合下流

杂谈
发布于 5月前

U型理论读书笔记打卡(二)

阅读进度 本周比较忙,只读了第一部分的第三章和第四章。反思,最近两周大部分时间都花在处理具体的工作事务上,思考和学习少了很多,后面每天要保留好学习和思考的时间。 学习和变革的4个层次 反应:基于现有习惯和常规方式做出回应 重设:改变潜在的结构和过程 重构:改变潜在的思维模式 自然流现:回到创造力的源头 组织变革的现实情况:当今组织和机构中,绝大部分时间和资源都花在了层次1和层次2上,忙于应付问题和重组结构和过程。 使用传统的学习和变革方法根本不可能实现深层次的变革,我们必须将关注的焦点,从习惯性地看世界重新定向到关注世界的源头—我们的盲点。我们要联结到这个源头,方能同频至想要生成的未来。

读书笔记
发布于 5月前

U型理论读书笔记打卡(一)

阅读进度 目前这本书看了推荐序、引言、第一部分的第一章和第二章,第二部分的第8章、第9章、第10章。这些内容都读了两遍,第一遍没读懂在说什么,第二遍理出了作者的大体的思路,但是并没有产生多大的共鸣。第一部分用作者的理论和例子,但是很不好理解,第二部分基本上都是用例子说明理论,还是比较好理解的,目前对U型理论的七个层次中的下载、观察、感知三个层次有点明白了,还需要继续学习剩下的内容。 摘要 踏上发现的旅程 正视时代的危机与召唤 当今的时代存在着很多危机与挑战,而为了应对这种危机的立场主要有三个。复古运动,期望回到过去的秩序以应对危机;现状捍卫者,继续前进,在摸索中找到更多的可能性;第三种就是这本

读书笔记
发布于 6月前

顾客也疯狂读书笔记

缘起 书同样是老板要求读的,以前从来没听过这本书。习惯性地在京东上找这本书,果然也是绝版的书,京东上没有自营的,只有三方店铺的。虽然我大部分的购物都是在京东上,但是我是很不信任京东上的三方店铺的,记得有次在京东三方店铺买了一套书结果是盗版的。懒得去其他地方找了,就随手买了一本,结果被商家通知说没有新的了只有旧书而且需要5天后才发货。然后我又重新在淘宝上买了一本二手的书,还便宜了几十块钱。每次买这种小众的物品的时候基本上都是靠淘宝,淘宝真的是覆盖了很大的这种长尾的需求,淘宝虽然没有做到让天下没有难做的生意,但是做到了让天下没有难买的东西,哈哈。 摘要 这个本书正文一共83页,用了一下午的时间读

读书笔记
发布于 6月前

鲸鱼哲学读书笔记

这本书是我的老板让我读的,以前已经读过一遍了,这次又被要求再读一遍。上次是被强迫的,拖拖拉拉地一两周才读完,这次也是被安排读的,但是这次更主动,大半天的时间就读完。 书中从鲸鱼的训练方法引申到了工作、子女教育、夫妻相处等需要与人沟通的场景中。书中提出了两个重要的概念“猫捉老鼠”和“鲸鱼哲学”。 猫捉老鼠代表了传统的打交道方法,我们更容易发现别人做的错事。 鲸鱼哲学代表了新的打交道方法,更积极主动发现别人做的正确的事。 什么是鲸鱼哲学 注意力就像阳关一样,我们关注什么,什么就会生长;我们忽略什么,什么就会枯萎。把事情越做越好,需要经常被注意到、被认可、被奖励,对人也一样,我们要表扬成绩,即使没

读书笔记
发布于 6月前