Joey Blog

Thinking will not overcome fear but action will.

精读《React 性能调试》

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

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

为Vue.js 单页应用提速

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

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

如何理解Object.defineProperty()

细化分析Object.defineProperty

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

url以及同源跨域处理

跨域细分及总结

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

vue 服务器端渲染 nuxt.js

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

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

前端单页相关规范

讨论稿

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

梧桐喜鹊

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

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

Xcode命令行工具管理

如何切换Xcode命令行工具

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

柔术最大的谎言「译」

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

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

利用 Debug Memory Graph 检测内测泄漏

利用 Xcode 内存表(Debug Memory Graph)检测内测泄漏

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