XXHolic

再次碰到调试 npm 本地包的情况，一时想不起来，看了下文档，实际操作了一下，发现了一些文档上没明写的东西。 根据文档介绍，包的链接分为两步。 在一个包文件夹内执行 npm link 将在全局文件 {prefix}/lib/node_modules/ 内，创建一个符号链接（sy…

最近在 iPhone 的 Safari 查看 h5 页面时，发现有些平台的页面向下滚动时，顶部地址栏和底部导航栏会自动收起，整个页面空间多了不少，可以看到更多信息，这种效果比较适合当前业务场景。之前都没怎么关注这个，查找了一些资料，尝试后总结一下。 当页面内容过多，向下滚动时，…

解决了第一个问题图像灰度处理之后，接着就是做擦除的效果。 一开始想到 Canvas 的画布可以相互覆盖的特性，彩色原图作为背景，灰度图渲染到 Canvas 画布上，然后手指滑动的时候，把接触的部分清除掉，就显示出了背景图。关键的部分是怎么清除画布上已有图像，查询资料发现有两种方…

CORS 全称 Cross-Origin Resource Sharing，跨源资源共享，是跨域的解决方案之一，里面有不少的知识点，在此集中整理。 浏览器的同源策略是一个重要的安全机制，不同源的客户端在没有授权的情况下，不能够访问对方的资源。同源的定义是访问链接的协议、域名和端…

在前端异常解析中介绍了异常的解析，这些异常信息上报后，一般也难以直接的看出什么错误源，因为正式的线上环境中，代码往往都经过了压缩混淆，异常的一些信息都是指向压缩文件。这时候可以根据 Source Map 文件追溯源文件的位置。 最初的源映射格式是由 Joseph Schorr …

在 Performance Guide 中介绍了以用户为中心的指导模型，接着看下在实际测量中的一些性能指标。原文 User-centric performance metrics 前段时间还在 Web Fundamentals 下，今天去看的时候变成了外链，但中文版还在 Web…

textarea 中的换行格式，在其它地方显示时，需要保持其原有的换行格式。 textarea 元素支持多行纯文本编辑。由于历史原因，元素的值有三种不同的形式: row value 是其原始设置的值，它没有被标准化。 API value 是 value 接口定义中使用的值。它是…

近期的工作中，是继 canvas 宽高问题 之后碰到的第二个问题。 在 PC 浏览器上显示时，没有发现明显的模糊，还可以接受。但在手机上就会有明显的模糊。这是示例，扫描访问二维码如下。 示例中，用 css 控制 canvas 的宽高，里面的图片展示效果不一致。查询资料，在 st…

在 github 上逛逛就可以发现，其提交的 commit 都有一定格式，工作中也有相应的规定，时间长了就能体会到其中的好处。这种约束是一种良好的实践。抽出一些时间，更详细的了解相关的资料，然后做了一些实践和总结。 以上的好处，个人认为要有一个大的前提，就是每一个提交，尽量保证…

在玩游戏的时候，碰到一个交互效果：背景一张看起来黑白的图，然后用擦除的交互，让图像变的有颜色。也想试试做这个效果，首先想到的是那个黑白的图是怎么形成的，于是就查资料，找到了用 Canvas 转换的方法。 看起来是黑白的图像，其实是灰度图像，进一步说明见图像。这种图像的特点是像素…