LayoutUnit & Subpixel Layout

2020-01-19
阅读 5 分钟
2.7k
为了更好的支持移动端和 PC 端的缩放,WebKit 增加了subpixel layout(次像素/亚像素布局)为此他们还改变了 rendering tree。一个次像素单元在 WebKit 内被称为 LayoutUnit 用于取代之前使用整数来布局一个元素在页面中位置和大小。从 2013 年开始 WebKit 就已经开启了这个 flag。

VSCode 帮助贫困的乌干达儿童

2019-09-08
阅读 3 分钟
2.7k
最近把开发环境从 WebStorm 迁移到了世界上最好的编辑器 VSCode,因为需要经常开启多个项目,CPU 和内存都爆了只能弃坑。使用过一段时间 vsc 发现里面自带插件库有个叫做 vscodevim 的插件特别有意思。它使用了一些诡异的键位和模式,和普通编辑体验差别很大,但是一看评价这么高,下载量这么大,我一度怀疑自己。看来大...

解析移动端滚动穿透

2019-09-07
阅读 4 分钟
13.7k
滚动穿透在移动端开发中是一个很常见的问题,产生诡异的交互行为,影响用户体验,同时也让我们的产品看起来不那么“专业”。虽然不少产品选择容忍了这样的行为,但是作为追求极致的工程师,应该去了解为什么会产生以及如何去解决。

字体渲染—¥还是Ұ?

2018-11-09
阅读 1 分钟
4.7k
总所周知,”羊角符号¥“被用于来表示人民币,但是这个羊角符号Y中间应该是两道水平线还是一道水平线呢?这是一个比较常见的问题,在前端开发中,往往设计师给出的设计稿是两道水平线但是在某些设备上却被显示成中间只有一道水平线的符号。

awk 入坑指北

2018-01-10
阅读 3 分钟
2.6k
awk(/ɔːk/) 是 *nix 下一种强大的文本处理工具,其名称取自三位作者 Alfred Aho,Peter Jay Weinberger,Brian Wilson Kernighan。awk 提供的功能包括不仅限于正则匹配、流控制、算术运算、甚至于函数等编程语言具备的一些特性。它发行于 1977 年,已经超过了 40 岁堪称古董级软件。为了更让人能直接明白它的用途,我...

Redux中间件与异步Action

2016-08-28
阅读 7 分钟
5k
在之前的浅谈Flux架构及Redux实践一文中我们初步的谈及了Redux的数据流思想,并做了一个简单的加减器。但是还没有接触到Redux更多常用的场景,异步操作、API调用,如何连接到UI层等,Redux可以与很多框架搭配包括Vue、React甚至是纯JavaScript。后面我们会用一个实例--通过github API获取个人信息,来将Redux middleware...

浅谈Flux架构及Redux实践

2016-08-28
阅读 5 分钟
9.8k
Flux是Facebook用来构建用户端的Web应用程序的体系架构,与其它形式化的框架相比,它更像是一个架构思想,用于管理和控制应用中数据的流向。这里应用中的数据指包括但不限于来自服务端的数据页面中view的一些状态(如一个面板是展开还是关闭),临时存储在本地需要持久化到服务端的数据等。

【js4agls】数据结构JavaScript描述-链表篇

2016-05-02
阅读 3 分钟
2.6k
我们为了删除一个元素,导致了整个数组元素的前移,显然这是非常低效的!尤其是当元素很多时。我们可以使用链表这种数据结构,来删除元素的时候而不必让后面的元素向前移动。

【js4agls】数据结构JavaScript描述-队列篇

2016-04-30
阅读 2 分钟
4k
队列(Queue)是一种先进先出(First-In-First-Out, FIFO)的数据结构,与栈不同的是,它操作的元素是在两端,而且进行的是不一样的操作。向队列的队尾加入一个元素叫做入队列(enQueue),向队列的队首删除一个元素叫做出队列(delQueue).

【js4agls】数据结构JavaScript描述-栈篇

2016-04-29
阅读 2 分钟
3.8k
列表项目 栈是一种后进先出(LIFO)的数据结构,我们所能操作的都是栈顶元素,删除一个栈顶元素叫做出栈或者弹栈,添加一个元素叫做入栈或者压栈. ADT 首先构建我们的抽象数据类型. {代码...} Javascript 描述 {代码...} 测试 {代码...} 应用 对num数进行n进制的转换,大致算法如下: 对num和n进行求余和想除取整 将余数入...

JS中新手容易困惑的问题,是变量?是属性?this的指向?

2016-04-11
阅读 1 分钟
1.7k
先看case1,这是一个基础差的同学经常犯的一个错误,在对象内部,把对象的属性当变量使用,它的输出结果是空的,那么为什么呢?我用新的一段代码解释下:

JS数组去重的三种方法

2016-04-01
阅读 2 分钟
2.9k
编写uniqueArray.js {代码...} 编写单元测试 {代码...} 输出: {代码...} 通过hash来实现是比较优雅的姿势。

浅析JS中的跨域请求-图解加实例(JSONP篇)

2016-03-31
阅读 1 分钟
4.7k
实现原理:虽然我们不能直接请求异源上的资源,但是在js中如img,script标签却是可以得到其他服务器上的资源的,那么我们就可以通过这样的方式将一段js代码间接地从外部引入。通过script标签向目标源发起一个GET请求,服务器根据请求的参数返回包含js的代码,请看下图: