随笔分类 - JavaScript
摘要：前言 JavaScript从使用开初就一直基于事件循环的单线程运行模型，即使是成功进军后端开发的Nodejs也没有改变这一模型。那么对于计算密集型的应用，我们必须创建新进程来执行运算，然后执行进程间通信实现传参和获取运算结果。否则会造成UI界面卡顿，甚至导致浏览器无响应。 从功能实现来看，我们可以通
阅读全文
摘要：前言 之前系统接入大数据PV统计平台，最近因PV统计平台侧服务器资源紧张，要求各接入方必须缓存API调用验证用的Token，从而减少无效请求和服务端缓存中间件的存储压力。 虽然系统部分业务模块都有缓存数据的需求，但由于没有提供统一的前端缓存模块，这导致各业务模块都自行实现一套刚好能用的缓存机制，甚至
阅读全文
摘要：前言 江湖有传“动态类型一时爽，代码重构火葬场”，由于动态类型语言在开发时不受数据类型的约束，因此非常适合在项目原型阶段和初期进行快速迭代开发使用，这意味着项目未来将通过重写而非重构的方式进入成熟阶段。而在企业级应用开发中，每个系统特性其实都是需求分析人员与用户进行多次调研后明确下来的，后期需要重写
阅读全文
摘要：前言 也许前端的同学会问JavaScript从诞生至今都没有枚举类型，我们不是都活得挺好的吗？为什么TypeScript需要引入枚举类型呢？ 也许被迫写前端的后端同学会问，TypeScript的枚举类型是和Java/.NET的一样吗？ 下面我们来一起探讨和尝试解答吧！ 前端一直都需要枚举 我敢保证，
阅读全文
摘要：前言 在上一篇 "《前端魔法堂——异常不仅仅是try/catch》" 中我们描述出一副异常及如何捕获异常的画像，但仅仅如此而已。试想一下，我们穷尽一切捕获异常实例，然后仅仅为告诉用户,运维和开发人员页面报了一个哪个哪个类型的错误吗？答案是否定的。我们的目的是收集 刚刚足够 的现场证据，好
阅读全文
摘要：前言 编程时我们往往拿到的是业务流程正确的业务说明文档或规范，但实际开发中却布满荆棘和例外情况，而这些例外中包含业务用例的例外，也包含技术上的例外。对于业务用例的例外我们别无它法，必须要求实施人员与用户共同提供合理的解决方案；而技术上的例外，则必须由我们码农们手刃之，而这也是我想记录的内
阅读全文
摘要：前言 两年多前知道cljs的存在时十分兴奋，但因为工作中根本用不上，国内也没有专门的职位于是搁置了对其的探索。而近一两年来又刮起了函数式编程的风潮，恰逢有幸主理新项目的前端架构，于是引入Ramda.js来疗藉心中压抑已久的渴望，谁知一发不可收拾，于是抛弃所有利益的考虑，遵循内心，好好追逐
阅读全文
摘要：前言 最近在用Polymer封装纯数字的输入框，开发过程中发现不是坑，也有不少值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历： 1. "《动手写个数字输入框1：input[type=number]的遗憾》" 2. "《动手写个数字输入框2：起手式——拦截非法字符》" 3.
阅读全文
摘要：前言 最近在用Polymer封装纯数字的输入框，开发过程中发现不是坑，也有不少值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历： 1. "《动手写个数字输入框1：input[type=number]的遗憾》" 2. "《动手写个数字输入框2：起手式——拦截非法字符》" 3.
阅读全文
摘要：前言 最近在用Polymer封装纯数字的输入框，开发过程中发现不少坑，也有很多值得研究的地方。本系列打算分4篇来叙述这段可歌可泣的踩坑经历： 1. "《动手写个数字输入框1：input[type=number]的遗憾》" 2. "《动手写个数字输入框2：起手式——拦截非法字符》" 3.
阅读全文
摘要：前言 前几天用户反映在录入资料时一不小心错按Backspace键，就会直接回退到是一个页面，导致之前辛辛苦苦录入的资料全部丢失了。哦？居然还有这种情况。下面我们来一起探讨一下吧！ Windows系统下独有的行为 Windows下的IE、FireFox和Chrome 52之前的
阅读全文
摘要：前言 最近在用Polymer增强form，使其支持表单的异步提交，但发现明明订阅了onsubmit和submit事件，却怎么也触发不了。下面我们将一一道来。 提交表单的方式 1. 表单仅含一个以下的元素时，该元素得到焦点，按回车键，即可发起表单提交。 示例: 2. 表单含两个或以上的上述
阅读全文
摘要：前言 对于问题多多的IE678，FOUC(flash of unstyled content)——浏览器样式闪烁是一个不可忽视的话题，但对于ever green的浏览器就不用理会了吗？下面尝试较全面地解密FOUC。 到底什么是FOUC？ 页面加载解析时，页面以样式A渲染；当页
阅读全文
摘要：前言 上周5在公司作了关于JS异步编程模型的技术分享，可能是内容太干的缘故吧，最后从大家的表情看出“这条粉肠到底在说啥？”的结果:(下面是PPT的讲义，具体的PPT和示例代码在https://github.com/fsjohnhuang/ppt/tree/master/apm_of_js
阅读全文
摘要：前言 说起Custom Element那必然会想起那个相似而又以失败告终的HTML Component。HTML Component是在IE5开始引入的新技术，用于对原生元素作功能"增强"，虽然仅仅被IE所支持，虽然IE10也开始放弃它了，虽然掌握了也用不上，但还是不影响我们以研究的心态
阅读全文
摘要：前言 通过 "《WebComponent魔法堂:深究Custom Element 之 面向痛点编程》" ，我们明白到其实Custom Element并不是什么新东西，我们甚至可以在IE5.5上定义自己的 元素。但这种简单粗暴的自定义元素并不是我们需要的，我们需要的是具有以下特点的自定义元
阅读全文
摘要：前言 最近加入到新项目组负责前端技术预研和选型，一直偏向于以Polymer为代表的WebComponent技术线，于是查阅各类资料想说服老大向这方面靠，最后得到的结果是:"资料99%是英语无所谓，最重要是UI/UX上符合要求，技术的事你说了算。"，于是我只好乖乖地去学UI/UX设计的事，
阅读全文
摘要：前言 最近加入到新项目组负责前端技术预研和选型，其中涉及到一个熟悉又陌生的需求——国际化＆本地化。熟悉的是之前的项目也玩过，陌生的是之前的实现仅仅停留在"有"的阶段而已。趁着这个机会好好学习整理一下，为后面的技术选型做准备。 本篇作为系列的最后一篇，打算和大家一起看看HTTP
阅读全文
摘要：前言 最近加入到新项目组负责前端技术预研和选型，其中涉及到一个熟悉又陌生的需求——国际化＆本地化。熟悉的是之前的项目也玩过，陌生的是之前的实现仅仅停留在"有"的阶段而已。趁着这个机会好好学习整理一下，为后面的技术选型做准备。 本篇将于大家一起挽起袖子撸代码:) 如何获取Lan
阅读全文
摘要：前言 最近加入到新项目组负责前端技术预研和选型，其中涉及到一个熟悉又陌生的需求——国际化＆本地化。熟悉的是之前的项目也玩过，陌生的是之前的实现仅仅停留在"有"的阶段而已。趁着这个机会好好学习整理一下，为后面的技术选型做准备。 本篇将阐述国际化和本地化的概念，以及其中一个很重要
阅读全文