300ms

遇到了诡异的 IOS 9.2 点击出现延迟。 目前手动测试: amazeui bootstrap uikit 点击都会出现延迟的状态! 目前原因未知。 https://webkit.org/blog/5610/more-responsive-tapping-on-ios/ https://developers.google.com/web/updates/2013/12/300ms-tap-delay-gone-away »

Weekly 000000101

像素比与常说的 1px 的问题,已总结在 blog 里了 对象属性的遍历: 几种方法,是否可枚举,是否原型继承 for in own enum prototype getOwnPropertyNames() own enum. not enum keys() own enum userAgent: 每个浏览器给的 UA »

BGC GFC IFC ETC

几个概念,与相关需要挖掘细节的地方。另外再来几个布局的实例。 格式化上下文 和 盒子 算是 CSS 里最细节的概念了。 CSS2.1 规范中的 IFC(Inline Formatting Contexts)与 BFC(Block Formatting Contexts) CSS3 新增规范,GFC(GridLayout Formatting »

像素 & 1px

说明 像数 为影像显示的基本单位。 https://www.wikiwand.com/zh-sg/%E5%83%8F%E7%B4%A0 CSS像素(CSS pixels) 浏览器使用的抽象单位,用来精确度量网页上的内容。 eg:平时经常写的width:100px;height:100px; 都是与设备无关的。 设备独立像素 »

Set a breakpoint

说到程序的调试,我都是直接在代码里打 console,以前觉得没有什么的,觉得都是个人习惯吧,可是最近由于一个功能添加的模块太多了,代码也不是自己写的,完全是处于黑盒的状态。另外也感觉自己的效率实在是有些低,需要增强些。 所有想到了断点调试,自然就用起来了,也是越用越顺手,感觉很舒服,整个代码的流程清晰于视野中啊。真的是谁用谁知道啊。那么这里也就总结下进行断点调试中的爽与不爽。 How to set a breakpoint 基本的使用: Event Listener Breakpoints »

Weekly 000000100

CSS Guideline 值得翻译 大神直述 setState 的问题, 这也是在开发中需要的地方, setState 是异步的 setState 的故事 JS 运行时分析, 这里对 Chrome 使用还是不熟啊 深入理解JavaScript错误和堆栈追踪: 主要是 堆栈调用 和 error 处理和提示 箭头函数值之逼技能 全球浏览器统计: 包括 UC »

Electron 渲染进程之间的通信

对于 主进程和渲染进程之间的通信,使用 IPC 是很方便的。但是渲染进程之间呢? 哈哈,我这个码农看来又踩到一个坑了。 方案一: 使用全局共享属性: // In the main process. global.sharedObject = { someProperty: 'default value' } // In page 1. require('electron').remote.getGlobal( »

atom 代理

最近有=又想用 atom 了, 但是 atom 无法升级和插件无法安装, 以前还可以用,现在挂 SS 也无法下载更新,墙是越来越坚固啊。 所以就替换源: C:\Users\用户名.atom目录,新建文件名为 .apmrc 和 .atomrc 的文本文件,添加如下内容: registry=https://registry. »

WEEKLY 000000011

ELECTRON,随便看看就好 css modules 的简要了解 https://developer.mozilla.org/en-US/docs/Web/CSS/box-shadow The magic of microcopy 我的理解就是在细微之处带来惊喜【用户体验】 JS void 没用的体现。 TODO PWA 的实践 »

数据 数据结构 数据类型 => 本质、区别、联系?

一直不明白数据,数据结构,数据类型,这些到底是什么? 对概念和本质都没有认知。在逻辑上、抽象上、物理上? 这几个又是怎么进行区分,又表示什么? 此处涉及概念比较多,注意区分自造的概念。 概念 => 逻辑上的表现,行为 => 数据的物理存储和操作 ?? 这里就没有弄清楚。 在 js 定义的 数组, 字符串 属于什么? 他们有方法和属性。 数据是信息的载体,是描述客观事物的数、 »

PNG 相关

玩玩竞赛扩充下知识还是很不错的,虽然都不会23333。 平常接触最多的就是 png 格式的图片格式了。但是没有好好了解过。 简介 https://zh.wikipedia.org/wiki/PNG 简单看下一些特性: 支持256色调色板技术以产生小体积文件 最高支持24位真彩色图像以及8位灰度图像。 支持Alpha通道的透明/半透明特性。 支持图像亮度的Gamma校准信息。 支持存储附加文本信息,以保留图像名称、作者、版权、创作时间、注释等信息。 使用无损压缩。 »