Jiavan

87
获赞数
2
关注数
28
粉丝数
北京
IP 属地上海
2015-04-29 加入
浏览 9k

一张图看不懂?那就两张!
blog 源码都在 github https://github.com/Jiavan/blog/issues

440 声望|学徒
全站排名超越 96% 用户
javascript
355
css
193
chrome
190
html5
171
redux
76
个人动态
  • 赞了文章2021-06-15
    [React技术内幕]:setState的秘密
    对于大多数的React开发者,setState可能是最常用的API之一。React作为View层,通过改变data从而引发UI的更新。React不像Vue这种MVVM库,直接修改data并不能视图的改变,更新状态(state)的过程必须使用setState。  
  • 赞了文章2021-01-05
    MYSQL-索引
    用来加快查询的技术很多,其中最重要的是索引。通常索引能够快速提高查询速度。如果不适用索引,MYSQL必须从第一条记录开始然后读完整个表直到找出相关的行。表越大,花费的时间越多。但也不全是这样。本文讨论索引是什么以及如何使用索引来改善性能,以及索引可能降...
  • 赞了文章2020-06-05
    CSS Modules详解及React中实践
    CSS 是前端领域中进化最慢的一块。由于 ES2015/2016 的快速普及和 Babel/Webpack 等工具的迅猛发展,CSS 被远远甩在了后面,逐渐成为大型项目工程化的痛点。也变成了前端走向彻底模块化前必须解决的难题。
  • 赞了文章2020-05-12
    一文吃透 React SSR 服务端渲染和同构原理
    全网最完整的 React SSR 同构技术原理解析与实践,从零开始手把手带你打造自己的同构应用开发骨架,帮助大家彻底深入理解服务端渲染及底层实现原理,学完本课程,你也可以打造自己的同构框架。
  • 赞了文章2020-04-29
    使用React进行组件库开发
    最近针对日常业务需求使用react封装了一套[组件库], 大概记录下整个开发过程中的心得。由于篇幅原因,在这里只对开发过程中比较纠结的选型和打包等进行讨论,后续再对具体组件的封装进行讨论。文章首发于个人博客
  • 赞了文章2020-03-01
    组件库构建过程
    最近在项目内部创建了一个vue组件库,希望通过组件库的形式,统一项目中组件的逻辑和样式,让代码的复用性更强。 这篇文章主要是梳理组件库的整个结构和构建过程。 结构 首先在这里介绍一下组件库的代码结构,上面是整体代码目录结构,每个目录的作用如下: packages...
  • 发布了文章2020-01-19
    LayoutUnit & Subpixel Layout
    为了更好的支持移动端和 PC 端的缩放,WebKit 增加了subpixel layout(次像素/亚像素布局)为此他们还改变了 rendering tree。一个次像素单元在 WebKit 内被称为 LayoutUnit 用于取代之前使用整数来布局一个元素在页面中位置和大小。从 2013 年开始 WebKit 就已经开...
  • 赞了文章2020-01-02
    AST抽象语法树——最基础的javascript重点知识,99%的人根本不了解
    抽象语法树(AST),是一个非常基础而重要的知识点,但国内的文档却几乎一片空白。本文将带大家从底层了解AST,并且通过发布一个小型前端工具,来带大家了解AST的强大功能
  • 赞了文章2019-11-19
    可能这些是你想要的H5软键盘兼容方案
    最近一段时间在做 H5 聊天项目,踩过其中一大坑:输入框获取焦点,软键盘弹起,要求输入框吸附(或顶)在输入法框上。需求很明确,看似很简单,其实不然。从实验过一些机型上看,发现主要存在以下问题:
  • 发布了文章2019-09-08
    VSCode 帮助贫困的乌干达儿童
    最近把开发环境从 WebStorm 迁移到了世界上最好的编辑器 VSCode,因为需要经常开启多个项目,CPU 和内存都爆了只能弃坑。使用过一段时间 vsc 发现里面自带插件库有个叫做 vscodevim 的插件特别有意思。它使用了一些诡异的键位和模式,和普通编辑体验差别很大,但是一...
  • 发布了文章2019-09-07
    解析移动端滚动穿透
    滚动穿透在移动端开发中是一个很常见的问题,产生诡异的交互行为,影响用户体验,同时也让我们的产品看起来不那么“专业”。虽然不少产品选择容忍了这样的行为,但是作为追求极致的工程师,应该去了解为什么会产生以及如何去解决。
  • 赞了文章2019-08-23
    Web 性能优化: 使用 React.memo() 提高 React 组件性能
    想阅读更多优质文章请猛戳GitHub博客,一年百来篇优质文章等着你! 这是 Web 性能优化的第四篇,之前的可以在下面点击查看: Web 性能优化: 使用 Webpack 分离数据的正确方法 Web 性能优化: 图片优化让网站大小减少 62% Web 性能优化: 缓存 React 事件来提高性能 R...
  • 赞了文章2019-08-05
    TypeScript中高级应用与最佳实践
    原文:TypeScript中高级应用与最佳实践 | AlloyTeam作者:TAT.haoyue 当我们讨论TypeScript时,我们在讨论什么? TypeScript的定位 JavaScript的超集 编译期行为 不引入额外开销 不改变运行时行为 始终与 ESMAScript 语言标准一致 (stage 3语法) TypeScript中的Decor...
  • 赞了文章2019-08-05
    TypeScript中高级应用与最佳实践
    原文:TypeScript中高级应用与最佳实践 | AlloyTeam作者:TAT.haoyue 当我们讨论TypeScript时,我们在讨论什么? TypeScript的定位 JavaScript的超集 编译期行为 不引入额外开销 不改变运行时行为 始终与 ESMAScript 语言标准一致 (stage 3语法) TypeScript中的Decor...
  • 发布了文章2018-11-09
    字体渲染—¥还是Ұ?
    总所周知,”羊角符号¥“被用于来表示人民币,但是这个羊角符号Y中间应该是两道水平线还是一道水平线呢?这是一个比较常见的问题,在前端开发中,往往设计师给出的设计稿是两道水平线但是在某些设备上却被显示成中间只有一道水平线的符号。
  • 赞了文章2018-01-16
    聊一聊前端自动化测试
    以前不喜欢写测试,主要是觉得编写和维护测试用例非常的浪费时间。在真正写了一段时间的基础组件和基础工具后,才发现自动化测试有很多好处。测试最重要的自然是提升代码质量。代码有测试用例,虽不能说百分百无bug,但至少说明测试用例覆盖到的场景是没有问题的。有...
  • 发布了文章2018-01-10
    awk 入坑指北
    awk(/ɔːk/) 是 *nix 下一种强大的文本处理工具,其名称取自三位作者 Alfred Aho,Peter Jay Weinberger,Brian Wilson Kernighan。awk 提供的功能包括不仅限于正则匹配、流控制、算术运算、甚至于函数等编程语言具备的一些特性。它发行于 1977 年,已经超过了 40 ...
  • 赞了文章2017-12-11
    通俗的方式理解动态类型,静态类型;强类型,弱类型
    今天和一个朋友讨论 C++ 是强类型还是弱类型的时候,他告诉我 C++ 是强类型的,他和我说因为 C++ 在写的时候需要 int,float 等等关键字去定义变量,因此 C++ 是强类型的,我告诉他 C++ 是弱类型的他竟然还嘲笑我不懂基础。
  • 发布了文章2017-09-12
    CPU挖矿-利用VPS挖莱特币
    前段时间疯狂的WannaCry蠕虫病毒再一次将比特币带入大众视野,导致最近挖矿的人越来越多,AMD 显卡甚至都脱销还出现了专门的矿机。之前也还没有写过关于区块链技术的博客,后面打算有时间写两篇文章来介绍一下我对区块链技术的认识以及与比特币相关的一些东西。本文...
  • 回答了问题2016-12-10
    js obj对象的中用this与obj在性能上有什么区别?
    this比obj多一个字符,console.log(this.name === obj.name)就知道区别了