Yeoman's Blog

记Chrome的性能分析工具实践

业务场景事情的起因是我们WMS系统内有一个批量打印的功能,今天仓库反应第一次打印的速度大概是2s,但是之后每次都越来越慢,到后面页面基本就直接卡死了。 从这个表现来看,这个问题基本可以定位成性能问题,而不是可以被try…catch到的异常。 想到的解决方案有两种: 一行行review这部分相关的代码,console+debugger来逐步排查问题。 使用Chrome自带的性能分析工具来定位......

记组件库工程搭建

最近团队内准备维护一套vue的组件库,为了和nek-ui保持一样的交互设计。在搭建一个vue的组件库(nek-vue)的工程,其中有一个平时业务工程中不会遇到的需求,就是组件的按需引入。 需求:组件按需引入功能点拆分:JavaScript和CSS分别需要按需引入,也就意味着每一个组件必须单独打包成对应的脚本和CSS JavaScript打包对于开发环境来讲,webpack的entry可以配成......

从搭建工程讲到CSS Modules

背景这周的主要的工作就是搭建新工程的架子,项目基于vue-cli构建。基本的功能在脚手架里都已经具备,但是还是需要针对具体的业务场景来做一些定制。 mock以现在前后端分离的开发模式来讲,一个正常的开发流程大概是这样: 这样前端可以不用等后端接口完全写完才可以开发,前后端并行开发,提高团队效率。 而脚手架提供的功能只有一个proxy,不能满足我们的需求。所以需要我们自己写一个mock-mid......

聊聊「跨域请求」这个事

这篇文章的目的就是讲清楚跨域网络请求这件事情。 浏览器的同源策略浏览器的同源策略是引发跨域问题的根本原因,同源策略限制从一个 源 加载的文档或脚本如何与来自另一个 源 的资源进行交互。那么如何来判断两个URL是否是属于同一个 源 呢?假设我们当前的URL为:http://blog.yangmingming.me/ ,对应下面URL的同源检测结果如下 URL 结果 原因 htt......

npm进阶学习

npm的由来前端开发的依赖越来越重,去下载源码进行引用的方式已经过于繁琐,于是Isaac Z. Schlueter 大神就用JavaScript(node.js)写了一个npm(Node Package Manager)。 npm的发展和Node.js发展相辅相成,Node.js也缺少一个包管理工具,于是Node.js作者和npm作者达成合作,Node.js内置了npm。之后npm的作者......

0.1+0.2=0.30000000000000004.md

写在前面今天在看《JavaScript高级程序设计》的时候,注意到书中提到了0.1+0.2=0.30000000000000004这样一个现象,觉得很有意思。其中平时在工作中对于浮点数了解地并不多,也从IEEE 754数值浮点计算标准这些概念中发现,其实JS(包括采用IEEE 754标准的其他语言)中看似简单的Number基础类型,其实一点都不简单。这篇博客意在从这个奇怪的计算结果去学习总结......

翻越GFW的正确姿势

天才第一步

写在前面刚开始工作的时候老大给了一个支持PPTP协议的VPN账号,听说墙外的世界还是比较美(zhen)好(shi)的。那个时候虽然可以成功FQ,但是有几个问题一直比较困扰我: VPN访问网页的速度非常有限。 每次在切换网络状态(从4G到wifi)的时候,VPN必须断线重连。 所有的请求都会被代理,导致访问国内的站点速度也非常慢。 自iOS 10和OS X –> macO......

写好一篇博客之我见

写好一篇博客之我见写在前面这是个人的第一篇博客,想想还有点小激动呢ヾ(。・ω・。) 想开始写博客也有一段时间了,也积累了一些内容。听了一些技术大大的观点,越发觉得坚持写博客是一件非常值得做的事(这里就不立flag了),主要基于几个原因。 沉淀:学习是一件需要反复重复的事情,写博客来备忘是其次,但是对原有知识的第二次整理归纳对于自我提升是非常重要的。 分享:技术的发展离不开社区的发展,......