I'm YZF

Coding forever!

结构化文本处理利器 unified 生态介绍

概述 Content as structured data. —— unified 官网题词 unified 是一套文本处理相关的生态体系，结合其生态上的相关插件，能够处理 Markdown、HTML、自然语言等。而 unified 库本身又作为一个统一的执行接口，担任执行器的角色，调用其生态上相关的插件完成处理任务。从 unified 官网上可以看到，目前 unified 的使用非......

Posted by imyzf on 2022-01-24

官方揭秘！你的颜色是这样算出来的……

上周三，你的朋友圈是不是这样子的？在我们的颜色测试广泛传播的同时，有网友开始分析起了本次活动的计算逻辑，甚至反编译出了所有可能的颜色情况。作为本次活动的核心开发人员，接下来将为大家介绍颜色测试活动的技术细节。小剧透：本文将在最后重点介绍大家最想了解的结果计算逻辑整体结构本次活动的 H5 其实是一个单页应用（SPA），通过 react-router 进行路由控制，内部包含了 13......

Posted by imyzf on 2021-05-31

构建基于 iOS 模拟器的前端调试方案

本文将为大家介绍自动化控制 iOS 模拟器的原理，为开发基于 iOS 模拟器的前端调试方案提供帮助。我们在开发 iOS App 内的前端页面时，有一个很大的痛点，页面无法使用 Safari Inspector 等工具调试。遇到了问题，我们只能想办法加 vConsole，或者注入 Weinre，或者盲改，实在不行就找客户端同学手动打包调试，总之排查问题的路途非常艰难。在参考了 RN 和......

Posted by imyzf on 2020-06-23

在NW.js中调用Node.js的方式及孤儿进程的解决

NW.js是一种非常不错的跨平台桌面客户端开发方案，通过他可以直接调用Node.js API，结合了浏览器端和Node.js端开发的优势。根据官方文档的说明，提供了两种方式调用Node.js。针对一般场景，这两种方式已经足够，但是对于复杂的应用，可能会出现问题，所以这里我还会介绍第三种特别的调用方式。在前端代码中直接调用在前端代码中调用是最简单的方式，只要把模块导入进来即可，包括自己用NP......

Posted by imyzf on 2017-03-21

Vue.js 2.0源码测试分析

测试是保证框架稳定性的重要方法，如今已经有很多前端测试工具可以使用，能够很方便地进行自动化测试。在vue.js 2.0的源码中，可以看到有很多测试用例，并且编写了配置进行自动化测试。如果需要对vue.js框架进行自定义修改，这些测试可以帮助你检查问题和保障稳定性。这里就将最近研究vue.js 2.0源码学习到的测试方法分享给大家。本文基于vue.js 2.0 rc3源码，一般来说正式版与rc......

Posted by imyzf on 2016-08-23

React + ES6 实践中遇到的问题

问题一：Cannot read property ‘setState’ of undefined在ES6的class中React是不会自动绑定this的，所以需要自己绑定：将onClick={this.props.onBtnClick}改成onClick={this.props.onBtnClose.bind(this)} 或者在class的构造函数中绑定this：this.handleC......

Posted by imyzf on 2015-07-25

crontab的两大坑：百分号和环境变量

今天想给服务器加个自动备份mysql数据库的功能（别怪我这么久才加，阿里云每天全盘备份的，不怕丢数据库），本以为只要5分钟就能搞定的，结果入了两个大坑。我的crontab是这样写的： 0 3 * * * mysqldump -u user -pxxxx database > "/alidata/backup/imyzf.com/$(date +%F\ %T).sql" 首先，是百分号......

Posted by imyzf on 2015-04-03

使用chrome调试安卓WebView里的网页

一直在想，如果手机里的WebView也能和chrome一样审查元素就好了，结果今天，真的找到了！该功能支持安卓4.4及以上，进入手机设置 - 开发者选项，打开USB调试，连接电脑。然后进入chrome://inspect/#devices，就会看到下图的内容（此时我已经在手机上打开自带的浏览器）。点击inspect，就可以进入审查元素界面。更神奇的是，不仅仅是自带浏览器，其他应用里的......

Posted by imyzf on 2015-04-01

阿里云的一些使用技巧

使用阿里云一年了，感觉非常好用，使用过程中也了解到了许多技巧，特别是去年参加了阿里云开发者大会，听过一些讲座，涨了好多知识。节约成本和提高性能是每个使用阿里云的程序猿的梦想。先说说一些节约成本的方法吧：合理选择带宽 1台50M的最低配ECS要3757元/月，10台5M的ECS只要1570元/月，省了多少，自己算吧。按流量计费对于个人用户来说，这一点非常重要，我想说，用了一年......

Posted by imyzf on 2015-04-01

微信内置浏览器对WebSocket的兼容性

WebSocket是一个非常好的东西，用于开发实时应用非常好。它在微信内置浏览器上的兼容性怎么样呢？我做了一个简单测试，虽然不是很准确，但也值得参考。测试方法很简单，我把socket.io官网的聊天室Demo发到朋友圈，看看大家能否正常使用。总结了一下大家的反馈如下： Android版微信没问题，因为使用的是QQ浏览器内核，不受本身系统浏览器影响。 iOS版微信没问题，使用的是Saf......

Posted by imyzf on 2015-03-22