Joey的博客 | Joey Blog

精读《React 性能调试》

React 性能调试是面对这种问题的必修课

前言在数据中台做 BI 工具经常面对海量数据的渲染处理，除了组件本身性能优化之外，经常要排查整体页面性能瓶颈点，尤其是维护一些性能做得并不好的旧代码时。精读本文介绍了众多性能检测工具与方法。 React Profiler Profiler这个 API 是一种运行时 Debug 的补充，可以通过其 callback 拿到组件渲染信息，用法如下： const Movies = ...

Posted by Joey on August 3, 2019

为Vue.js 单页应用提速

以下介绍了有关如何缓解此类问题的几种方法，以及在响应性和性能方面进一步改进 Vue.js 应用的其他方法。

功能组件功能组件是不包含任何状态和实例的组件。将无状态 Vue 组件转换为功能组件可以大大提高渲染性能。只需在顶层 template 标记中添加 functional 关键字即可： <template functional> <div>...</div> </template> 要像以前一样访问 prop 和数据，你必须进...

Posted by Joey on June 20, 2019

如何理解Object.defineProperty()

细化分析Object.defineProperty

如何理解Object.defineProperty() 前言几乎所有使用Vue的开发者都知道，Vue的双向绑定是通过Object.defineProperty()实现的，也知道在getter中收集依赖，在setter中通知更新。那么除了知道getter和setter之外，Object.defineProperty()还有哪些值得我们去注意的地方呢？是不是有很多细节的东西不懂呢？ ...

Posted by Joey on April 18, 2019

url以及同源跨域处理

跨域细分及总结

前言随着工作时间的增长，前面学过的东西开始慢慢遗忘，抽空的时候就将一些资料整理整理，顺一顺，也当作一种温习。 url的完整结构协议类型（protocol）通过URL可以指定的主要有以下几种：http、ftp、gopher、telnet、file等 URL的组成协议 1、protocol（协议）：指定使用的传输协议，下表列出 protocol 属...

Posted by Joey on February 18, 2019

vue 服务器端渲染 nuxt.js

nuxt.js 是一个基于 Vue.js 的通用应用框架

前言开头还是来一段废话：年关将近，给大家拜个早年，愿大家年会都能抽大奖，来年行大运。废话不多说，直接进正文项目环境：前端vue项目，需要将新增的几个路由页面做seo处理。在调研插件 prerender-spa-plugin后，发现无法满足 vuex 以及 plugins 等要求时，果断选用了 nuxt.js做服务器渲染。下面是在项目中整理的文档和问题 ...

Posted by Joey on January 20, 2019

前端单页相关规范

讨论稿

1、文件目录结构 /web/ 前端目录 srcstatic/dist/ index.html 前端单页入口文件，响应除/api/、favicon.ic...

Posted by Joey on December 21, 2018

梧桐喜鹊

云鸟科技产品手册——梧桐喜鹊

前言 1、文档说明 1.1 项目背景与范围 1.1.1项目背景梧桐喜鹊定位司机端，小程序为载体，在司机拓客、转化、留存和监控主场景下，解决目前每个场景下痛点，输出解决方案。 1.1.2项目范围梧桐喜鹊2.0，主要完成线索转化，解决目前城市司机入驻转化，同时增加司机转化率，活动支持一期实现标红页面 1.2 更新日志日期版本 ...

Posted by Joey on October 24, 2018

Xcode命令行工具管理

如何切换Xcode命令行工具

安装 xcode-select --install Xcode版本切换显示当前使用的xocde版本 $ xcode-select --print-path 选择Xcode中的默认版本 $ sudo xcode-select -switch /Applications/Xcode.app

Posted by Joey on May 5, 2018

柔术最大的谎言「译」

辩证分析柔术中技术与力量

译自《THE BIGGEST LIE IN JIU JITSU》最近我看到了一个让我捧腹的柔术笑话。 “柔术的技术是无敌的！” 你可能不想听听下面的内容，但是作为一名柔术教练，我的工作是与你分享我认为的真理，而不是虚假的谎言。所以在这里与你们分享我的见解：目录技术不是无敌的我的见解一个假设真实的例子这个神话是从哪里来的？好消息...

Posted by Joey on January 4, 2018

利用 Debug Memory Graph 检测内测泄漏

利用 Xcode 内存表（Debug Memory Graph）检测内测泄漏

前言平常我们都会用 Instrument 的 Leaks / Allocations 或其他一些开源库进行内存泄露的排查，但它们都存在各种问题和不便，在这个 ARC 时代更常见的内存泄露是循环引用导致的 Abandoned memory，Leaks 工具查不出这类内存泄露，应用有限。今天介绍一种简单直接的检测内测泄漏的方法：Debug Memory Graph 就是这货： ...

Posted by Joey on July 26, 2017

Joey Blog